A Content Block is a pre-built segment that you can drop into any template or campaign. Content Blocks are ideal for your header, footer, social icons, or any other creative you use regularly within your email campaigns. 

To create a content block, click Email at the top of your dashboard and then select Content Blocks in the sub-navigation bar. 

On the Content Block Index Page, you’ll see your existing Content Blocks or you can create a new one by clicking Create Content Block on the right.

After clicking Create Content Block, you'll be prompted to name your new Content Block (i.e., Header) and then click Create to start designing.

Let’s create a Header Content Block as an example. Remember these can be used in Email Campaigns, Triggered Emails and Onsite Abandonment and Audience Expander campaigns! 

In this example we’ll use: 

  • 1 Column Container

  • Image Module

  • Navbar Module

  • Divider Module

  1. Begin by dragging in the 1 Column Container from the left side into the email editor. 

  2. Drag the Image Module into the 1 Column Container and double click the placeholder image to upload your Logo into the Asset Manager (your recently used images will be stored here!)

  3. Drag in the Navbar Module underneath your logo. 

  4. Under the Component Settings on the right, select how many Links (categories from your website) you want to include your Navigation Bar. You may select up to 6 categories. 

  1. Update the Text and URL for each category by replacing the default “Category 1”, “Category 2” with the names of the Categories or Collections from your website. Please see examples below!

Note: The Navbar Module does not have to be added to a Container first - this module includes its own Container when dragged into the template.

 


Springbot Recommends trying to replicate the look and feel of your website when styling the Navbar to create consistency for your brand.

Styling the Navbar using Styling Settings

  1. Once you’ve added your text, you have the option to edit the text styling of your Navbar Links. You can edit the text styling by opening the Style Settings (paintbrush icon) and expanding the Text Editor section. 

  • Alignment: Not sure how to align? We recommend leaving this centered. 

  • Link Text Color: For this example we chose green (hex #345f1e) to match the green logo in the example above. 

  • Link Font: We selected Lucida Sans Unicode with a Link Font Weight of Bold, and increased the Link Font Size to 15px

  •  Link Text Transform: Here you can transform the text to uppercase, lowercase or all capitalized. 

Adding a Divider

  1. Our final addition to the Header Content Block is a Divider. To add a Divider, first add a 1 Column Container, then drag in the Divider Module. 

Styling your Divider

  1. Almost done! To finish our look, we styled the Divider using the same green as the Navbar Links for the Divider Color. We also chose the Dotted Divider Style to compliment our green logo.

Great job! Your Content Block is complete and ready to add to your templates and campaigns!

How Do I Insert a Content Block into an Email Campaign or Template?

Now that you’ve created your awesome new Content Blocks, you can drag and drop them into any Email Campaign or template simply by dragging the Content Block module into the email editor!

New Functionality: Edit your Content Blocks once you have added them into a Template.

  1. Drag the Content Block Module into the Template.

  2. Select the Content Block from the Component Settings drop down list.

  3. Directly under the drop down list, Select “Confirm” to allow for edits to be made to this Content Block.

Note: Any changes made to a Content Block after selecting “Confirm” will not be applied to the original Content Block - these changes only exist in the corresponding template or campaign.


Have more questions about using Content Blocks? Reach out to help@springbot.com