In this article
To edit the basic block properties, simply click on it. The block will be highlighted (color border). In the side panel, the "Block Properties" panel allows you to specify the background color and the desired spacing at the top and bottom of the block.
To customize the background color of a block, start by unchecking the "No Color" checkbox to the right of this element. To specify the color of the background, simply click on the colored square to the right of the item you want to change and choose a color from the many shades available in the color picker. If you're familiar with HTML, you probably recognize the hexadecimal color codes (# 000000) that appear in each field. You can change them directly rather than using the color picker.
To edit the image properties, simply click on the image of your choice. The block will be highlighted (color border). In the side panel, the panel "Image Properties" allows you to choose an image, edit your image, and specify certain properties (alignment, alternative text, hyperlink).
To edit text properties, simply click on the text you want to edit. The block will be highlighted (color border). In the side panel, the "Text Properties" panel allows you to specify the following:
- Title (type, size and font color)
- Texts (type, size and font color)
- Links (color)
- Buttons (Type, size and font color as well as button color and edge shape)
To edit mixed block properties, ie a block including an image and a text block, simply click on the block of your choice. The block will be highlighted (color border). In the sidebar, you can edit the basic block properties.
By clicking on the image of your block, the "Image properties" panel will open in the sidebar. If you click on your text block, the "Text properties" panel will open in the sidebar.
Note: If you want to edit the properties of a 4 columns images/text block (for example), you will be able to set the specific properties for each image block individually. On the other hand, for consistency reasons, the "text properties" panel will set the properties for the 4 text blocks at the same time. However, you can use the blocks' text editing toolbal features to individually set specific properties for each of your text blocks.
In order to easily and quickly standardize the formatting of your text blocks, the editor allows to copy and paste styles from one text block to another. Start with setting the general layout of a text block in the "Text Properties" sidebar. When the general layout of your text block is complete, simply click on "Copy styles" button at the bottom of the side panel. The formatting is now applicable to another block.
To apply these styles to another block, all you have to do is to click on the text block you want to apply the same styles and once this block is highlighted, click the "Paste styles" button at the bottom of the side panel. Repeat this step for each block in your model you want to standardize styles.
If you are not satisfied with the results, click the "Undo styles" at the bottom of the side panel. You can "Restore styles" if you made the mistake of canceling them.
You would like to re-use a block in different mailings? The editor allows you to save your blocks for later use. When your block is complete, you can save it by clicking the "Save Block" button at the bottom of the side panel.
When saving your block, make sure to set a significant name for easy future reference.
Once saved, your block will be added to the "Add block" side panel under the "Custom blocks" category. Blocks are listed alphabetically by name. To use a custom block, simply drag and drop it in your template.
Making changes to a previously saved custom block
If you want to edit a previously saved custom block, you will have to add it to an email, make the corrections and save it again. Then you can delete or keep the previous version as you wish: it won't affect mailings in which you have used this block (which also means you will have to update them manually if you want them to use the newly created block).