Skip to main content
Version: 3.3.0

WYSIWYG editor

FLOWX.AI Designer's WYSIWYG ("What You See Is What You Get") editor enables you to create and modify notification and document templates without the need for complicated coding from the developers. WYSIWYG editors make the creation/editing of any type of document or notification easier for the end-user.

Displaying how the document will be published or printed on the screen, the user can adjust the text, graphics, photos, or other document/notification elements before generating the final output.

WYSIWYG Componentsโ€‹

The formatting head of the editor allows users to manipulate/format the content of the document.


The Body is the main part of the editor where you can edit your template.


After you defined some parameters in the Data Model tab, you can type "#" in the body to trigger a dropdown where you can choose which one you want to use.


The Source button can be used to switch to the HTML editor. You can use the HTML view/editor as a debugging tool, or you can edit the template directly by writing code here.

Source Code

Document Templatesโ€‹

One of the main features of the document management plugin is the ability to generate new documents based on custom templates and prefilled with data related to the current process instance.

Document template

ยปDocuments plugin

Notification Templatesโ€‹

Notification WYSIWYG body has some additional fields (other than documents template):

  • Type - that could be either MAIL or SMS (SMS, only if there is an external adapter)
  • Forward on Kafka - if this box is checked, the notification is not being sent directly by the plugin to the destination, but forwarded to another adapter

Notification template

ยปManaging notifications templates

Data Modelโ€‹

Data Modelโ€‹

Using the data model, you can define key pair values (parameters) that will be displayed and reused in the body. Multiple parameters can be added:

  • ARRAY (which has an additional item field)

Data model


Parameters can be defined as mandatory or not. When you try to generate a template without filling in all the mandatory parameters, the following error message will be displayed: "Provided data cannot be empty if there are any required properties defined."

Was this page helpful?