Adding Columns inside emails

Sometimes the in-built elements of Groundhogg are not enough for creating the wondrous emails you want to create. That’s why Groundhogg comes with an HTML editor which users can use to edit the HTML directly and create emails they like.

This tutorial walks you through the HTML code to create columns inside the email builder using the HTML editor.

<table border="0" cellpadding="5" cellspacing="0" width="100%" class="">
            <tbody>
            <tr>
                <td align="left" valign="top" width="50%">
                    <!--LEFT COLUMN CODE START-->
                    <div class="inner-content">
                        <p> Column 1</p>
                    </div>
                    <!--LEFT COLUMN CODE END-->
                </td>
                <td align="left" valign="top" width="50%">
                    <!--RIGHT COLUMN CODE START-->
                    <div class="inner-content">
                        <p> Column 2 </p>
                    </div>
                    <!--RIGHT COLUMN CODE END-->
                </td>
            </tr>
            </tbody>
        </table>

To create columns inside an email add the above code using the HTML editor and replace the inner content between the left column and right column with your custom code. You can also add more columns by copying adding more TD tag.

Best practise will be to create a single column using email builder then copy all the auto-generated code and past that inside the specific column. You can also turn on the border by setting border =”1″ inside the table tag.

Was this article helpful to you? Yes No

How can we help?