Drag a table block into your email.
Click the Content tab to adjust your column types.
Click the Styles tab to select the 'dynamic' option in the data area.
Set the data row to
event.extra.lineItems.edges
and row alias toitem
Select an image for the left side. Click 'Select Image' and select 'Dynamic Image'. Paste the following dynamic variable
{{ item.node.product.featuredImage | default:'' }}
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:'' }}
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:'' }}
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
How to create your email design (Dynamic Table)
How to create a dynamic table
Written by Thom Sussex
Updated over a week ago