Special hours on December 6th, 2024: Our Customer Success Team will be out of the office on December 6th, between noon and 6 PM (EST). During our absence, don't hesitate to leave us your questions via the chat bubble or consult our FAQs.
Close

Editing blocks

Edit basic block properties

To edit the basic block properties, simply click on it. The block will be highlighted (colour border). In the side panel, the Block Properties panel allows you to specify the background colour and the desired spacing at the top and bottom of the block.

To customize the background colour of a block, start by unchecking the No colour checkbox to the right of this element. To specify the colour of the background, simply click on the coloured square to the right of the item you want to change and choose a colour from the many shades available in the colour picker. If you're familiar with HTML, you probably recognize the hexadecimal colour codes (# 000000) that appear in each field. You can change them directly rather than using the colour picker.

Make the background of a block transparent - It is possible to make a block completely transparent, i.e. it will have no background colour. It will then be possible to see the email background colour or email background image through it. To do this, you must check the No colour option in the Block properties as well as the one that appears in the Email properties panel.

no-colour-block-properties

no-colour-email-properties

Edit image properties

To edit the image properties, simply click on the image of your choice. The block will be highlighted (colour 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 learn more about selecting an image, click here.
To learn more about modifying an image, click here.

Edit text properties

To edit text properties, simply click on the text you want to edit. The block will be highlighted (colour border). In the side panel, the Text Properties panel allows you to specify the following:

  1. Title (type, size and font colour)
  2. Texts (type, size and font colour)
  3. Links (colour)
  4. Buttons (Type, size and font colour as well as button colour and edge shape)

To learn on how to create a link, click here.
To learn on how to create buttons, click here.

Edit a mixed block including image and text

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 (colour border). By clicking on the image of your block, the Image properties panel will open in the sidebar.

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.

Copy, Paste, Undo and Redo styles

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. 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. 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.

Save a block

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).

 

Top