In our editor, you now have full flexibility to build sections exactly the way you want, without any limitations on the components or spacing you can create.
You can watch a video on how to use the editor here:
Brand Style
The first thing you need to do is create your visual profile in Brand Style. If you have already created a Brand Style profile, you can skip this step.
There, you can upload your logo, the fonts you want to use, choose your preferred color scheme, and add links to your social media channels. You can see how to configure your Brand Style here.
Using Styles, you can then switch between different Brand Styles during your work or adjust colors and fonts directly from the right-hand sidebar without having to create a new campaign or change settings outside of the editor.
Sections & Columns
This editor is built on sections and columns, which are the building blocks you will use to design your email.
Blocks
Here, you can add various elements such as images, text, buttons, etc., and adjust their appearance, as well as add switches to the section and columns within.
Layouts
In the left sidebar, you can also choose from a selection of pre-made sections via Layouts, or save your own for future use if you want to reuse the same section and content in future emails.
Layers
In the left menu, you can see each part of your email stacked, making it easy to navigate and move sections around as needed.
By clicking and dragging any part of the email, you can move them around as required.
Save sections for future campaigns
You can save Sections by using the "Save" button that appears at the bottom center of the section when it is selected.
Add Custom Fields or Smart Fields
By typing / into a text field, you will bring up the menu for smart fields.
Here you can add the following:
Emoji
You can choose to add emojis like smileys and others to the text.User Field
User fields are information pulled from the User Settings, such as contact details and address.Subscriber Field
Here, you can choose to show the subscriber's standard fields, such as email, phone number, and language.Custom Field
With Custom Fields, you can add your own member fields, such as the recipient’s order data, address details, etc.Remote Content
Remote content allows you to add information from an external source, such as recommended products, the latest collection, or a news feed.Date
You can add various dates based on the send date, and choose the date format for how it should appear in the email.
Linking content
You can add links in our editor in two ways:
Text
To add a link to text, simply select the text and use the link button that appears next to the selected text.
Image and button
To create a link in a button or an image, select the button or image and then click “Link to” in the sidebar on the right.
You can then enter or select the link in the link tool that opens, depending on which link type you want to use.
Link Type
External link
Open web page – Opens a standard URL in a new window
Send email to – Starts an email with the specified email address as the recipient
Mobile-specific options:
SMS to phone number – Starts an SMS to the specified phone number
Call to phone number – Initiates a call to the specified phone number
Loop - Retrieves data from a loop field (requires the section to be connected to a Loop)
Custom Field - Retrieves data from a subscribers custom fields
Standard link
These are predefined links for standard functions in Rule.
Double opt-in link – Links to a page where the recipient can confirm their email address; used for registration forms with double opt-in.
Unsubscribe link – Links to a page where the member can unsubscribe from your email communications.
View in browser – Opens an HTML version of the email in the browser.
Combine URL with a custom field
If you want to combine a link with a member field, you can enter your URL using the “Open web page” link type and then add [CustomField:Group.Field] after your URL.
This allows you to use, for example, URI links that do not include your main website, such as:
Loop sections to fetch content
You can access the Loop section by pressing Command + Shift + L on Mac or Ctrl + Shift + L on PC.
The available Loop options are as follows:
Custom Field
Here, you can add member fields in JSON format to display, for example, multiple products sent in a code string (e.g., for order confirmations). You use / to bring up Loop value options to select things like product name, quantity, or price in an order confirmation or saved cart.
The name of the value you want to display can be found in the product data field that is sent to Rule, for example when an order is placed.
This field is usually called "Products", and you simply enter the name of the field you want to display, followed by a period and the position you want the loop to start from.
Using the example above, if you want to display the "Brand" value and start with the first instance of that value, you would enter:
brand.1
News Feed
Here, you can insert a URL that you want the block to fetch information from. You can use this to display, for example, your three latest articles via dynamic listRemote Content
With Remote Content, you can display product recommendations and similar content via direct retrieval.XML Doc
Used for parsing XML files. This feature will be released soon.
Loop values outside of text elements
You can also add Loop values for images and buttons, but in those cases, you need to add the value in a different way:
For images, add an image element in the Loop section and then insert the code [LoopValue:image.1] in the URL field.
If the string you want to fetch the image from uses a different name than "image", simply replace "image" with the correct name—for example, [LoopValue:photo.1] or [LoopValue:imageurl.1].
The number specifies where in the data string you want the loop to start counting.
For buttons, select Loop values by clicking the button and then choosing "link to" in the side menu.
Then select "Link from loop" and enter the name of the value where the link is available.
There, you enter the name of the value you want to fetch the link from, along with the number indicating where the loop should start—for example: url.1
Hide Section
Here you can choose whether a Section should be hidden depending on whether the email is opened on a desktop or mobile device.
This will also be indicated by an icon next to the Section after you’ve made a selection.
Please note
Hiding sections based on device type may not be supported in all email clients, such as certain versions of Outlook. We recommend testing your email across different clients to ensure it displays as expected.
Add more than 4 columns
In the editor, you can choose between 1–4 columns when adding a section. If you want to use more columns than that, you can do so by duplicating an existing column.
First, add a section with the number of columns you want to start from (max 4).
Select one of the columns.
Press cmd + d (Mac) or ctrl + d (Windows) to duplicate the column.
The duplicated column will then be added to the same section.
This way, you can create more columns than what’s available in the default options.
Switches
Read more on how to use Switches here.
Here you can create alternative versions of the section based on Tag, Segment, or a Custom Field.
This means that the version of the section linked to the Tag, Segment, or Custom Field will only be shown to subscribers who belong to that specific group.
If you save a section that contains a Switch, you don’t need to add it again manually. The section is saved exactly as it is and can easily be reused in your next campaign, smooth and time saving.
You add a switch like this:
Video in email
Email as a format does not support video playback. However, you can include the first frame of the video in the email with a link to the video on platforms like YouTube.
This editor includes AI tools to simplify the creation of campaigns.
You can, for example, adjust text by selecting the text element and clicking the AI button that appears at the bottom.
.
You can also apply Alt-text to your images using the AI button next to the text field in the side menu when you select an image element.
Save campaign
Our editor automatically saves continuously, so you don’t need to worry about losing a change if you forget to save manually.
In this editor, you also have the option to undo a change by using the keyboard shortcut ctrl Z for PC or Command Z for Mac.
Preview
Via the button at the top-center of the editor, you can toggle between standard view and mobile view to see how your email will look when opened on desktop versus a mobile device.
