What are email campaign design settings?
Email campaign design settings allow you to customise the design of individual rows and columns in your email campaigns to give specific sections of your email their own appearance. These settings allow you to customise background and text colours, fonts, styling such as button appearance and spacing, and add background images.
Changes are generally shown in a live preview as you make them, making it easy to see how your email will look before saving your changes.
How do row and column design settings work?
Email Settings provide the default design for your emails. When you change a design setting on a row or column, that setting overrides the default for that particular row or column.
You only need to change the settings you want to be different. Any settings you leave unchanged will continue to use the defaults configured under Emails > Settings.
For example, if your default background colour is white, you can set a different background colour for a specific row without changing the background colour used elsewhere in the email.
Where do I find the relevant email campaign?
Email campaigns can be accessed from different areas of the Airsquare depending on the type of email campaign. Use the following directions to find the relevant email campaign.
For email campaigns:
Go to Emails > Campaigns.
Find the relevant email campaign in the list and click on it.
For event email campaigns:
Go to Commerce > Events.
Find the relevant event in the list and click on it.
Click the Email campaigns tab.
Find the relevant email campaign in the list and click on it.
For event session email campaigns:
Go to Commerce > Events.
Find the relevant event in the list and click on it.
Click the Sessions tab
Find the relevant session in the list and click on it.
Click the Email campaigns tab.
Find the relevant email campaign in the list and click on it.
Once you have opened the relevant email campaign, the design settings work in the same way regardless of where the campaign was created.
How do I edit row and column layouts?
For rows and columns, you can customise the following layout settings:
Column layout (row only): choose how many columns the row contains and how they are distributed.
Padding top: set the amount of space above the content in the row or column.
Padding bottom: set the amount of space below the content in the row or column.
Minimum row height (row only): set a minimum height for the row.
Column vertical alignment (row only): choose how the columns within the row are vertically aligned.
For rows:
Open the relevant email campaign, see Where do I find the relevant email campaign?
Find the relevant row in the Content table.
Select Layout from the row's Design drop-down menu.
Adjust the layout settings.
Click the Update button.
For columns:
Open the relevant email campaign, see Where do I find the relevant email campaign?
Find the relevant row in the Content table.
Find the relevant column in the row's Columns section.
Select Layout from the column's Design drop-down menu.
Adjust the layout settings.
Click the Update button.
How do I edit row and column colours?
For rows and columns, you can customise the following colour settings:
Background: content background
Borders: top border, bottom border (rows only) and border (columns only)
Headings: heading 1, heading 2, heading 3 and heading 4
Text: paragraph
Links: link
Buttons: button background, button text and button border
Other: horizontal line and column divider (rows only)
For rows:
Open the relevant email campaign, see Where do I find the relevant email campaign?
Find the relevant row in the Content table.
Select Colours from the row's Design drop-down menu.
Adjust the colour settings. The preview to the right will update to show how your email will look.
Click the Update button.
For columns:
Open the relevant email campaign, see Where do I find the relevant email campaign?
Find the relevant row in the Content table.
Find the relevant column in the row's Columns section.
Select Colours from the column's Design drop-down menu.
Adjust the colour settings. The preview to the right will update to show how your email will look.
Click the Update button.
How do I edit row and column fonts?
For rows and columns, you can customise the following font settings:
Font family: choose the font to use.
Font weight: choose how light or bold the text appears.
Letter case: choose the text case.
Letter spacing: adjust the spacing between characters.
Font size: set the text size in pixels.
Line height: adjust the spacing between lines of text.
For rows:
Open the relevant email campaign, see Where do I find the relevant email campaign?
Find the relevant row in the Content table.
Select Fonts from the row's Design drop-down menu.
Adjust the font settings. The preview to the right will update to show how your email will look.
Click the Update button.
For columns:
Open the relevant email campaign, see Where do I find the relevant email campaign?
Find the relevant row in the Content table.
Find the relevant column in the row's Columns section.
Select Fonts from the column's Design drop-down menu.
Adjust the font settings. The preview to the right will update to show how your email will look.
Click the Update button.
How do I edit row and column style?
For rows and columns, you can customise the following style settings:
Border top width (row only): the width of the border at the top of the row.
Border top style (row only): the line style of the border at the top of the row.
Border bottom width (row only): the width of the border at the bottom of the row.
Border bottom style (row only): the line style of the border at the bottom of the row.
Border width (column only): the width of the border around the column.
Border style (column only): the line style of the border around the column.
Column divider width (row only): set the width of the dividers between columns.
Column divider style (row only): choose the line style for the dividers between columns.
Button border width: the border thickness for buttons.
Button border radius: how rounded the corners of buttons are.
Button padding vertical: the space above and below the button label, which controls how tall buttons are.
Button padding horizontal: the space either side of the button label, which controls how wide buttons are.
Horizontal line padding top: the space above horizontal lines.
Horizontal line padding bottom: the space below horizontal lines.
Link underline: whether links are underlined.
For rows:
Open the relevant email campaign, see Where do I find the relevant email campaign?
Find the relevant row in the Content table.
Select Style from the row's Design drop-down menu.
Adjust the style settings. The preview to the right will update to show how your email will look.
Click the Update button.
For columns:
Open the relevant email campaign, see Where do I find the relevant email campaign?
Find the relevant row in the Content table.
Find the relevant column in the row's Columns section.
Select Style from the column's Design drop-down menu.
Adjust the style settings. The preview to the right will update to show how your email will look.
Click the Update button.
How do I add a background image to a row or column?
You can add a background image to either a row or column to create a more visually distinctive section in your email. Background images can be used behind text, buttons and other content.
When choosing an image, we recommend using a high-quality image that is at least 1200px wide to ensure it displays clearly across different screen sizes. Supported image formats are JPG, GIF, PNG and WEBP.
For rows:
Open the relevant email campaign, see Where do I find the relevant email campaign?
Find the relevant row in the Content table.
Select Background from the row's Design drop-down menu.
Click the Choose file button.
Choose the image from your computer and click the Open button.
Optionally, set a Focal point.
Click the Update button.
For columns:
Open the relevant email campaign, see Where do I find the relevant email campaign?
Find the relevant row in the Content table.
Find the relevant column in the row's Columns section.
Select Background from the column's Design drop-down menu.
Click the Choose file button.
Choose the image from your computer and click the Open button.
Optionally, set a Focal point.
Click the Update button.
Note: Some older Windows email clients may not display background images due to limitations in their software. Email campaigns include a View in browser link in the email footer so recipients can view the email with background images displayed correctly.
How do I remove a background image from a row or column?
For rows:
Open the relevant email campaign, see Where do I find the relevant email campaign?
Find the relevant row in the Content table.
Select Background from the row's Design drop-down menu.
Tick the Remove image checkbox.
Click the Update button.
For columns:
Open the relevant email campaign, see Where do I find the relevant email campaign?
Find the relevant row in the Content table.
Find the relevant column in the row's Columns section.
Select Background from the column's Design drop-down menu.
Tick the Remove image checkbox.
Click the Update button.