Bottom Bar

About the Bottom bar

The Bottom bar is the grey bar in the bottom while you're in the Email Editor.

Here's all you need to know about all the options available in the bottom bar.

Bottombar12_02.jpg

 

Continue scrolling in this article to learn more, or click on a heading on the left side navigation to jump to a specific part.

 


 

Previous step

Click the Previous step button in the Bottom bar to go back to the Activity Page.

Your Email will be saved automatically, and will appear under Drafts.

Bottombar2_02.jpg

 


 

Settings

While in the editor, open the Settings by clicking Settings on the Bottom bar.

It's divided into Design Settings and Unsubscribe Settings.

 

Design settings

Bottombar3_02.jpg

 

Click on an item below to expand:

Width

Adjust your Email's width by entering a measurement in pixels under Email Width (px).

We suggest a width of 600px, optimal for most Email clients.

bb7_02.jpg

 

Top Padding

The top padding will create a space between the top of the box where your Email is displayed on the Email client and the actual Email content.

Enter a measurement in pixels under Top Padding(px).

bb7_03.jpg

 

Body

Body Colour

Adjust the colour of your Email's body by clicking on the colour button.

Tick the Transparent box to make the Email's body transparent.

The background colour will still be displayed.

 

Click on the circle next to button colour to open the colour picker.

8_02.jpg

 

Use the colour picker to choose a colour for your Email body.

Bottombar4_02.jpg

 

If you already have a standard colour, enter the colour code in the Hex box. Go ahead and enter the colour in RGB format if that's the method you prefer. The colour picker will save 16 of your recently used colours for each Email. Every new Email will have no recently used colours, but the colours will remain for each Email whenever you go back into editing.

bb10.jpg

 

Background

Background Colour

Adjust the colour of your Email's background by clicking on the colour button.

 

Click on the circle next to button colour to open the colour picker.

8_03.jpg

 

Use the colour picker to choose a colour for your Email background.

Bottombar4_02.jpg

 

If you already have a standard colour, enter the colour code in the Hex box. Go ahead and enter the colour in RGB format if that's the method you prefer. The colour picker will save 16 of your recently used colours for each Email. Every new Email will have no recently used colours, but the colours will remain for each Email whenever you go back into editing.

bb10.jpg

 

Border

Border Width

Adjust the thickness of your Email's border by dragging the Width slider right for a higher measurement and left for a lower measurement.

bb11_02.jpg

 

Border Radius

The radius of your Email's border will determine how round the corners will be. Drag the Radius slider right for a higher measurement and left for a lower measurement.

bb11_03.jpg

 

Border Colour

Adjust the colour of your Email's border by clicking on the colour button.

Click on the circle next to button colour to open the colour picker.

bb11_04.jpg

 

Use the colour picker to choose a colour for your Email border.

Bottombar4_02.jpg

 

If you already have a standard colour, enter the colour code in the Hex box. Go ahead and enter the colour in RGB format if that's the method you prefer. The colour picker will save 16 of your recently used colours for each Email. Every new Email will have no recently used colours, but the colours will remain for each Email whenever you go back into editing.

bb10.jpg

 

 

Unsubscribe Settings

Bottombar5_02.jpg

Click on the item below to learn more about the unsubscribe settings.

Adjusting your Unsubscribe Settings

How to Adjust your Email's Unsubscribe Settings

1. Make sure that you've added an unsubscribe link in your Email. Expand the item above to learn more.

email19_02.jpg

 

2. While in the Email editor, open the Settings by clicking on the Email's name on the Structure Panel or on Settings on the bottom bar.

Then click Unsubscribe to see the Unsubscribe Settings.

Bottombar5_02.jpg

 

3. Since clicking the unsubscribe link will take them to a landing page, start by entering a headline for that page on Landing Page Headline.

email21_02.jpg

 

4. Enter the message for your landing page under Landing Page Message. This message could be a question, asking them whether they are sure they'd like to unsubscribe or if they're there by mistake.

email21_03.jpg

 

5. To confirm that they wish to unsubscribe, they will have to click on a button. Enter the text for that button under Landing Page Button.

email21_04.jpg

 

6. On Unsubscribe Type, you will choose what action the button will do.

Click the drop-down menu to choose between Message, to show them a confirmation message, and Redirect Link to take them to another page of your choice. Regardless of the page you choose to redirect them to, clicking the button will effectively unsubscribe them from your Email communications.

email31_02.jpg

 

If you choose Message:

Enter a message for the landing page under unsubscribe message.

