Desiging Email campaigns

Template Selection

After setting up the basic information, move on to designing your email. Select a template that fits the theme of your campaign.

We offer templates for various types of campaigns, including:

• Holidays

• Contests

• Newsletters

• Promotions

• Sales

• Activations

You can either scroll through the available templates. Templates can also be filtered by status to help you find the right match.

Creating Your Email

Once you’ve selected a template, the process of designing your email is similar to our drag-and-drop feature used in other tools. Customise your content by dragging and dropping elements into the template.

Personalization in Campaigns

Personalization allows you to dynamically insert user-specific information—like first name or last name—into your campaign messages. This helps create more engaging and relevant communications for each recipient.

In the UI shown:

• You can use placeholders like {{first_name}} or {{last_name}} to insert user data.

• If a user's first name is not available, a fallback value will be used. For example: {{first_name | "Subscriber"}} This means if the first name is missing, the word Subscriber will be shown instead.

Example Output:

If the user’s name is available: Hi John Smith

If the user’s name is not available: Hi Subscriber

Adding Rows and Columns

You can add multiple Row Blocks to a form template based on your needs. While there’s no limit to the number of Rows, a maximum of 3 Columns can be included in each Row. These Rows and Columns act as containers that can be filled with Content Blocks to create your template.

Open blocks button

Add different blocks, and other elements in the design, such as Text box, links, Images, Videos, Maps. hero section, wrappers, social elements, name tags and social links.

Style manager button

Once you select a row or a column to edit and click on the paint button, it allows you to see specific customisable styles such as dimensions to change height, and width. Dimensions

Dimensions Change the dimension of images, add margins, and paddings.

Text formatting

Change fonts, styles, and font colours.

Decorations

Change opacity, add background and borders in the decorations section.

Creating Customised Templates

You can customise each element of your template using the editor:

• Delete: Remove any block by selecting it and clicking the delete icon.

• Duplicate: Copy a block and place it anywhere in the template.

• Shift: Rearrange blocks by dragging them to a new position.

Personalising Your Message

Steps to Personalise 1. Add first name and last name

You can personalise your email by incorporating user-specific details, preferences, and behavioural data.

Add first name and last name through simply writing “first_name last_name”, this will automatically add senders’ first name and last name in the email.

1. Adding Hyperlinks

Hyperlinking text in your email allows you to guide users to various actions:

Once you select text you want to highlight, click the setting button and add the link in the Href option.

Adding Buttons (CTAs)

Adding buttons is a powerful way to drive user engagement. Customise the button's appearance and link it to fan actions.

To create a hyperlink click on the button and then the setting button to add the custom link.

Working with Images

Add images to your email by simply dragging the image option to any row and column you want.

Once the image is selected and dropped in the desired row or column, double click on the box to add the image you want.

Adding social elements:

To add the social element, choose the group social icon from the right hand panel and drop it in the preferred row.

To customise social links, click on the social link, you can change the icon through the icon menu provided, and provide the link on the Href section.

To add individual social links choose the “Social Element” button.

Design Preview:

Once you save and continue, you land on Design page where you can preview the design of your email before going further. You can check how does your design look in different Screen sizes such as Desktop, Tablet, and Mobile. You can go back to edit by clicking on the Edit button, and also save the design as a template for Future use. You can also delete and restart at this stage. Click Next to proceed.