Editors
According to the type of content you want to edit, the application offers you the possiblity to use the HTML Editor, the text editor or the script editor.
HTML Editor
The HTML editor features two edition modes: design mode () restitutes elements close to how they will appear in the client, while HTML mode () lets you directly edit the document source. Use the Design and HTML buttons at the bottom of the editor to change one mode to the other. Please note that although handling all the tags needed to achieve appealing layouts, application's HTML editor is destined to produce email content. If you plan to produce sophisticated layouts from a graphical interface environment, we advise you use a professional web editor and import the file into your project.
You will find below the functionnality of each HTML Editor button:
Lets you choose the character font from list.
Lets you choose the character size from list.
Lets you choose the character color from list.
Lets you choose a color to highlight the selected text.
Format automatically a selected paragraph or a title (<p> and <h1>...<h6> tags)
Make the selected text in bold.
Make the selected text in italic.
Underline the selected text.
Strike the selected text.
Make the selected text in subscript.
Make the selected text in superscript.
Remove all format settings of the selected text.
Select all elements of your content.
If you have created your HTML file in MS Word, the code contains erroneous tags which are not adapted for an e-mail content (it can be flagged as spam or the design can be modified). This button allows you to clean the MS Word HTML.
Create a number list. Insert <ol> tag and generates <li> tag per each selected paragraph.
Create a bullet list. Insert <ul> tag and generates <li> tag per each selected paragraph.
Align the selected paragraph lines to the left.
Center the selected paragraph lines.
Align the selected paragraph lines to the right.
Justify the selected paragraph lines.
Indent text. Generate <BLOCKQUOTE> tags around text selection.
Outdent text. Decrease quantity of <BLOCKQUOTE> tags around text selection.
Cut the selected element.
Copy the selected element.
Paste the element that has been cut or copied.
Cancel last command.
Repeat last command.
Create a table. When clicking on this button, the table attributes box is displayed. It lets you choose the number of rows, the number of columns, the table width (in percent, pixel or em), the table alignment, the table border thickness (set it to 0 for no border), the cell spacing (space between each cell) and the cell padding (space between the cell content and the cell border). Click on OK to create the table.
Edit Table. In order to modify the table attributes (see above), select the table and click on this button.
Add a row before the row where your cursor is located.
Add a row after the row where your cursor is located.
Remove the row where your cursor is located.
Add a column before the column where your cursor is located.
Add a column after the column where your cursor is located.
Remove the column where your cursor is located.
Link the selected element to an external URL. When clicking on this button, the hyperlink attributes box is displayed and lets you insert

- The URL Type: "http" for a web site, "mailto" for an e-mail address,...
- The destination URL.
- The tooltip which is the text that will be displayed when the receiver overflies the link.
- The target which is where the destination URL will be displayed.
- The Tracking ID that gives a name to the link in order to differentiate it when analysing the tracking statistics.
Unlink the selected element.
Insert an image. When clicking on this button, the image attributes box is displayed. It lets you choose:

- The source by clicking on select. Then you can either choose an image in your project files or browse your disk to upload it.
- The image title (the <title> tag). It represents the text that will be displayed when the mouse is over the image.
- The Image Alternate text. (the <alt> tag). It represents the text that will replace the image if the mail client cannot display it.
- Alignment
- Border Thickness: The higher the number is, the stronger is the border (set it to 0 for no border).
- Width / Height: Lets you force the width and height of the image. Note that by forcing the size of the image, the image quality decreases.
- Horizontal spacing: Space between the image and elements which are on the right or the left.
- Vertical spacing: Space between the image and elements which are above or below.
Insert date. The date language and format is decided according to the language properties of the content (see content properties).
Insert time. The time language and format is decided according to the language properties of the content (see content properties).
Insert an unsubscription link. It adds a link to your message content with the text 'Click here to unsubscribe'. When a receiver clicks on this link, it opens a new email in which the following elements are already filled out:
  • To: The message is sent to your project's sender email address (see Headers Properties).
  • Subject: It is composed of the word 'Unsubscribe', the receiver email address and the campaign ID.
Note that, you can process the unsubscribe request automatically thanks to the message rules.
Insert an horizontal line (<hr> tag).
Insert information from the datasource at insert point. When clicking on this button, the "Insert Data Source Field" attributes box is displayed. It lets you choose (for more information, see content personalization):

- The data source field you want to use to personalize the message content. Fields between {} are the receivers list field. The others are special fields retrieved from the field binding
- The text that will be displayed when the selected field is empty.
- The generated code. This box allows you to see the code which is automatically generated when choosing the data source field and the default value.
Edit merge field. In order to modify the datasource field you want to use to personalize your content, select the field in the HTML Editor (design mode) and click on this button to display the "Insert Data Source Field" attributes box (see above). For more information, see content personalization.
Insert Script in your content. When clicking on this button, the script editor is displayed. For more information, see content personalization.
Edit Script. In order to display the script editor, click on the script in the HTML Editor (design mode) and click on this button. For more information, see content personalization.
Text Editor
the application Text Editor is similar to any other text editors. If you want to personalize a text content, you need to insert scripts (for more information, see content personnalization):

- Insert Data Source Field: Enter the following script <%=DefaultStr(Record.Fields("Name of the Data Source Field"), "Default Value if Field is empty")%>

- Insert Script: Enter the following syntax <%= Insert your script %>
Script Editor
The Script editor in the Web Client is a classic text editor. If you are interested in editing script, visit the application Server Side Scripting Guide.