How do I add rows and columns to my message?

While you are creating a message, you may find it useful to separate the information within your message with rows and columns. Inserting rows and columns is a great way to achieve a desired look and layout that you may be trying for with your message. One great use for rows and columns is for aligning images that are inserted into your messages.

Please note that the instructions below are for messages created using our Drag & Drop Email Builder.

Step by Step Instructions

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

    Click and drag the Row element into your message

    In your message, you will see the row populate where you placed it.

    The new row will populate where you dragged it

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

    A menu will appear on the right hand side of the editor to customize the row

  3. To add a column, click on the 'Add Col Left' button.

    Click Add Col Left to add a new column in the row

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

    The row will be split into two columns

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

    Click the red Delete Column button on the right hand side to remove the column

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

    Click Add Col Left or Add Col Right to add up to six additional columns

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

    Use the column alignment icons to adjust the alignment of your content

    The top align button icon will top align your content.
    The center align button icon will center align your content.
    The bottom align button icon will bottom align your content.

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

    Check the Apply settings to all columns box to apply alignment to all columns at once

  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 of a message that was created using additional columns and rows and image blocks.

    An example message containing two columns and image blocks


What if I have issues designing my messages?

Custom Design Template information

AWeber offers hundreds of templates you’re welcome to use! If you would ever find yourself wanting to modify an existing template or would like a custom template built for you to reflect your branding, our Template Team would be happy to modify existing templates or design a custom template for you!

Have more questions? Submit a request
Powered by Zendesk