How to Implement the Non-Shopify Subdomain Source

How to install our attribution tracking for non-shopify landing pages and headless sites

Overview

Follow this guide to learn how to implement the non-Shopify subdomain pages!

If you have non-Shopify subdomain pages, such as a WordPress blog, third-party landing pages, or a headless website, then you will need to set up this source if you want us to capture attribution data for your shoppers' entire journey.

For instance, let's say you are running Facebook Ads to a WordPress blog post. At the bottom of the blog post is a link to a product page. If a user clicks through a Facebook Ad and navigates from the Wordpress site to the Shopify Site, then ultimately makes a purchase. You would want know that that purchase came from Facebook and not from the blog. This is why configuring the non-Shopify subdomain source is important.

🚧

Warning: This works for subdomains only (e.g. website.com & shop.website.com). This won't work when using different domains (e.g. website.com & shopwebsite.com). This also works for Elevar's Fully Managed Server Only.

Prerequisites:

  • You have the Shopify source installed. If you have not installed the Shopify source yet, follow this guide to learn how to implement the Shopify Source on your Shopify Store.

How to Implement the Non-Shopify Subdomain Source When Onboarding with Elevar

Set Up Data Sources:

  • If you have not completed setting up all your sources, begin on the Elevar homepage and use the left-hand menu to click on the "My Tracking" tab.
  • Navigate to the section of the page titled "Set Up Data Sources" and locate the box titled "Do you have non-Shopify subdomain pages?".
    • Click on the "Yes" button located in the lower left-hand corner of the box.
      • (See Figure 1)

Step 14 screenshot

Figure 1

Overview:

  • You will be brought to an Overview page of setting up the non-Shopify subdomains. Ensure that you read the overview and integration notes.
    • If you have a headless site, you will still need to build the custom data layer. Follow our guides to learn how to configure a custom data layer for headless websites.
  • Once you have read the overview information, click on the "Get Started" button located in the lower left-hand corner of this section.
    • (See Figure 2)

Step 15 screenshot

_Figure 2_

Domain Details:

  • After clicking on the "Get Started" button, you will need to enter your domain details.
    • Navigate to the section of the page titled "Overarching Domain(s)" and use the text box to enter your domain. You can add multiple domains by clicking on the "+ Add Another" button and using the text-box to enter additional domains.
    • This setup does not support cross-domain tracking. For example, if you have a blog on blog.website.com and your shop is on shopwebsite.com. When adding multiple overarching domains, the attribution information will be shared across subdomains of each overarching domain, not across overarching domains.
  • After you have entered all of the required information for setting up the domain details, click on the "Save & Continue" button located at the bottom of this section.
    • (See Figure 3)

Step 16 screenshot

Figure 3

Configure Pages:

  • After entering your domain details, you will need to prepare your pages.
    • Navigate to the section of the page titled "Configure Pages" and click on the "Copy to Clipboard" button.
    • Open your subdomain codebase and paste the code from above into the section on every non-Shopify subdomain page that you want to track (e.g., the header of your wordpress blog or non-Shopify landing page).
    • Once you have entered the required code into every non-Shopify subdomain page that you want to track, be sure to save your changes.
  • Once you have successfully configured your pages, click the "Mark as Complete" button located at the bottom of the section.
    • (See Figure 4)

Step 17 screenshot

Figure 4

Configuration Confirmation:

  • Once you have successfully configured your non-Shopify subdomain pages, you will be brought to an overview page. If you see a "Marked as Complete" message located at the top of this overview page, then you are all set!
    • (See Figure 5)

Step 18 screenshot

_Figure 5_

How to Implement the Non-Shopify Subdomain Source in an Existing Elevar Account

Add Non-Shopify Subdomains:

  • Begin on your Elevar homepage and use the left-hand navigation menu to click on the "My Tracking" tab.
  • Navigate to the section of the page titled "Sources" and click on the "+ Add Non-Shopify Subdomain" button.
    • (See Figure 6)

Step 1 screenshot

Figure 6

Overview:

  • You will be brought to an Overview page of setting up the non-Shopify subdomains. Ensure that you read the overview and integration notes.
    • If you have a headless site, you will still need to build the custom data layer. Follow our guides to learn how to configure a custom data layer for headless websites.
  • Once you have read the overview information, click on the "Get Started" button located in the lower left-hand corner of this section.
    • (See Figure 7)

Step 15 screenshot

_Figure 7_

Domain Details:

  • After clicking on the "Get Started" button, you will need to enter your domain details.
    • Navigate to the section of the page titled "Overarching Domain(s)" and use the text box to enter your domain. You can add multiple domains by clicking on the "+ Add Another" button and using the text-box to enter additional domains.
    • This setup does not support cross-domain tracking. For example, if you have a blog on blog.website.com and your shop is on shopwebsite.com. When adding multiple overarching domains, the attribution information will be shared across subdomains of each overarching domain, not across overarching domains.
  • After you have entered all of the required information for setting up the domain details, click on the "Save & Continue" button located at the bottom of this section.
    • (See Figure 8)

Step 16 screenshot

Figure 8

Configure Pages:

  • After entering your domain details, you will need to prepare your pages.
    • Navigate to the section of the page titled "Configure Pages" and click on the "Copy to Clipboard" button.
    • Open your subdomain codebase and paste the code from above into the section on every non-Shopify subdomain page that you want to track (e.g., the header of your wordpress blog or non-Shopify landing page).
    • Once you have entered the required code into every non-Shopify subdomain page that you want to track, be sure to save your changes.
  • Once you have successfully configured your pages, click the "Mark as Complete" button located at the bottom of the section.
    • (See Figure 9)

Step 17 screenshot

Figure 9

Configuration Confirmation:

  • Once you have successfully configured your non-Shopify subdomain pages, you will be brought to an overview page. If you see a "Marked as Complete" message located at the top of this overview page, then you are all set!
    • (See Figure 10)

Step 18 screenshot

_Figure 10_