Introduction

In this guide, we will walk you through how to use our new editor, which will be launched in the fall of 2024, step by step.

Brand Style ⬅

The first thing you need to do is create your visual profile in Brand Style.

Here, you can upload your logo, select the fonts you wish to use, choose your color scheme, and provide links to your social media accounts.

Sections & Columns

This editor is built on sections and columns, which are the building blocks you will use to design your email. 

Element

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.

Styles

Through Styles, you can switch between different Brand Styles directly in the editor without needing to create a new message or change settings outside the editor.

Here, you can also adjust colors and fonts directly in the sidebar on the right if you want to create a new design within the email without creating a new Brand Style.

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.

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.

Loop

Using Loop, you can create sections for things like order confirmations where a member field can contain multiple values (for example, a JSON field). You can also use these for external data, such as news feeds, product recommendations, etc. 

De Loop-alternativ som finns tillgängliga är följande;

1. 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.
   
2. 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 list
3. Remote Content
   With Remote Content, you can display product recommendations and similar content via direct retrieval.
4. XML Doc
   Used for parsing XML files. This feature will be released soon. 

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

Save & Undo 

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.

Feedback

We are happy to receive any feedback regarding the new editor at editor@rule.se