Skip to main content

Use Liquid in email templates

Add Liquid tags to Zapiet Eats notification templates so emails can show your logo, accent color, and order details.

Written by Andy Cargill

Zapiet Eats notification templates support Liquid. Use it to show your logo and accent color, and to insert order or shop details that change for each email.

You edit templates on Settings > Notifications.

Before you begin

  • Open Configure notifications if you have not set a sender, logo, or accent color yet.

  • Staff who edit templates need permission for Settings.

Open a template

  1. In Zapiet Eats, go to Settings > Notifications.

  2. Select the template you want to change.

  3. Click Edit code.

  4. Edit Subject and Content.

  5. Click Preview template to check the result.

  6. Click Save.

Logo and accent color

These tags use the logo and color you set in Notifications > Design.

{% if shop.email_logo_url %}
  <img src="{{ shop.email_logo_url }}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
{% endif %}
.button__cell { background: {{ shop.email_accent_color }}; }
a { color: {{ shop.email_accent_color }}; }

Tag

What it outputs

{{ shop.email_logo_url }}

URL of the logo you uploaded

{{ shop.email_logo_width }}

Width in pixels from Logo width (pixels)

{{ shop.email_accent_color }}

Color from Set accent color

{{ shop.name }}

Store name

If you have not uploaded a logo, wrap the image in {% if shop.email_logo_url %} so the email does not show a broken image.

Common order tags

You can also use tags that change for each order. Examples used in the default templates include:

Tag

What it outputs

{{ shop_name }}

Store name

{{ order_name }}

Shopify order name, such as #1234

{{ delivery_method_capitalized }}

The service, such as Pickup or Delivery

{{ fulfill_by_time }}

The due time for the order

Use the tag names exactly as shown in the default template or this list. Check any other tags with Preview template and Send test before using them in customer emails.

Test the email

  1. Save your changes and return from the code editor to the template preview.

  2. Click Send test.

  3. Enter the Recipient email.

  4. Click Send test.

If the logo or color is missing, set them in Notifications > Design, click Save, then preview the template again.

Related articles

Did this answer your question?