Installing the Uptick Tag Manager Template

Enhance your website effortlessly by integrating our Uptick implementation with Google Tag Manager. The setup is quick and easy, with the steps outlined below. By following them, you’ll seamlessly upgrade your website using Google Tag Manager tags through our custom integration.

Importing the Template into Google Tag Manager

Before you begin, make sure to download the required template, which you’ll need in step 5.

  1. Download the Uptick Tag Manager.tpl template file.

Step 1 - Go to Templates

In Google Tag Manager, click on “Templates” on the left sidebar.

step_1

Step 2 - Add a New Template

On the top right, click “New” under the Tag Templates section.

step_2

Step 3 - Open the Template Menu

click the three dots in the top right corner to open the dropdown menu.

step_3

Step 4 - Import the Template

In the dropdown, select “Import” to open the file selection dialog.

step_4

Step 5 - Select the Template

Choose the “Uptick Tag Manager.tpl” file you downloaded and click “Open”.

You can go to the download steps by clicking here

step_5

Step 6 - Save the Template

Once imported, click “Save”, then close the Template window by clicking the “X” on the top left corner.

step_6

Creating a new Tag in Google Tag Manager

Now that the template has been imported, follow these steps to create a new Tag to activate the Uptick integration on your website.

Step 7 - Go to Tags

Click “Tags” on the left sidebar.

step_7

Step 8 - Create a new Tag

On the right side, click “New” to start create a new Tag.

step_8

Step 9 - Edit the Tag

In the new Tag box, hover over the “Tag Configuration” area until the pencil icon appears. Click the pencil to proceed.

step_9

Step 10 - Select the Template

With the dialog menu open, scroll down and select “Uptick Tag Manager” from the list of options.

step_10

Step 11 - Add Settings

Now that Uptick Tag Manager is added, update the configurations:

  1. Integration Id: Enter the code provided by your Uptick representative. If you don’t have one, please reach out.
  2. Placement: Select the page type you intend to show this on. If it is “Order Confirmation”, you can leave this configuration as is.
  3. Triggering: Hover over the “Triggering” box, and click the edit pencil when it appears.

step_11

Inline Rendering (Optional)

By default, offers display as a popup overlay. To render offers inline within a specific element on your page, use the Target Element Selector field.

  1. Add an element to your page where you want offers to appear, for example: html <div id="uptick-offers"></div>
  2. In the tag configuration, enter the CSS selector for that element in the Target Element Selector field (e.g. #uptick-offers).
  3. When configured, offers will render inside the specified element instead of as a popup.

Note: If the target element is not found on the page, a warning will be logged to the console and offers will fall back to the default popup behavior.

Important: Inline rendering must be enabled by the Uptick offers team for your integration. If offers are not appearing inline after configuring the target element, please reach out to your Uptick representative.

Step 12 - Create a new Trigger

In the Trigger dialog box, click the “+” sign to create a new Trigger.

step_12

Step 13 - Configure the Trigger

Hover over “Trigger Configuration” and click the edit pencil to start setting it up.

step_13

Step 14 - Select the Trigger

Choose “Page View”, which is the simplest trigger type to configure.

step_14

Step 15 - Enter the Trigger Settings

We only want the Uptick integration to trigger on the order confirmation page. Follow these steps:

  1. Choose “Some Page Views” to trigger the tag only on specific pages.
  2. Select “Page URL” in the first dropdown. Then select “contains” in the second dropdown. Finally, enter the unique part of your order confirmation page URL (e.g. “/orders/”). As an example we filled in “/orders/” if our checkout page was “https://www.example.com/orders/1342345”. This last input box will be specific to your web page or your platform. If you have an example checkout url and need help, please reach out to your Uptick representative.
  3. Click “Save” at the top of the page.

step_15

Step 16 - Name the Trigger

Enter a name for easy reference, such as “Order Confirmation View”. Then click “Save” on the dialog box.

step_16

Step 17 - Save the Tag

Now that the new tag is set up, click “Save” at the top of the page.

step_17

Step 18 - Name the Tag

Give the new Tag a descriptive name, such as “Uptick Tag Manager”.

step_18

Step 19 - Preview or Save the Tag

To ensure it’s working properly, click “Preview” to test the Tag. Once confirmed, click “Save” and then Deploy your tags. Uptick will start appearing on the order confirmation page.

If Uptick doesn’t show up, double-check the Integration ID and trigger URL settings.

step_19