Implementing the Non-Shopify Subdomain Source

Overview

If you have non-Shopify subdomain pages you will need to set up this source if you want to capture attribution data for your shoppers' entire journey.

Examples of Non-Shopify pages are WordPress blogs, third-party landing pages, or a headless website.

For instance, let's say you're 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 > navigates from the Wordpress site to the Shopify Site > and ultimately makes a purchase; you want know that that purchase came from Facebook, not the blog.

🚧

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 on how to implement the Shopify Source on your Shopify Store

Implementing the Non-Shopify Subdomain Source

Get Started:

• 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)

Figure 1

• If you have 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 "Sources" and click on the "+ Add Non-Shopify Subdomain" button.
  • (See Figure 2)

Figure 2

Overview:

• You will be brought to an Overview page. After reading the overview and integration notes, click on the "Get Started" button located in the lower left-hand corner of the section.
  • (See Figure 3)

_Figure 3_

📘

If you have a headless site, you will still need to build the custom data layer

Follow our guides for Headless Documentation.

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.
  • This setup will not support cross-domain tracking. For example, if you have a subdomain like blog.website.com and a separate e-commerce domain like shopwebsite.com, attribution data will be shared among subdomains (such as blog.website.com and another subdomain of website.com), but it will not be shared across different 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 4)

Figure 4

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).
  • 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 5)

Figure 5

That's it! You are all set!