All Collections
Integration
Platform Integrations
Integration Guide: Shopify Public App
Integration Guide: Shopify Public App

Learn more about Listrak's integration with Shopify and how you can integrate.

Support avatar
Written by Support
Updated over a week ago

Whether you sell online, on social media, in store, or out of the trunk of your car, Shopify has you covered.

Want to know how fast and easy it is to integrate Listrak and Shopify? Learn more about how to integrate with Shopify or Shopify Plus using Listrak's Public App integration.

๐Ÿ“Œ Looking to upgrade to Checkout Extensibility? Follow these steps.

Listrak Public App Integration

  1. Navigate to Integrations > Integrations Management.

  2. Click on the New Integrations button.

  3. Scroll down to the New Partner Integrations section of the page.

  4. Select the Shopify Public App integration and click the Integrate button.

  5. Click the Setup Integration button from the Shopify Public App integration page. This will redirect you to the Shopify App Store page for the Listrak app: https://apps.shopify.com/listrak

  6. Click the Add app button to add the Listrak App to your Shopify store.

  7. Input your Shopify store URL (if prompted) and click the Log in button.

    ๐Ÿ’ก If you are already logged in you may not receive this prompt

  8. You will now be redirected to the Shopify App Install Confirmation page for the Listrak Platform. This page allows you to review the details and permissions that the Listrak Platform will be able to access in your Shopify store.

  9. Click the Install app button.

  10. You will now be redirected to Listrak and be asked to re-log in. Click Log In to log into your Listrak account.

  11. After logging in, you will be redirected to the Listrak Integration Manager page to complete the setup of your Shopify integration. Select the merchant from the drop-down that you will be completing this integration for and click Authorize.

    โš ๏ธ If the merchant you are integrating is not showing, some additional work is required. Please contact Listrak Support to get the appropriate merchant set up in your account.

  12. After your integration is authorized:

    1. On the Listrak setup page, a confirmation popup will appear that the integration has been successfully authenticated.

    2. The Listrak app will now appear in the Apps section of your Shopify store.


Shopify Tracking Script Installation

After the Public App is available in the store, you will need to install the Shopify Tracking scripts. You can follow the steps below to install the scripts for the first time or upgrade the pixel and take advantage of Checkout Extensibility.

Shopify Checkout Extensibility SMS Subscription Integration, leverages an upgraded Shopify Pixel Service. This enhancement allows a seamless transition for clients moving from Shopify Liquid to Shopify Checkout Extensibility by enabling them to efficiently capture and store SMS subscriptions within Listrak. As a result, clients can better manage their SMS subscriptions, consolidate customer data, and create more personalized marketing campaigns.

Script Installation:

  1. Navigate to the Shopify Public App integration settings in Integrations > Integrations Management > Shopify Public App

  2. Under the Install Tracking settings, click on the "this guide..." link for the pixel instructions or liquid instructions based on your Shopify integration.

    ๐Ÿ’ก Liquid support will be discontinued by Shopify by August 2024. Learn more about the benefits of the benefits of Shopify Pixel.

  3. Follow the instructions on the modal and listed below to install the necessary tracking scripts in your Shopify store.

    โš ๏ธ The code snippets on this page are specific to the Listrak Merchant and Shopify Store that have been integrated and should not be copied to or reused for any other Shopify Store.

    1. Copy the code snippet from the modal.

    2. On the Shopify Admin Panel, navigate to Online Stores > Themes.

    3. Click the Actions dropdown (3 dot kebab menu) and click Edit Code.

    4. Select the theme.liquid file in the Layout folder in the left sidebar.

    5. Paste the copied code above the closing body tag

      </body>
  4. Follow step #2 in the modal to identify the domain.

    1. Open your website store in a browser.

    2. Open the console in your browser's development tools by clicking F12.

    3. Paste the following code in the console

      _ltk_util.getCookieDomain()
    4. Copy the output from the console and paste it into the modal in Listrak.

  5. If installing a Shopify pixel for the first time, follow these steps:

    1. Copy the code in step #3 of the modal.

    2. Click Settings in the bottom left of the Navigation Pane in the Shopify Admin Panel.

    3. Click on the Customer Events tab and then Add Custom Pixel.

      โš ๏ธ If you see an existing pixel associated with Listrak, please go to step #6.

    4. Give the pixel a name and confirm the settings by clicking Add Pixel.

    5. In the code window delete all commented out code.

    6. Paste the copied code into the area you just deleted.

    7. Click Save and then Connect Pixel.

  6. If upgrading a Shopify pixel, follow these steps:

    1. Copy the code in step #3 of the modal.

    2. Click Settings in the bottom left of the Navigation Pane in the Shopify Admin Panel.

    3. Click on the Customer Events tab.

    4. Click on the name of the existing Listrak pixel.

    5. In the code window delete all commented out code.

    6. Paste the copied code into the area you just deleted.

    7. Click Save.

  7. Once you complete the steps to manually install the scripts you can return to the Shopify Public App setup and click the "Update Settings" button to activate the integration scripts.

Confirm Script Installation:

Once the Shopify Scripts have been successfully installed on your site, the message in the blue box in the Install Tracking section will update. The message "We detect tracking scripts on your Shopify store" will display.


Add or Update Shopify Subscription Points

After installing Shopify, you will need to create two subscription points to subscribe email addresses and phone numbers submitted during the checkout process. The email subscription point will use the subscribe ID Checkout and the SMS subscription point will use the subscribe ID CheckoutSMS.

โš ๏ธ If you are upgrading to Checkout Extensibility, ensure the subscribe ID matches the required naming listed above.

Follow these instructions for creating Email or SMS subscription points.

๐Ÿ’ก Tips for setting up subscription points:

  • Ensure the merchant selected in the subscription point popup matches the merchant of the Shopify store you are integrating.

  • Associate your SMS subscription point with a campaign to enter contacts into an SMS list subscription campaign.

  • All email subscribers will automatically enter a subscription journey associated with the list selected during setup.



About the Shopify Checkout Extensibility Pixel

Shopify introduced the Checkout Extensibility in 2022 to provide a faster, better performing, more secure, and upgrade-safe option than checkout.liquid for checkout customizations using Shopify apps. Listrak's custom pixel integration utilizes Checkout Extensibility to enable data collection and contact identification using secure, first-party data.

All Shopify clients should upgrade their integration to utilize the pixel before August 2024 as Shopify will discontinue support for the checkout.liquid integration method. Clients should follow the instructions found by following the guide found in step #2 of the Script Installation section of this guide.

The pixel collects the following Standard Web Pixel events:

  • checkout_started

  • checkout_address_info_submitted

  • checkout_contact_info_submitted

  • checkout_completed

After data is collected it is then sent to Listrak and processed within the Listrak system. When the checkout_completed event is sent to Listrak an order is created. If a customer opts into marketing messages during the checkout flow the Checkout subscription point will subscribe a contact to marketing messages. If a client is integrated with SMS, the same process will occur using the CheckoutSMS subscription point when a customer opts in to SMS mobile messaging. Learn more about setting up email or SMS subscription points.

The pixel also collects Listrak's standard tracking identifiers and processes email addresses or phone numbers to power Listrak automation, such as cart abandonment.

Did this answer your question?