Shopify

Adding Tag to Shopify

Tag allows you integrate with Shopify with a single script tag and button link to open a pop-up on the page of that collection. You may also link directly to a share URL if you'd rather not use a pop-up window.

What's great about Tag, is that it allows you to trigger the collection pop-up from anywhere that allows HTML and a javascript tag. For instance; you can add a "Shop the look" button in the description field of an individual product.

While we do not yet have direct sync with your Shopify products, they can be easily created on the Tag dashboard and assigned a link to the product on your shop.

Installation

To install the widget on Shopify we need to add the script to the footer.

  1. Navigate to your Shopify dashboard and click Online Store -> Themes

  2. Copy the embed script from Tag and head back to Shopify. Note: You only need to add this script once.

Tag Footer Script
<script defer src="https://app.usetag.io/app.js"></script>

3. Click Actions -> Edit code

4. Search for footer.liquid on the editor sidebar. Please note: this may vary depending on the theme installed. Click on footer.liquid to open the file.

5. Search for the closing </footer> tag and paste in the Tag script code directly above it.

6. Hit save at the top right and you should be good to go!

Tags integration method works as the following:

  1. Create product on Tag with image, price and detail then link to the Shopify shop URL.

  2. Create a new collection and tag products on the image. Products may be re-used across multiple collections to make it easier to manage.

  3. Copy link/button code generated by Tag and paste into your Shopify detail text area.

  4. Done! You should now see the collection pop-up button on your Shopify store.

Add all to cart in Shopify