This article covers how to design an email campaign with the text, divider, and spacer elements. These elements can be used in conjunction with other elements in the Email Visual Template Editor (VTE).
Access the Email VTE by following the below steps.
Navigate to the flag icon on the left-hand navigation.
Go to Communicate.
Then Automated or One-Time Campaigns.
Click New in the upper right-hand corner.
Then, click Create New Campaign.
Go to the Message tab.
Click Copy Existing Template or Create New Template.
TEXT
Use the text element to add text to an email campaign. The text element can also be used to add coupon codes into the email.
Hide this widget on mobile or desktop: By selecting this checkbox, the image element will not show on a mobile or desktop device.
Content: Enter custom text. Use the controls across the top of the content box to format the text. Select the font library to access any custom fonts.
Font Size: Enter a number (pixels) to adjust the font size. Set a value for Desktop and Mobile for the text to be responsive.
Line Height: Enter a number (pixels) to adjust the space between lines of text. Set a value for Desktop and Mobile for the text to be responsive.
Letter Spacing: Enter a number (ems) to adjust the spacing between letters. Set a value for Desktop and Mobile for the text to be responsive.
Text Transform: Select none, UPPERCASE, lowercase, or capitalize to convert the text capitalization.
Widget Top/Bottom Padding: Use the slider or enter a number (pixels) to adjust the spacing along the top/bottom of the text widget.
Widget Side Padding: Enter a number (pixels) to adjust the spacing along the sides of the text widget. Set a value for Desktop and Mobile for the text to be responsive.
Container Background Color: Click the field to use the color picker or enter a hex color code.
CONTENT CONFIGURATIONS
Within the text editor, there are a few elements that are often used within email campaigns, such as: coupon codes, unsubscribe link, view in browser, and customer attributes.
Unsubscribe Link: By adding this to the email, the
unsubscribe_url
variable redirect is placed in the message. This URL redirect can be redirected to a Bluecore unsubscribe landing page or an unsubscribe landing page created by you. When a user clicks on this link, Bluecore automatically unsubscribes the shopper and then redirects them to the appropriate landing page. As an email best practice, these are usually required in the footer of an email, allowing customers to unsubscribe if they no longer wish to receiveView in Browser Link: Add a view in browser link to an email to allow customers to view the entire email in their web browser. Please note that "view in browser" links are active for 30 days after the email is sent.
Customer Attribute: Add dynamically populated pieces of information about your customers to the email, such as: first name, last night, gender, etc. The customer attributes that are available are dependent upon the information you’re collecting and sending to Bluecore. Learn more about customer attributes here.
Coupon Code: Add a coupon code to an email. Click here to learn more about using coupon codes.
DIVIDER
Use a divider to add a break or division between different elements in the email.
Hide this widget on mobile or desktop: By selecting this checkbox, the image element will not show on a mobile or desktop device.
Color: Click the field to use the color picker or enter a hex color code.
Divider Line Type: Select Solid, Dotted, or Dashed from the drop-down menu.
Thickness: Enter a number (pixels) to adjust the divider’s weight.
Padding: Use the slider or enter a number (pixels) to adjust the spacing along the top, bottom, and sides of the divider. Configure different padding for desktop and mobile.
Container Background Color: Click the field to use the color picker or enter a hex color code.
SPACER
Add additional space within your email or between different email components.
Hide this widget on mobile or desktop: By selecting this checkbox, the image element will not show on a mobile or desktop device.
Height: Enter a number (pixels) to adjust the widget’s height.
Background Color: Click the field to use the color picker or enter a hex color code to change the color of the blank space.