How to create your email design (Less design restrictions)

How to create a basic dynamic block

1. Drag a table block into your email.
2. Click the Content tab to adjust your column types.
3. Select an image for the left side. Click 'Select Image' and select 'Dynamic Image'. Paste the following dynamic variable {% if event.extra.lineItems.edges.0.node.product.featuredImage %} {{ event.extra.lineItems.edges.0.node.product.featuredImage }} {% else %} {{ event.extra.lineItems.edges.0.node.variant.variantImage }} {% endif %}
4. Select text for the right side. For the item name use {{ event.extra.lineItems.edges.0.node.title|default:'' }}. Then select the item name text and add the following as a link {{ organization.url}}/products/{{ event.extra.lineItems.edges.0.node.product.handle|default:'' }}
5. Add the Review link to the image and CTA buttons {{ organization.url }}/pages/review-form?productId={{ event.roadmapProductIds.0|default:'' }}&orderId={{ event.roadmapOrderId|default:'' }}
6. For additional blocks to populate additional items in an order, switch out the 0 for a 1, 2 or 3 within the liquid code above. Unsure what to do? Watch our walk-through video attached.

Product 1

• Dynamic Image: {% if event.extra.lineItems.edges.0.node.product.featuredImage %} {{ event.extra.lineItems.edges.0.node.product.featuredImage }} {% else %} {{ event.extra.lineItems.edges.0.node.variant.variantImage }} {% endif %}
• Product title: {{ event.extra.lineItems.edges.0.node.title|default:'' }}
• Product link: {{ organization.url}}/products/{{ event.extra.lineItems.edges.0.node.product.handle|default:'' }}
• Review form link: {{ organization.url }}/pages/review-form?productId={{ event.roadmapProductIds.0|default:'' }}&orderId={{ event.roadmapOrderId|default:'' }}

Product 2

• Dynamic Image: {% if event.extra.lineItems.edges.1.node.product.featuredImage %} {{ event.extra.lineItems.edges.1.node.product.featuredImage }} {% else %} {{ event.extra.lineItems.edges.1.node.variant.variantImage }} {% endif %}
• Product title: {{ event.extra.lineItems.edges.1.node.title|default:'' }}
• Product link: {{ organization.url}}/products/{{ event.extra.lineItems.edges.1.node.product.handle|default:'' }}
• Review form link: {{ organization.url }}/pages/review-form?productId={{ event.roadmapProductIds.1|default:'' }}&orderId={{ event.roadmapOrderId|default:'' }}

Product 3

• Dynamic Image: {% if event.extra.lineItems.edges.2.node.product.featuredImage %} {{ event.extra.lineItems.edges.2.node.product.featuredImage }} {% else %} {{ event.extra.lineItems.edges.2.node.variant.variantImage }} {% endif %}
• Product title: {{ event.extra.lineItems.edges.2.node.title|default:'' }}
• Product link: {{ organization.url}}/products/{{ event.extra.lineItems.edges.2.node.product.handle|default:'' }}
• Review form link: {{ organization.url }}/pages/review-form?productId={{ event.roadmapProductIds.2|default:'' }}&orderId={{ event.roadmapOrderId|default:'' }}

​

​

​