email31_02.jpg

 

If you choose Redirect Link:

Lead them to a page of your choice after they confirm that they wish to opt-out.

Enter the URL of that page under Redirect Link.

Regardless of the page you choose to redirect them to, clicking the button will effectively unsubscribe them from your Email communications.

emal32_02.jpg

 

 


 

Save as Template

This button will allow you to save your Email as a template. Save Emails as Templates so that your Emails have a consistent feel and to maintain brand identity. You may create them for future use, whether you're in the middle of creating an Email or want to go straight into template making.

Bottombar6_02.jpg

 

Click on an item below to learn more.

Creating a Template

How to Create a Template

1. Begin by creating an Email activity and choosing a blank template in the Templates step.

Read more about Creating an Email...

34templatesTab_creatingATemplate1.jpg

 

2. Add elements and assets to your Email. Read more about the Email Editor...

design1.jpg

 

2. When you're happy with your Email, click on Save as Template on the Bottom bar

Bottombar6_02.jpg

 

3. Enter a Name and a Description for your template and click SAVE.

Have in mind that, if you included or excluded any segments from your email rows, the segmentation will not be saved in the template.

That's it! It will appear under Your Templates next time you start the Email editor.

Bottombar7_02.jpg

 

When saving a draft from the Create an Email activity, the template will also be saved as a draft.

 


 

Preview

Click Preview in the bottom bar to preview your Email and test your email with 10 different email clients.

Bottombar8_02.jpg

 

Preview and Email Client Test

Here's some information about how to preview your email and use Litmus to test your email with 10 different email clients.

Click on an item below to read more:

Preview

How to Preview an Email Draft

1. While in the Email Editor, click Preview in the Bottom bar.

Bottombar8_02.jpg

 

2. Toggle the Desktop, Mobile and Text version by using the buttons on the right. You can see how the Email will look in all three formats, so you can make sure it will be displayed correctly no matter the device.

Preview_02.jpg

 

3. Click on the segments to see how it would appear to those profiles that match the conditions in the segments. This is only visible if you've included or excluded segments from a row, which is done in Row Settings.

preview.jpg

 

Email Client Test

Ready to test the different email clients?

1. On the Bottom bar, click Email client test.

EmailClientTest_02.jpg

 

2. If you haven't used Litmus before, click Run new test. Otherwise, proceed to the next step.

APSIS One grants every user in your account up to 4 free tests per month. A test includes 10 previews, for a total of 40 previews a month. If you need more tests, feel free to subscribe to one of Litmus' service plans. Read more about this feature...

Litmus1.jpg

 

3. To sign up for a Litmus account or sign in to an existing one, choose the option that describes your needs on the top right.

Litmus5_02.jpg

 

4. Let's test the email. You will see all the email clients available, with a preview of how your email would be displayed. Click on an email client to take a closer look.

Litmus2.jpg

 

5. Click the left and right arrows to go through all the available clients.

Would you like to compare two email clients? On the top right, click Comparison View.

To go back to a single client view, click Detail view. 

Litmus4.jpg

 

Litmus3_02.jpg

 

Did you reach your monthly limit?

APSIS One grants every user in your account up to 4 free tests per month. A test includes 10 previews, for a total of 40 previews a month. If you need more tests, feel free to subscribe to one of Litmus' service plans.

Sign up, connect your Litmus account or review your Litmus plan to proceed.

Litmus6_02.jpg

 

 


 

Test

Test your Email to make sure that its content is displayed correctly.

Bottombar9_02.jpg

 

Expand the item below to learn more.

Sending a Test Email

How to Send a Test Email

1. Click Test in the Bottom bar.

test2_02.jpg

 

2. Select the segments you want to base the test email on. This will only be displayed if you have included or excluded segments from a row, which is done in Row Settings.

test4_02.jpg

 

3. Enter an email address to send the test email.

test_02.jpg

 

4. Enter the sender details of the email. Note that "[Test]" will be added to the subject line.

Bottombar10.jpg

 

5. When done, click Send Test.

test6_02.jpg

 

 

 About Test Emails

When testing an email, the test email might be sorted by your email client as spam. Spam emails tend not to load images and all additional content in the preview, which is completely normal and done with your best interest in mind.

If this happens, please move the email out of the spam folder in order to load all of the email's content.

 


 

Next step

Click Next step to proceed with your Email's sending preferences. It will take you back to the Conversation Wizard.

Bottombar11_02.jpg

 


 

 

Was this article helpful?