If you’re running a Shopify store, you might want to display or use customer tags to create personalised experiences. Customer tags are brilliant for segmenting your audience and delivering tailored content. Fortunately, Shopify’s templating language, Liquid, makes it quite straightforward to access and display these tags on your website.
Calling customer tags with Liquid
To display customer tags in your Shopify store, you’ll need to use the customer.tags variable that Liquid provides. This variable contains all the tags associated with the currently logged-in customer. You can easily access these tags by adding a simple code snippet to your theme files.
Here’s how you can display a list of customer tags on any page of your Shopify store:
{% if customer %}
<h2>Customer Tags:</h2>
<ul>
{% for tag in customer.tags %}
<li>{{ tag }}</li>
{% endfor %}
</ul>
{% else %}
<p>No customer is logged in.</p>
{% endif %}
This code first checks if a customer is logged in using the {% if customer %} condition. If someone is logged in, it creates a heading followed by a list of all their tags.
The {% for tag in customer.tags %} loop goes through each tag associated with the customer and displays it as a list item. If no one is logged in, a simple message appears instead.
You can place this code in any Liquid template file where you want the tags to appear. Common places include customer account pages, product pages, or custom sections you’ve created in your theme.
Practical uses for customer tags
Customer tags are incredibly versatile. You might use them to show special offers to VIP customers, display different content based on a customer’s interests, or hide certain elements from specific customer groups.
For instance, you could extend the code to show special content only to customers with a specific tag:
{% if customer and customer.tags contains 'VIP' %}
<div class="special-offer">
<h3>Special VIP offer just for you!</h3>
<p>As a valued VIP customer, enjoy 15% off your next purchase.</p>
</div>
{% endif %}
This snippet will only display the special offer to customers who have the ‘VIP’ tag attached to their account.
Conclusion
Using Liquid to access and display customer tags in Shopify is a powerful way to create personalised experiences in your online store. With just a few lines of code, you can tailor your site’s content based on customer segments, which can significantly improve engagement and conversion rates. Whether you’re highlighting special offers for loyal customers or displaying different content based on customer preferences, Liquid’s customer.tags variable gives you the flexibility to create these personalised experiences easily.
