How to install Elevar's Shopify GTM App for Non-Plus stores

This is your complete guide to transition your Non-Plus Shopify store to using our Google Tag Manager app by Elevar

Are you a Shopify Plus User? Use this guide instead

Before you begin the installation, have this information handy:

Installation Steps - Overview

 

Step 1: Install App and review pre-install questions
Step 2: Input GTM Container ID into App Settings
Step 3: Update the Checkout Thank You Page Snippet
Step 4: Import Pre-Built Google Tag Manager Container
Step 5: Update Google Analytics Variable in GTM
Step 6: QA Your Installation in Preview Mode  🔍
Step 7: Publish GTM Container & Monitor! 💥

Installation Walkthrough Video

We suggest watching this video first and then follow the detailed steps below to successfully install the Shopify GTM App.

 

Step 1: Install Our Shopify App & Review Pre-install Questions

Once you install our app (A one-time $199 purchase - NO recurring fees!) you will see this screen in your Shopify store. 


There are two questions you'll want to answer here.

Question 1. Do you already have GTM installed on your website? (Not sure? Here is how you check)

  • If no, then continue onto Step 2.
  • If yes, then it is important that you remove the existing GTM code so that you do not have duplicate GTM containers on your website. This is easy to do, just follow this guide! Once you have done this, you can continue with the rest of the installation.

Question 2. Are you on a Shopify or Shopify Plus store?  

This installation guide is for Shopify Non-Plus stores. If you are Shopify Plus store, please follow these instructions instead.

On Shopify Non-Plus stores, we don’t have access to your checkout pages. Because of this, we recommend keeping the native Shopify Google Analytics setup so that you don’t lose transaction attribution. Don't worry, you can still take advantage of our Enhanced eCommerce and global dataLayer variables for tagging. Learn more.

Step 2: Input GTM Container ID into App Settings

Enter your GTM Container ID into this configuration setting and select "save and update". 

Important! Make sure there is no blank space before your container ID.

Screen Shot 2019-10-09 at 2.06.01 PM

Note: When you paste/enter the GTM Container ID, please make sure that there's no leading space or whitespace to prevent 'Invalid or Missing Account ID' error. "Skip to step 3"

 

When you select 'save & update', that inserts our snippets into your theme. These snippets insert the general GTM snippet as well as all of the dataLayer logic that we use to pull data from Shopify and translate that into GTM dataLayer variables that can then be used throughout your 3rd party and Analytics tags. 

 

Step 3: Update the Checkout Thank You Page Snippet ✅

To make sure all transaction data is available to GTM, you'll need to manually add a script to the Thank You page in your Shopify admin. This is easy to do by following the steps outlined in the App page of your Shopify store, or by using the steps below.

 

thank-you-snippet

 
Please note: Don't delete your existing scripts in here without reviewing them first! It's possible that you might have scripts used for other tracking purposes! Just tack on Elevar's code to what you already have in place. Skip to step 4
 
 

Once you've copied the code, you can paste into the checkout script settings below, and select SAVE.

Step 4: Import Pre-Built Google Tag Manager Container 

First, perform a backup of your existing live container. All you have to do is login to your GTM account and go to Admin > Export Container and click to export your workspace (most of the time this is the “Default Workspace”). Save this file to your desktop just in case! 

export

 

In order to connect your Shopify data to Google Tag Manager, we need to create all of the variables, triggers, and tags for these to map to.

Importing Elevar's GTM Container Steps

  1. Download our GTM Container
  2. In your GTM account, navigate to Admin > Import Container
  3. Select file to import = The GTM container you just downloaded

  4. Choose workspace = Your preferred workspace (usually called Default Workspace)

  5. Choose an import option = Select merge container. DO NOT CHOOSE OVERWRITE!

  6. In the radio button options, choose 'Overwrite Conflicting tags, triggers and variables'

  7. Select Confirm, "Skip to step 5"

Screen Shot 2019-10-09 at 2.52.24 PM

 

🎉 You will now see the tags, triggers, and variables imported in your Workspace Changes! 🎉

Step 5: Update Google Analytics Variable in GTM

You'll need to update the Google Analytics variable with your own Google Analytics account number (UA-#######-##). NOTE: Since you are a Non-Plus store, you will still need to keep your GA setup in Shopify for global page view tracking.  This update is necessary for tracking supplemental events.

 

How to Update in GTM:

1. In Google Tag Manager go to Folders > Update on Install 

2. Click on 00 - UPDATE ON INSTALL - GA - UA-xxxxxxx-xxScreen Shot 2019-10-09 at 3.22.34 PM

3. Update the name of the variable with your Google Analytics ID, removing the '00-update on install' text.

4. Update the tracking ID with your UA ID number.

5. Save and you're all set! "Skip to step 6"

Screen Shot 2019-10-09 at 3.28.17 PM

Step 6: QA Your Installation in Preview Mode  🔍

It's important that you use GTM Preview mode to walk through all of the major pages of your website to ensure you installed everything properly. 

Go here for a step by step guide: How to QA your Shopify Store with GTM Preview Mode

Have questions? Email us at help@getelevar.com for help!

Step 7: Publish GTM Container & Monitor! 💥

Once you are ready to go live it's time to publish!

Inside of Google Tag Manager, click the Submit button in the top right and confirm your deployment. 

Once you've deployed your changes then you should perform the same QA process in preview mode. Just be sure to click Refresh inside of GTM if you've made any changes.

Optional Configurations

Facebook Pixel Tracking

If you would like to implement Facebook Pixel tracking with our app, follow these easy steps outlined in this guide

AdWords Conversion Tracking and Remarketing Tags

How to configure your AdWords Remarketing tags

How to setup your AdWords conversion for use in our Shopify App

Additional Resources

How to Fix Common Installation Issues

How to Change Products IDS from SKU to Shopify IDs

GTM Tag is Not Firing on a Page

 

Back to Top 🔝