Managing styles

​

Styled vs Plain emails

Loops offers two different email styling options, Styled and Plain.

By default new emails are created as “Styled” emails in the editor. This option offers a range of design options that can be used to design the base theme for your email, like text and background colors, padding and borders.

A Styled email layout is a responsive central column with a maximum width of 600 pixels.

Plain emails are full-width emails with no base design options (though you can always style individual content as described at the top of this page). Plain emails better mimic emails sent from clients like Gmail and Apple Mail.

​

Style panel

If the Styled option is enabled (see above), you will see a Style panel when clicking the pencil icon.

This panel shows options for changing base styles for your email.

This includes all text, headings, links, buttons and dividers in your email, as well as design options for the main email body (padding, background and border).

Any changes you make in the style panel will be applied to all matching elements in your email.

If you want, you can always edit specific elements individually from their own formatting toolbar. (However, if you make changes in the email’s style panel afterwards, individual styling will be overwritten.)

There are helpful “Reset to default” icons if you ever want to return styling back to Loops’ default.

​

Language selector

We’ve included a helpful language selector in the style panel. Using this will tell email clients which language your emails are written in.

This increases the accessibility of your emails, plus some email clients may use this language information to auto-translate email content or offer translation options.

The language selector does not have a default value. We recommend selecting the correct language for each of your emails.

If you send campaigns and loops in different languages, we recommend using a custom contact property to store language information for each contact. Then, when it comes to sending emails, create emails in different languages (using the language switcher to specify the language), and filter your audience for each email to match the language stored for each contact.

For transactional emails, create a new email in each required language. You will need to store language information for each recipient in your application and map transactional IDs to their respective language groups.

​

Saved styles

Saved styles let you create repeatable styles that can be easily applied to new emails.

Once applied, Saved styles can be tweaked on each email and changes will also be synced back to the main style set. This makes the same change on any other email that the styles are applied to.

If your email is in Plain mode (see above), styles cannot be applied.

​

Create a Saved style

To create a Saved style, click the + plus icon in the style panel.

Give your style a name and click the ✓ check icon or press Enter. This will create a Saved style based on the current styling options selected in the style panel and apply it to the current email.

You can now add this Saved style to other emails.

​

Apply a Saved style to an email

To add an existing style to an email, open the style panel and select a Saved style from the dropdown.

​

Edit a Saved style

To edit a Saved style, first open an email with it applied, or apply it to an email. Then change individual style options to your liking.

When individual styles are changed, you’ll notice they are highlighted in purple, which denotes styles that have deviated from the main Saved style.

A purple “Update” button also appears. Clicking this button updates the Saved style and also applies the changes to all emails that have the Saved style applied. This makes it really easy to change styles across many emails at once.

Alternatively you can create a new Saved style based on your changes by clicking the + plus icon.

This new Saved style will be applied to the current email. (Emails using the previous Saved style will retain that Saved style’s settings.)

​

Make one-off changes to a Saved style

You are free to make one-off custom design changes on an individual email. Just avoid clicking the “Update” button shown above as this will sync the changes to all other emails using the Saved style.

Any subsequent updates made to the underlying Saved style will be synced to your email but your individual style changes made directly on the email will override any synced changes.

​

Reset to a Saved style’s defaults

After making design changes to an email with a Saved style applied, you can get back to the Saved style’s defaults by clicking the reset button next to the “Saved” title.

This will re-apply the Saved style’s design to your email and remove all custom edits.

​

Remove a Saved style from an email

To remove a Saved style from an email click on the – minus icon in the panel.

This will revert back to any styles directly applied to the email before the Saved style was applied.

​

Duplicate a Saved style

You can easily duplicate a Saved style if you want to create a similar style for different emails.

Open an email with a Saved style applied, click the ••• menu icon and select Duplicate.

Give your new Saved style a new name then click the ✓ check icon or press Enter to save.

This will create a new Saved style using the current styles and apply it to your email.

​

Delete a Saved style

To delete a Saved style from your account, make sure the style is applied to the email you have open and then click the ••• menu icon and select Delete.

To make sure there are no design changes to emails in your account, the settings from the deleted Saved style will get applied individually to each email it was active on.

However, please note that any overrides made to the saved style in the affected emails will still be retained even after the style is deleted.