Skip to main content

How to create your email design (Dynamic Table)

How to create a dynamic table

Thom Sussex avatar
Written by Thom Sussex
Updated over a week ago
  1. Drag a table block into your email.

  2. Click the Content tab to adjust your column types.

  3. Click the Styles tab to select the 'dynamic' option in the data area.

  4. Set the data row to event.extra.lineItems.edges and row alias to item

  5. Select an image for the left side. Click 'Select Image' and select 'Dynamic Image'. Paste the following dynamic variable {{ item.node.product.featuredImage | default:'' }}

  6. Select text for the right side. For the item name use {{ item.node.title | default:'' }}. Then select the item name text and add the following as a link {{ organization.url }}/products/{{ item.node.product.handle | default:'' }}

  7. Add the Review link to the image and CTA buttons {{ organization.url }}/pages/review-form?productId={{ item.node.product.id|default:'' }}&orderId={{ event.roadmapOrderId|default:'' }}

  8. Adjust the styling of the dynamic table to your preference, and you're done!
    ​
    ​https://www.loom.com/share/4cb61a3dab6f4c9c822a901b016aff50?sid=63008370-1e80-4f94-8418-168e2c236da7

Did this answer your question?