Manually adding Data Table layers to your design

To add a Data Table layer, click on any Column layer in your design, then select the Data Table option from the quick add menu at the bottom of the plugin, then click Add to insert the layers to your design.

Importing a Data Table from Google Sheet URL or CSV/Excel file data

If you already have some data in a Google Sheet or a CSV/Excel file, you can automatically create a new Data Table with the spreadsheet data included by clicking on any Column layer in your design, then selecting the Spreadsheet option from the quick add menu at the bottom of the plugin.

Once you've selected the Spreadsheet option, you can either paste in a public Google Sheet URL or drag and drop a CSV/Excel file into the plugin, then clicking the Add to insert the layers to your design.

Looping a Data Table Row with dynamic data

If you're using a Data Table and need to iterate over some data in your email marketing platform, you can apply a for loop by clicking on a Data Table Row inside of your Data Table, then clicking the Settings button in the plugin header and adding your templating syntax for a loop into the Opening Code Wrapper (eg. {% for product in collection.products %}) and Closing Code Wrapper (eg. {% endfor %}), which will autamatically inject these opening and closing tags around the <tr></tr> HTML table row element in your exported code.

Once you've added your wrapper tags to the Data Table Row layer, you can populate the dynamic content inside the layers of your row as needed.