Call To Action Sections

Trigger a response from your users

Use CTA sections to encourage your users to click through your emails. Each of our templates includes the following call to action sections:

  • Basic
  • With Background Image

Both types include layout variations:

  • Button & Content Centered
  • Button Left / Content Right
  • Button Right / Content Left

Basic

The Basic call to action section only includes a left/right/center aligned button and content, inside a full width column.
You can adjust the background color with the bgcolor="" attribute on the parent row table.

Example

Call to action basic

With Background Image

Similar to the Basic one, but with an image background.
Coded with background image support for Outlook and Windows 10 Mail, too.

Example

Call to action with background

Customisation

You can easily change the looks by changing text, spacing, buttons, and backgrounds.

  • Text and buttons can be changed with inline CSS
  • Background image — change the image path in the background="" attribute, and in the src="" of the <v:image /> element, for Outlook 2007 - 2016.
  • Top/bottom spacing — change the value in the height="" attribute, as well as the font-size and line-height CSS values, on the <td class="spacer" ...> near the top and bottom of the section
Warning: there are some caveats with Outlook background image support. Make sure to read up, here.

Next Up: Coupons →