Skip to main content

Use Cases

Shopify tags can be used to display content based on the products ordered by the customer. You can do this in your tracking page and in your notifications.

1. Steps for displaying "How to" content based on the product purchased on the tracking page​

Create the product tag in your Shopify, e.g. "tent". This will become your order.tags.

  1. Choose the titles you would like to use on your tracking page. They can be anything. These will be your guide_title.
  2. Choose the URLs you will use for hyperlinks. These will be your guide_url.
  3. In Shopify, add your image files. Go to Settings -> Files -> Upload file and then select the image you want to display on your tracking page. Repeat this step for the number of images you will use for your tracking page.
  4. Click Copy link. This will be your guide_img_src.
  5. In ZigZag go to your Tracking page -> Tracking page editor.
  6. Add the Promotional Banner widget.
  7. In Content, add the following Liquid, replacing "x" with the variables defined above: order.tags, guide_title, guide_url, and image location (guide_img_src).
{% if order.tags contains 'x' %}
  {% assign guide_title = 'x' %}
  {% assign guide_url = 'x' %}
  {% assign guide_img_src = 'x' %}
{% elsif order.tags contains 'x' %}
  {% assign guide_title = 'x' %}
  {% assign guide_url = 'x' %}
  {% assign guide_img_src = 'x' %}
{% elsif order.tags contains 'x' %}
  {% assign guide_title = 'x' %}
  {% assign guide_url = 'x' %}
  {% assign guide_img_src = 'x' %}
{% else order.tags contains 'default' %}
  {% assign guide_title = 'default' %}
  {% assign guide_url = 'default' %}
  {% assign guide_img_src = 'default' %}
{% endif %}
  1. Adjust the widget size to your liking.

2. Steps to display a YouTube tutorial based on the product purchased​

  1. Create a product tag on Shopify (i.e. "tent").
  2. In ZigZag, go to Notifications -> Email templates -> Default Delivery Template
  3. Click Content -> Promotional banner
  4. Click "Text" next to "Layout". In the "Content" box, add:{% if order.tags contains "Tent" %} {% endif %}
  5. Insert the YouTube iframe between brackets: {% if order.tags contains "Tent" %} <iframe width="600" height="400" src="[<https://www.youtube.com/embed/JzV6mMLbmQk>](<https://www.youtube.com/embed/JzV6mMLbmQk>)" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> {% endif %}
  6. You can then copy the code and paste it into the main default template.
  7. To display the content on the tracking page, go to Tracking page -> Tracking page editor
  8. Add a Promotional Banner
  9. In Content, copy/paste the text and adjust widget dimensions.

3. Send SMS only to "VIP" customers​

Tailor a customer experience based on a customer tag! You can assign a VIP Tag (manually or automatically using Shopify) to your top 5% of customers, or to all customers who have placed more than a given number of orders.

For example, you may decide to send SMS messages to your VIP customers only with a customer tag.

Here are the steps to follow:

  1. Make sure you have tags by customer!
  2. In ZigZag, go to Notifications -> Editor
  3. Select the notifications for which you wish to send SMS messages.
  4. Add the SMS channel to each notification that you want to trigger a text alert for.
  5. In the Content box under SMS, add the following code: {% unless order.tags contains "VIP" %} {{ notification.cancel_sending }} {% endunless %}

This method can also be used to send emails to your support team only when VIP customers encounter a problem. That way, you can be even more proactive!

4. Display a specific promo code​

Display promotional codes according to:

  • a certain customer
  • a specific situation
  • a product tag

For example, if a customer has bought a tent, you can display a promo code (like: buy X, get Y) to encourage them to buy a sleeping bag, an outdoor gas stove, etc.

Here are the steps to follow: Add a label to the product that must be purchased to benefit from the discount.

  1. Add a promo code in Shopify (documentation on how to do so).
  2. In ZigZag, go to Notifications -> Editor.
  3. Select the notifications in which you wish to display the promo code.
  4. Add {% if order.tags contains "Tent" %} {% endif %}
  5. Insert the promo code between the brackets:{% if order.tags contains "Tent" %} <b> PROMOCODE </b> {% endif %}

You can display a dedicated promotional banner using the first use case. For example, you may decide to display a promotional code for VIP customers, customers ordering for the first

5. A/B Testing​

You may also decide to use Shopify tags for A/B testing.

You can send notifications and a tracking page with/without a promotional banner to measure ZigZag's impact, or even decide to cancel all Shipup notifications for half your orders to measure the impact on your support team, etc.