How do I add rows and columns to my landing pages and messages?

Use rows and columns to build different layouts for your landing pages and messages. In this article, you'll learn how to add rows and columns to your content. 

Here are some other things you might be looking for:

Step by Step Instructions

  1. Click and drag the 'Row' element from the left hand side into the body where you'd like to add a row.

    Row Element

    The row populate where you placed it, with "Drop Elements Here" as a placeholder.

    Empty Row on Message Canvas
  2. After you drop the row, a menu will appear on the right hand side where you can add columns to that row.

    Row settings right side menu

  3. To add a column, click either the "Add Left" or "Add Right" button.

    Buttons with the option to add columns to the left or right of selected column

    You will then see the row split into two separate columns.

    Example of two empty columns side by side in a row

  4. To delete a column, click on the 'Delete Column' button located to the right hand side.

    Delete Column Button

  5. To add additional columns to a row, click on the 'Add Left' button to add a column to the left or click on the 'Add Right' button to add a column to the right.  Note: You can add up to 6 columns within a row.

    Add Left and Right Button

  6. To customize the alignment of the content within your columns, click on any of the 3 icons below the 'Column Alignment' section.

    Column Alignment settings

    The Top Aligned Icon icon will top align the content.
    The Middle Aligned Icon icon will center align the content.
    The Bottom Aligned Icon icon will bottom align the content.

  7. To apply your column alignment settings to all your columns at once, check mark the 'Apply settings to all columns' box.

    Apply settings to all columns checkbox

  8. Once you have the desired number of columns/rows inserted you can start dragging and dropping in different blocks for content. Below you can see an example that was created using additional columns and rows and image blocks.

    Example of text next to an image

For a complete walkthrough on creating and sending a message from start to finish, see our how-to video and watch the message editor in action:

Need help designing your messages?

Custom Template Design information

AWeber offers hundreds of templates for you to use. If you need modifications to an existing template or a custom template built to reflect your branding, our Template Team is here to help. We're happy to modify existing templates or design a custom template tailored to your needs.

Ready to enhance your email campaigns with stunning designs? Reach out to our Template Team today!

Have more questions? Submit a request