Shopify is one of the most popular e-commerce systems that we see. Here are some details about how to integrate AvantLink into Shopify.
PLEASE NOTE: We provide this information "as-is" as a courtesy to our clientele, and as such, it may contain typos, get outdated, go out of style, be factually incorrect, or considered 'using cheats' if playing on hard mode. We cannot vouch for it's seaworthiness; sail at your own risk, and please email us with any improvements we can make!
Shopify's "How to add tracking" documentation can be found here:
Use our standard site-wide script:
Full Order Confirmation script, with Shopify variables in place, and the 'for each item' loop:
Please notice that here it shows product.id for the SKU, but you may need a different variable, such as line.sku if you use SKUs instead of Shopify's standard "Product IDs" on your datafeed that you provide us.
See this link for even more product-related details:
Note: The "Thank You" page via Shopify's platform, requires that the first snippet (standard site-wide Tracking Script) to be placed after the Order Confirmation script, in the "Additional content and scripts" text field. (This is because Shopify places all code in this text field below all html in the DOM. Therefore, to ensure the AvantLink library is referenced after the order tracking component it must be manually placed after the order tracking component in the "Additional content and scripts" text field.)
Note: A useful one may be "collections.title", as this is effectively a Category of items. By defining this, passing it to us (using the Liquid Template below, for example), we may be able to use that to target specific items, or create multiple datafeeds, etc.
Shopify Test Mode
Shopify provides a test mode. See here for more details:
This should fire any additional scripts -- just looks like it blocks the order from saving / reporting on their side.
Creating a Product Feed from your Shopify Inventory:
It's as simple as clicking Products, then Export!
Liquid Template Version
Shopify is well known for it's use of the Liquid template language. This is another way to pull those products, to build a page to display them all, which can be accessed in a programmatic manner. Courtesy of hublogix:
Note: Depending on your inventory, you may use "variant" instead of "product" level info, e.g. variant.sku, variant.price, etc.