This article picks up where our Design Your E-blast Template - Background and Layout article leaves off and demonstrates how to add content to your E-blast Template from scratch. The same functionality applies for building a once-off E-blast from scratch or for editing a pre-styled, existing template.
There are three sections to an E-blast Template:
(1) Header - Typically your Organization's name and logo
(2) Body - The information and images that make up the content of your message.
(3) Footer - Information needed to ensure you are compliant with Anti-Spam laws such as your contact information and an unsubscribe link.
For more information on the (1) Header of your E-blast and what dimensions you would need for the images you upload, head on over to this article on E-blast Header Dimensions!
Step 1 - Add Rows
Rows help you define a space for your Content. You can choose from several styles of rows with 1, 2 or 3 columns. Click and drag these rows into each section of your E-blast.
Tip: You will need to add Rows to your template before you can add Content.
Step 2 - Add Content Blocks
Content blocks can be used to add text, images and other types of information to your message. Once your Rows are in place, you can click and drag Content Blocks into their empty columns.
Types of Content Blocks
Use the Text or Boxed Text blocks to add text to your message. Use the settings to adjust your font styles, add links, set line spacing and choose a background color.
Important Note about links! Keela gives you the option to open links that you add to your E-blast. Before you test a link, make sure you save your changes first! That way when you revert back to the E-blast builder, the draft is saved.
Tip: Use Smart Codes to personalize your messages with information stored on your Contacts' profiles, such as "First Name".
Use the Image, Image Card or Image Caption blocks to add images to your message (with or without text). Upload an image from your computer or the web, then add a border and set the alignment. You can also resize your image and adjust margins.
Tip: Keela will automatically compress your image to optimize your E-blasts delivery. If you would like to avoid this compression, simply resize your image to be less than 600px wide before uploading.
Use the Websites block to add icons and links to your websites and social media profiles (such as Facebook and Twitter). Use the settings to adjust the background color, borders, font styles and alignment of these.
Tip: Not sure where to put these? Try the Footer section of your E-blast.
The Footer content block comes prepopulated with your Organization's contact information (from your Organization's Profile) and an unsubscribe link. Use the settings to adjust font styles, line spacing, and background color.
Note: It's important to include an unsubscribe link in all E-blasts so that your contacts can control their subscription status and opt-out of messages they do not wish to receive.
Use the Divider block to create a divider line to separate your content areas. Use the settings to adjust padding, border style, and colors.
Tip: Dividers can be a great way to break up the content of your E-blast and draw your recipient's eyes to different sections.
Use the Button block to create a button that your contact can click to visit a Keela Form (e.g. to make a donation). You can also create a custom button to link anywhere on the web. Use the settings to adjust the button text, color, border, font styles, padding, alignment, and width.
Note: You will need to Create a Form before linking a button to it. This can be a great way to collect information such as RSVPs, Donations or Contact information for mail outs.
Add a Donation Form Button:
Use the Video block to create a link to a video hosted on the web. Upload a cover image for your video, then add a border and set the alignment. You can also resize your video and adjust margins.
If you add a Youtube or Vimeo link to your video content block, Keela will automatically produce a thumbnail for it provided that the video has Maximum Resolution quality on these respective sites.
Note: Clicking on a video will open the video link in the browser. Videos will not play inside the message, as this is not supported by email providers.
Note: Not all code will render the same in all email systems. If you are using custom code, we recommend testing how your code appears in multiple email systems (e.g. Outlook, Gmail) before sending to your contacts.
Step 3 - Save and Close!
Once you've finished adding content to your E-blast and editing how it looks, click on the Save & Close button.
Want to see this in action?
Head over to our E-blast Training video here.
Now that you've finished customizing your E-blast, why not learn how to send it out!