The Mailify Sunrise Form Editor is a form editor.
Forms are very useful for collecting new contacts from your site, registrations for an event, or sending a survey to your clients.
You will find all the information on the various types of forms as well as their various integration methods in the "Forms" section of this user manual.
We will go into detail on the "elements" of the form, i.e. the design of the form itself and the many formatting options that can be applied.
We will review each element of the form editor: Interface | Contents | Styles | Actions
The form editor is identical for each form type selected beforehand.
The only exception to the rule is the option "double opt-in" only when you create a form "Registration/update".
You will have access to the FormBuilder on the editing step during the process of creating your forms, whatever type you have chosen.
By default, a preformatted form is proposed to you by Mailify Sunrise. You have the leisure to modify it as you wish:
Like the Mailify Sunrise EmailBuilder, the form editor is based on the principle of 'drag-and-drop'.
The right pane allows you to modify the contents and styles of your form, or to write a thank you message for those who have completed it.
It is possible to increase the size of your work plan in order to gain comfort of use.
Click this button, located at the top of the right pane to fold the pane. This action will be reversible by clicking this button again.
Click this button, located at the top right of your workbench, to hide the left column and the header bar.
By default, the display mode of your work plan is in ""desktop"" version, that is to say that you view your form as if it were consulted on a computer.
You can view the display of your form on mobile by clicking on the ""Switch"" button located above your work plan.
You can also view the display of your form on a web page by clicking on the button 
at the top right of your work plan.
Unlike EmailBuilder, you do not have to create a block before you upload content.
The form itself consists of only one is a single block in which it is possible to deposit only content type "Question".
Other types of content can be dropped either below or above the form and represent in themselves a block of content. It is not possible, for example, to deposit an image, text or a Google Map within the form.
Questions | Image | Text | Space | Separator | Floating picture | Google Maps
QuestionThis content is the only one you can deposit in your form.
It allows you to insert a new "Question". The heading "Question" may be confusing, as it is not necessarily a question. This is more of a piece of information you want from your contacts. This information may or may not be mandatory, for you to decide.
To insert this content, click on it and drag and drop it directly on the worktop, within the main container of the form. The container is highlighted when you are about to add your question to tell you that you can drop it there.
There is another way to create a new question: click directly on the "+" button located under the last question of your form.
Once you have submitted a new question, several actions are possible on it: you can move it, delete it, or edit it.
To edit a question, click the "Edit" button that appears when you hover over your question.
A new window titled "Properties of the question" will appear.
For forms "Registration/update" you must establish a corresponding column in your list of contacts for the form fields, so that the entered data is collected in the right columns of your list. For example, if you insert a field "First name" in your form, it will be necessary that the data entered in this field goes into the column "First name" of your contact list.
For "Event" or "Survey" forms, it is not necessary to match the field to a corresponding dolumn as the data is not being reported in an existing contact list.
Window "Properties of the question" of a form type "Registration/Update" vs. "Event" or "Questionnaire" type.
This is where you will be able to choose the type of question you want to add to your form:
Regardless of the type of field selected, you can customize the field name on your form by double-clicking it
This type of question allows you to insert a free entry field.
It is particularly suitable for textual responses that do not require a particular format, such as names, first names, or addresses...
It is not recommended to use this type of question to request an email address for example. In fact, it is better to check that the responses of your contacts will be email addresses and respond well to an "email" format. For this, there is a type of question "Email field".
In the same way, it is not recommended to use this type of field for open questions. There is a "Multiline field" type that allows you to display a larger input field than just a text field.
This type of field is suitable for entering numeric characters (for example: "Postal code" or "Street number"): only numerical characters can be typed in this type of field.
Do not use this type of field for inserting a phone number. There is a type "Telephone" provided for this purpose.
This type of field is suitable for inserting an email address.
The interest of associating this type of field, and not a type "simple field text" is the following one: an error message will be displayed when a person will not enter a valid email address in your form.
This type of field is appropriate for inserting a phone number.
Your contacts will only be able to insert digital content into this field.
This type of field is appropriate for the insertion of data of type "date". For example, it is useful if you want to request a birth date.
When you select this type of question, a drop-down menu allows you to determine the date format that suits you (d = day, m = month, y = year).
This type of field is appropriate when you want to request text type information that can take multiple lines of writing.
The lower right corner of this field allows you to enlarge or reduce the size of the input area as you see fit.
This type of field is appropriate when you want to offer predefined choices to your contacts:
You can remove options by clicking on the cross in front of each one. You can also add options by clicking the "+" button to the right of the options.
The visual rendition of your drop-down menu will be different when your form is published: it will not be presented as a tree (as above) but as a drop-down list (as below).
You can achieve the same goal by creating a single choice question. However, the drop-down list is more appropriate when you have a large number of possible answer choices. You are free to choose the format that best suits your needs.
This type of field is appropriate when you want to offer several possible response options to your contacts.
You can add as many answer choices as you want by clicking the "+" button.
In the "Question properties" window you have the option of determining whether you want to display each choice one after the other, or one above the other.
This type of field is appropriate when you want to offer several response options to your contacts, but they should select only one.
Like multiple choice questions, you can add as many answer choices as you want, and you can align your answers one after the other, or one above the other .
The big difference with "Multiple choice" comes from the fact that a radio button is inserted instead of a checkbox, which limits the choice to only one answer.
When you edit a question, the "Required answer" option is available at the bottom of the "Question properties" window.
If the option is activated, the question will be made mandatory and the form can not be validated without answering your question.
If the option is disabled, the question will be optional and the form will be validated without the contact having answered.
ImageThis content allows you to insert an image above or below the form.
To insert this content, click on it and drag and drop it directly onto the desktop. The container is highlighted when you are about to add your content to tell you that you can drop it there.
Once you have deposited it, several actions are possible on this type of content when you hover over it:
by browsing the files on your computer
Image Bank: Allows you to select an image from the free image bank of Mailify Sunrise
From a URL: allows you to insert an image by inserting the hosting link of your image
Insert Variable: If your recipient list has an "Image" column that lists links to images for each recipient, your image will be customized to each of your recipients. Learn more about dynamic personalization fields.
Clone Image: Allows you to create a duplicate of your image. The new image is automatically added under the initial image, in the same container as that of the initial image
Move Image: allows you to change the current location of your image. Drag and drop the image to another location on your form.
Delete Image: Allows you to delete the image from your form. A "Confirm" button will appear when you click on "Delete image". You will need to confirm the deletion for it to be effective.
Edit image: the "edit" button appears once you have inserted your image. When you click on this button, a window "Properties of the image" appears. You can also directly access the properties of your image by clicking on it.
You can then modify the dimensions of the image by adjusting the width and height (in pixels) of the image. A padlock pictogram allows you to manage the dimensions of your image while maintaining the initial proportions between height and width (locked padlock) or by managing these dimensions independently of each other (padlock unlocked). We advise you to avoid stretching or crushing your image by changing the size of your image after unlocking the padlock. This will have the effect of deforming it and the aesthetic rendering will be degraded.
You can also manage the alignment of your image within the block in which it is embedded: Align your image to the left, center, or right of the container according to your preferences.
Finally, you can insert a clickable link on your image, as well as a caption (alternative text displayed in case of non-download of your image by the email client of your recipient).
Retouching the image: When you have clicked on "Edit the image" and the "Image properties" window appears, click on the "Retoucher" button at the top of the image. You will then have access to the integrated image editor of Mailify Sunrise which will allow you to make a wide choice of corrections to your image in order to improve the visual rendering.
TextThis content allows you to insert a text box above or below the form.
To insert this content, click on it and drag and drop it directly onto the desktop. The container is highlighted when you are about to add your content to tell you that you can drop it there.
Once you have dropped your text box, several actions allow you to customize your text:
When you click within your text, an editor appears, and allows you to apply most of the formatting of your usual word processing software, including (from left to right):
Like other content, you can move, clone or delete your texts.
SpaceThis content allows you to insert vertical escpacement above or below the form.
To insert this content, click on it and drag and drop it directly onto the desktop. The container is highlighted when you are about to add your content to tell you that you can drop it there.
Once you've dropped it, there are several things you can do with this type of content when you hover over it: you can adjust the height of this vertical space, from a minimum of 10 pixels to a maximum of 100 pixels.
Like other content, you can move, clone or delete it.
SeparatorThis content allows you to insert a horizontal separator above or below the form.
To insert this content, click on it and drag and drop it directly onto the desktop. The container is highlighted when you are about to add your content to tell you that you can drop it there.
Once you have deposited it, several actions are possible on this type of content when you hover over it:
In particular, you can customize the color, thickness, and style of the separator by clicking the "Separator properties" button.
Like other content, you can move, clone or delete it.
Imagen flotanteThis content allows you to insert a floating picture, ie an image surrounded by other content (usually text) below or above your form.
To insert this content, click on it and drag and drop it directly onto the desktop. The container is highlighted when you are about to add your content to tell you that you can drop it there.
Once you have deposited it, several actions are possible on this type of content when you hover over it:
When hovering over the image, an icon symbolizing a gear appears. Click on the gear to insert an image.
A drop-down menu appears asking you to insert an image. The insertion modes are the same as those described in the section concerning the content type "Image".
Select the image of your choice with the method that suits you best.
Once your image is inserted, a "Property" button appears in the drop-down menu when you click on your image.
Click this button to access the settings of this one:
A new settings window will appear on the screen:
Like other types of content, the float image can be duplicated, moved or deleted by using the action buttons that appear when the content is flown over.
Google MapsThis content allows you to insert a map (generated by Google Maps) below or above your form.
A Google Maps is automatically inserted when creating an "Event" form.
To insert this content manually, click on it and drag and drop it directly onto the desktop. The container is highlighted when you are about to add your content to tell you that you can drop it there.
Once you've dropped it, there are several things you can do about this type of content when you hover over it:
Click "Generate plan" to validate the creation of the Google Maps map image.
It is not an interactive map, but a snapshot of the location of the specified address.
An "Edit image" button allows you to access the image settings.
Like other types of content, Google Maps can be duplicated, moved or deleted thanks to the action buttons that appear when hovering over the content.
You can customize the appearance of your form by modifying the attributes of the ""Styles"" topic located in the right pane of the Form Editor.
Sample form created with Mailify Sunrise
The "Action" section of the right pane allows you to set a message that will be displayed once the form has been validated, or to return the person to a web page of your choice.
In the case of a form "Registration/Update" (only), you also have the possibility to add a confirmation of registration by double opt-in. A registration confirmation email will then be sent to the person who has just registered by completing the form.
The double opt-in designates a double confirmation of registration to your email list. This is an alternative to the single opt-in, which requires just one confirmation. It allows you to improve the quality of the registrations you generate and thus improve the quality of your database. You will avoid false, incorrect and unsolicited entries, or registrations generated by bots ("robots").
To activate the double opt-in, simply activate the switch button located in front of "verification of registration".
