Lead Gen & CRM
How can we help you?
Search our help articles, video tutorials, and quickstart guides

You've got this. You've got us. Search our Knowledge Base to quickly find answers to your questions.

Table Elements in the New Email Editor

Article: 000052988
Updated: July 9, 2024

Add tables to your emails to structure and separate different sections of your email. Learn how to add tables into your emails in the new email editor.

To learn how to modify emails using the older email editor, read Understanding Layout and Element Blocks

In this article, you'll learn how to add table elements to your emails using the new email editor.


Article Contents

 

Users:

Administrators 
Company Managers 
Marketing Managers 
Sales Managers  
Salespersons  
Jr. Salespersons  

Light Bulb IconTip: Are you looking for information about Constant Contact’s Email and Digital Marketing product? This article is for Constant Contact’s Lead Gen & CRM product. Head on over to the Email and Digital Marketing articles by clicking here. Not sure what the difference is? Read this article.

 


The New Email Editor

These text features are available in the new email editor. Read Overview of the New Email Editor to learn more about the included features and to find out how to build emails. Navigate to the new editor by starting from the Email category.

  1. Click on the Email Templates tab.
  2. Select the Designer or Simple template folders.

    User-added image
     
  3. Click the + button to create a new email from the template using the new email editor. 

    Click the plus sign icon
     

Add Table Elements to Your Emails

Drag and drop a table element into your email using the blue lines to guide you. This inserts a table into your email with three columns and four rows -- including a header row. The table takes the full width of your email. You can edit the table columns, rows, and header row, as needed. 

 

Modify the Table Element in your Emails

Click the element in your email and use the Content Properties window to the right to edit your table.

 

Edit the Table Layout

These properties apply to the structure and layout of the table. 

PropertyDescription
ColumnsAdd or remove the number of columns in your table. You can set between 1 and 8 columns. Columns will always be of equal width.  
RowsAdd or remove the number of rows in your table. 
Note: You'll need to modify the header row separately. 
BorderModify the border style, width, and color. 
Background ColorModify the background color of your table or make the background transparent. 
Note: You'll need to modify the background color of the header row separately. 
Striped RowsToggle alternating color rows in your table on or off. 
Striped Row Background ColorWhen Striped Rows are toggled on, select the color of the striped row or make the striped row's background transparent. 
Note: The Striped Rows feature will not affect the header row. 

 

Edit the Table Header Row

These properties apply to the header row that sits at the top of the table. 

PropertyDescription
Header Row ToggleEnable or disable the header row. 
Background colorModify the background color of your header row or make the background transparent. 
Font weightSelect Regular or Bold font weight. 
Font sizeSelect the size of text in your header row. 
Text colorModify the color of your header row text or make the text color transparent. 
AlignLeft, right, center, or justify align the header row text within the column. 

 

Edit the Content

These properties apply to the content and text added to the rows and columns of the table. 

PropertyDescription
Font familySelect the font family for your table text. Selecting Global font will set your table text to match the default font family for your email template. 
Font weight Select Regular or Bold font weight. 
Font sizeSelect the size of text in your table. 
Text colorModify the color of your table's text or make the text color transparent. 
Link colorModify the color of links in your table or make the link color transparent. 
AlignLeft, right, center, or justify align the table text within its column. 
Line HeightAdjust the amount of space above and below each line of text. 
Letter spacing

Adjust the amount of space to the left and right of each letter in your text. 

Text direction

Reverse the direction of content in the table, left or right. This change will apply to all rows in the entire table. 

 

Modify the Table Block

These properties allow you to modify the entire layout block that contains the table. 

PropertyDescription
Padding

Add space to the sides or the top and bottom of the block. By default, the  padding options allow you to select equal padding on all sides.

When the More Options toggle is on, you can edit the amount of space on the top, right, bottom, and left side of the block individually. 

Hide OnDecide if the block should appear on desktop and/or mobile, or if it should be hidden. 

 


Did this article answer your question?


Constant Contact Logo

Copyright © 2025 · All Rights Reserved · Constant Contact · Privacy Center