Using the Table of Contents Block



We are excited to announce the release of Email Designer Table of Contents Block, available in the latest version of the Bananatag Email Designer (Version 2.0). 




Where do I start?



You can simply drag-and-drop the new Table of Contents block from the blocks list and configure the settings for either a default "List Style", or a more elegant "Menu Style". Then, click Generate to output a list outlining all the headers and the titles inside your current draft or template.

All the titles in the drafts that are different than the generic default ones will be picked up (they need to be modified to be anything other than `Title` or `Section Title`).


The default 'Title' text will not be picked up, but the highlighted 'Check This Out' title is custom, and therefore will be picked up by the Table of Contents block.

Also If you want to add headers to your draft to be picked up by the table of contents, you can simple find them in the inline editor options



How does this work?

Items on the list have anchor links to the content they are referencing to and once user clicks on an item in the list, they will be taken to the part of the draft where that title or header exists.


What email clients support this?

The underlying implementation for table of content uses a combination of named and id anchors to make content anchor links possible, you can find the email client support for these elements below:

Mail Client 'name' element support: 'id' element support:
Outlook 2007-2016 (Windows) Supported Supported
Outlook for Mac Not Supported Not Supported (Web) Supported Supported
Outlook app (Android) Supported Supported
Outlook app (iOS) Not Supported Not Supported
Gmail (Web) Supported Supported
Gmail app (Android) Supported Supported
Gmail app (iOS) Not Supported Not Supported
Inbox by Gmail (Android) Supported Supported