How to insert a table into an Email template?

[DariaZak]

Hi!

I'm trying to create a marketing email template here: Marketing - Emails - Create Email. 

I need to insert a table in the template but I can't find any option to do it. There is no 'insert' button there. 

Could you help me to find a solution to insert a table into an email template, please?

[KTownsend · Accepted solution]

Hi!

Unfortunately, at the moment it's not possible to insert tables in the drag and drop email editor.

As an alternative, you can add a screenshot of the table instead -
although if the email client is blocking images, this information will not show up.

You can also use a custom module with a HTML table. This does mean that for every table you want to insert in your emails, you will need to create a new module.

If either of these options don’t work for you, you could also use a CTA and direct your email recipients to a landing page which includes your table.

Hope this helps!
Katie Townsend - Inbound Executive at BBD Boom

[ARPark]

Adding this here as it doesn't seem to be widely documented.

We needed to include a table in a Marketing Email and also needed to be able to include personalisation tokens in the table cells. We were able to solve this with the HTML - email module and a bit of HTML code (which may be created without coding skills).

Create the code for the HTML table:

1. Use an online HTML table generator to create the code for the table (divtable is a relatively simple and easy to use tool).
2. Add any labels and values.
3. Copy the generated code to your clipboard.

Including the table:

1. Under the default modules (Image, Text, Button etc.) click More and chose the module called HTML - email. (this is used to insert raw HTML code into the email)
2. In the Content panel (visible with the module selected in the email) paste the HTML code for the table.

If you don't need personalisation, you are done. Else, continue to add personalisation tokens as follows...

Adding the personalisation tokens:

1. Start by adding the required tokens into the body of the email.
2. In the formatting bar at the top of the editor, choose More and then click the source code icon (see below).
3. From the source code look for the code for each of your personalisation tokens in the following form: {{ contact.your_property_name }} or {{ deal.your_property_name }}.
4. Copy the personalisation token code (everything between, and including, the double curly braces), switch back to the table code (in the HTML - email module) and paste the token code into the appropriate table cell.
5. Repeat for each token you require.

Notes:

• The tokens will not display in the email editor. You will need to Preview as contact in order to see the tokens working. If you have used Deal properties for personalisation tokens, you will need to select a specific deal when you Preview as contact.
• The Content window in the HTML - email module is small and inconvenient for adding the tokens. I found it easier to return to the online table editor used to create the original table and add the tokens in there. The advantage is that it displays the personalisation token code in the relevant cell so I could see that everything was in the right place. When done, copy all of the code back across to the HMTL - email module.
• You will need to know and use a little bit of HTML and maybe some CSS to customise your table (if you need to merge cells or manage column widths).

[DAllen2024 · Accepted solution]

I know this is an old post but I am new to HubSpot and stumbled upon this post while searching for solutions. I come from using Salesforce for 15+ years so HubSpot has been a bit of a learning curve for me. Anyway, I wanted to share a solution to this previous request incase it was still unknown or HubSpot didn't build in the functionality already. How to Build Flexible Email Templates in HubSpot [Customer Story] <---related to building a table

[danielganoza]

please we urgently need to be able to paste tables in HTML
is a from in the ticket tool

[kvlschaefer]

Hi @danielganoza,

Thank you for your feedback!

I would recommend adding your feedback to the Ideas Forum. If you do decide to post your suggestion in the Ideas Forum, feel free to add it to this feed so we can upvote it for you. 🙂

Best,

Kristen

[danielganoza]

hello kristen
the idea is here https://community.hubspot.com/t5/HubSpot-Ideas/Add-tables-to-drag-and-drop-email/idi-p/276501, is that enough or do you think a new one should be opened?

[kvlschaefer]

Thanks, @danielganoza!

That should be enough 🙂 I've gone ahead and upvoted it as well! 

Best,

Kristen

[danielganoza]

Thanks

[KTownsend · Accepted solution]

Hi!

Unfortunately, at the moment it's not possible to insert tables in the drag and drop email editor.

As an alternative, you can add a screenshot of the table instead -
although if the email client is blocking images, this information will not show up.

You can also use a custom module with a HTML table. This does mean that for every table you want to insert in your emails, you will need to create a new module.

If either of these options don’t work for you, you could also use a CTA and direct your email recipients to a landing page which includes your table.

Hope this helps!
Katie Townsend - Inbound Executive at BBD Boom

[DennisFrancisc]

This is very essential in an email templates. I hope this will be the improvements we see soonest. 

[DianaGomez]

Hi @DennisFrancisc hope you are doing well!

I encourage you to upvote for the idea, this way it has more chances to be implemented in the future 🙂

Best,

Diana

[DariaZak]

Thank you for the answer