Shopify CustomApp Integration

Katalys requires advertisers to have our tracking technology running on your store’s pages (for user verification) and on “Thank You” pages (for capturing conversions). Katalys has developed an integration with Shopify’s CRM/CMS system that solves both of these with an easy to install private app.

Prerequisites

• You must have access to Shopify’s “App development” settings page inside your Shopify store. This typically requires admin-level access to your Shopify store.

  • You can read more about custom apps on Shopify’s Help Center.

• You must have an active Katalys advertiser profile account (Katalys Marketing Platform, a.k.a., “KMP”)

  • If you do not have a KMP advertiser profile, please create a profile by clicking here, or read more about this process in our Onboarding Guide.

  • Your user account must be an Admin member of your Katalys advertiser profile.

Installation

To perform the installation, you will open two windows and copy information between them. Open the following 2 links in new windows by right-clicking on them each and selecting “Open in new window”:

1. Your Shopify store’s “App Development” page →

2. The Katalys<>Shopify CustomApp Installation page →

Now follow the instructions in the video, or in the step-by-step list below.

Part 1: Create a Shopify custom app

In this part, you will create a Shopify custom app that is private to your account. This app will control the API keys used to access your store’s data.

1. Inside your Shopify store, create a development application by opening your Shopify store’s “App Development” page and clicking “Create an app”. We recommend naming the app “Katalys Advertiser Integration”, but you can choose any name that works for you.
   Go there now →

   

2. Give your app permission to access your data by clicking “Configure Admin API scopes” and selecting the following four (4) scopes: read_orders, read_products, read_script_tags, and write_script_tags. Then click “Save” to commit your changes.
   
   When complete, you should be able to confirm on the “Configuration” tab that 4 access scopes have been configured for your app.

   

3. Click on the tab “API Credentials”, and then “Install app”, and confirm your selection. You will be presented with your API access token, API key, and API secret key. These are the credentials you need in the next step.

   

Part 2: Copy/Paste credentials from Shopify into Katalys

In Part 2, you will copy the API credentials from the custom app you created in Part 1 into the Katalys system.

1. While keeping the Shopify store tab open, open the Katalys<>Shopify CustomApp page in a new tab or window.
   Go there now →

   

2. Enter your Shopify store’s name.
   Your store’s name will be a URL-safe string. It can be found in the URL of the page, or if you have no associated a custom domain with your store, you can find it under the name of your store as a my-shop-name.myshopify.com domain name. You can also enter the name as a domain name, like https://my-shop-name.myshopify.com/. Any of these formats will work.

   

3. Copy the API access token, API key, and API secret key from the Shopify window and into the Katalys form window.

4. Submit the form to proceed.

5. If you have access to multiple Advertiser profiles, you will be presented with a list of profiles to associate with your Shopify store. Choose which profile you are connecting to Shopify.

After completion, you should be presented with a message “Installation Successful”. If you instead presented with an error, please double-check that your custom app’s access scopes are correct, and that you copy/pasted the credentials correctly.

Part 3: Confirm ThankYou page has the pixel

If you use Checkout Extensibility (available via Shopify Plus), your ThankYou page will use a new Shopify framework and not be compatible with the CustomApp approach. You must create the pixel manually, using the steps below.

1. Perform a test transaction, open the Chrome debugger, look for a request to db.revoffers.com. If you do not see one, you need to manually add the pixel to your Thank-You page

2. Create custom pixel with following code (OLEKSII: can you please add screenshots)

   1. Where do I go?
      what do I click on?

3. Paste the code into the box:

   1. LINK TO KMP: go to integrations page

   2. SCREENSHOT – copy the code

var el=document.createElement("script");
el.src="https://db.revoffers.com/js/REPLACE_WITH_ACTUAL_SITE_ID.js";
(document.head||document.getElementsByTagName("head")[0]).appendChild(el);

analytics.subscribe('checkout_completed', (event) => {
  const checkout = event.data.checkout;
  _revoffers_track = window._revoffers_track || [];
  _revoffers_track.push({ 
    action: "convert",
    order_id: checkout.order.id
  });
});

Compatibility with other Shopify Apps

In general, the Katalys app is a read-only application. There are no known compatibility issues or concerns where the Katalys app might cause another application to fail. There are, however, applications that prevent the Katalys app from working correctly by preventing JavaScript from being added to the page, or by changing or replacing the post-sale “Thank You” pages.

If you are using other Shopify applications that modify or replace post-sale pages, you might need to take extra steps within those apps so that Katalys tracking works correctly. Please review the Shop App Compatibility page for more details.

Frequently Asked Questions: