Integrating Popin Sales Tracking on Shopify

Integrating Popin Sales Tracking on Shopify

To ensure seamless sales tracking with Popin, please follow the steps below to integrate the new Popin sales tracking pixel into your Shopify store.

Steps to Integrate Popin Sales Tracking

Step 1: Access Your Shopify Admin Panel

  1. Log in to your Shopify account.
  2. From the Shopify admin dashboard, navigate to the Settings section located at the bottom-left corner of the page.

Step 2: Navigate to Customer Events

  1. In the Settings menu, find and select Customer Events from the list.

Step 3: Add the Custom Pixel

  1. Click on the Add Custom Pixel button.
  2. In the dialog box that appears, enter the following details:
    • Name: popin_saletrack
    • Code: Copy and paste the following script, ensuring to replace YOUR_SELLER_ID with your unique seller ID from your Popin dashboard:

  2. const popinSalesTracker = async ({ sellerId, orderId, amount }) => { 
  3.     var popinDomain = "https://widget01.popin.to";
  4.     var popinUserData = await localStorage.getItem("popinUserData");
  5.     if (popinUserData) {
  6.         popinUserData = JSON.parse(popinUserData);
  7.         fetch(popinDomain + "/api/v1/user/sale", {
  8.             method: "POST",
  9.             headers: {
  10.                 "Content-Type": "application/json",
  11.                 Authorization: `Bearer ${popinUserData.popInToken}`,
  12.             },
  13.             body: JSON.stringify({
  14.                 seller_id: sellerId,
  15.                 order_id: orderId,
  16.                 amount: amount,
  17.             }),
  18.         });
  19.     }
  20. };

  22. analytics.subscribe("checkout_completed", (event) => {
  23.     popinSalesTracker({
  24.         sellerId: YOUR_SELLER_ID, // Replace with your seller ID
  25.         orderId: event.data?.checkout?.order?.id,
  26.         amount: event.data?.checkout?.totalPrice?.amount
  27.     });
  28. });

Step 4: Save Your Changes

  1. Once you've entered the name and code, click the Save button to activate the new pixel.

Step 5: Verify Integration

  1. After saving, it’s important to verify that the Popin sales tracking is functioning correctly. You can do this by making a test purchase and checking if the tracking data is recorded properly in your Popin dashboard.

    • Related Articles

    • Integrating Popin SDK in Android

      Introduction This article explains how to integrate and use the PopinAndroidSDK library to add video calling functionality in your Android application. The SDK is easy to integrate and comes with pre-built classes like PopinConnectingDialog to handle ...

    • How do I understand my profile on Popin Seller App?

      1. Accessing Your Profile * Go to your profile in the Popin app. * Locate the online-offline switch. 2. Viewing Ratings and Reviews * See the ratings you have received. * Check out the reviews left for you. 3. Tracking Sales * Monitor the total sales ...

    • Purpose of Popin: 1-1 Video Shopping Software

      1. Introduction to Popin: * Popin is a 1-1 video shopping software as a service. * It is used for consultative selling, product demos, and personalized customer interactions. 2. Customer Journey: * Problem: Customers may feel overwhelmed by product ...

    • Case Study: Buildmyplace Leverages Popin’s Independent Links for Social Media Success

      Background Buildmyplace, a leading home improvement retailer, had been using Popin’s video call solution to provide personalized product consultations. With an impressive 20% conversion rate on video calls, it was clear that live, face-to-face ...

    • How to integrate your custom CRM on Popin?

      Guide for API Integration with Popin Welcome to the integration guide for the Popin! To enable seamless communication between your e-commerce website and our system, you need to provide two APIs: Lead Submission API - This API will allow us to pass ...