How to install the Zoho PageSense snippet on Shopify | Help guide?

Install the PageSense snippet on Shopify

If you are using Shopify, an eCommerce platform used to set up your online store and sell products worldwide, then you can effortlessly add the PageSense snippet code on your Shopify websites and start tracking visitor data with a few simple clicks, without the need to add the code manually. Once after you successfully install the PageSense code, you can run experiments and optimize your web pages through the diverse set of services that PageSense offers, such as heatmap, session recordings, A/B testing, funnel analysis, and more. Furthermore, PageSense also allows you to integrate with traditional analytics tools like Google Analytics to get more in-depth insights about your website's performance.

Notes

Important: Shopify doesn't allow third-party scripts in the Checkout. You will only be able to track your Storefront and your Order Confirmation page when PageSense code is installed.

To install the Zoho PageSense code on all the pages of your Shopify

1. Open your Zoho PageSense account on the web browser, click Snippet tab on the top bar and click Copy to copy the code for your Project.


2. Log in to your Shopify account 'https://accounts.shopify.com/store-login' , click Online Store and then Themes on the left pane.



3. Click on the more option near to the customize button on the page and choose Edit code.



4. Under Layout, select theme.liquid and search for </head> tag on the page. 

5. Paste the PageSense code snippet copied in Step 1 above just before the </head> tag. 



NotesNote: Some themes will use the tag {/head}, [/header], or other variations of [/head]. All of these will work in the same way.
6. Once done, click Save at the top right corner of the page.

7. Once your PageSense code snippet is verified on your website, you will be able to create experiments and track your website metrics in Zoho PageSense.

To install the PageSense code in the checkout page of your Shopify site

1. Click on Settings > Customer Events > Add Custom Pixel.



2. Add the below mentioned codes inside your Custom Pixel to begin tracking of your site.
  1. const pageSenseScript = document.createElement("script");
  2. pageSenseScript.type = "text/javascript";
  3. // Replace the snippet url below
  4. pageSenseScript.src = "<SNIPPET_SRC>";
  5. document.head.appendChild(pageSenseScript);
Info
Replace <SNIPPET_SRC> with the PageSense tracking snippet from the related Project you wish to track your Shopify site.
  1. // For tracking the Checkout event
  2. analytics.subscribe("checkout_started", (event) => {
  3.     // Use the Custom Goal code for tracking Purchase Event here
  4.     window.pagesense = window.pagesense || [];
  5.     window.pagesense.push(['trackEvent', '<CHECKOUT-EVENT>']);
  6. });
Info
Replace the <CHECKOUT-EVENT> with the event name of your goal.
  1. // For tracking the Purchase event and Revenue Goal
  2. analytics.subscribe('checkout_completed', (event) => {
  3.     const checkout = event.data.checkout;
  4.     const checkoutTotalPrice = checkout.totalPrice?.amount;
  5.     // Use the Revenue Goal code, and replace REVENUE-GOAL-ID below
  6.     window.pagesense = window.pagesense || [];
  7.     window.pagesense.push(['trackRevenue', '<REVENUE-GOAL-ID>', (checkoutTotalPrice * 100)]);
Info
Replace the <REVENUE-GOAL-ID> with the revenue goal ID.
This a sample screenshot of your revenue goal ID:

InfoInfo: To ensure that the script is working correctly, clear your browser cache.
Note that the verification message will not show up in your browser window, if your web page loads for more than 10 seconds. However, in such instances, the PageSense code snippet status will be successful at the back-end and be ready to track visitors' data on your website.

To manually verify the presence of the code on your site:
1. Click the Project Settings on the top bar, go to Project Info tab and copy the Project Key given on the page.

2. Open your website on a browser, right-click on the page and choose 
Inspect from the menu.

3. Now, c
lick the Networtab and paste the Project key within the Filters textbox as shown in the figure.

4. Once you enter the Project key, refresh and the same should reflect as a Java script in the first place as shown below.

We hope this documentation helps make the process easy for you. Please feel free to reach out to us anytime by dropping an email to support@zohopagesense.com if you need more explanation or have any questions.

      Create. Review. Publish.

      Write, edit, collaborate on, and publish documents to different content management platforms.

      Get Started Now


        Access your files securely from anywhere

          Zoho CRM Training Programs

          Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.

          Zoho CRM Training
            Redefine the way you work
            with Zoho Workplace

              Zoho DataPrep Personalized Demo

              If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.

              Zoho CRM Training

                Create, share, and deliver

                beautiful slides from anywhere.

                Get Started Now


                  Zoho Sign now offers specialized one-on-one training for both administrators and developers.

                  BOOK A SESSION







                              Quick LinksWorkflow AutomationData Collection
                              Web FormsEnterpriseOnline Data Collection Tool
                              Embeddable FormsBankingBegin Data Collection
                              Interactive FormsWorkplaceData Collection App
                              CRM FormsCustomer ServiceAccessible Forms
                              Digital FormsMarketingForms for Small Business
                              HTML FormsEducationForms for Enterprise
                              Contact FormsE-commerceForms for any business
                              Lead Generation FormsHealthcareForms for Startups
                              Wordpress FormsCustomer onboardingForms for Small Business
                              No Code FormsConstructionRSVP tool for holidays
                              Free FormsTravelFeatures for Order Forms
                              Prefill FormsNon-Profit
                              Intake FormsLegalMobile App
                              Form DesignerHRMobile Forms
                              Card FormsFoodOffline Forms
                              Assign FormsPhotographyMobile Forms Features
                              Translate FormsReal EstateKiosk in Mobile Forms
                              Electronic Forms
                              Drag & drop form builder

                              Notification Emails for FormsAlternativesSecurity & Compliance
                              Holiday FormsGoogle Forms alternative GDPR
                              Form to PDFJotform alternativeHIPAA Forms
                              Email FormsEncrypted Forms

                              Secure Forms

                              WCAG

                                      Create. Review. Publish.

                                      Write, edit, collaborate on, and publish documents to different content management platforms.

                                      Get Started Now






                                                        You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.




                                                            Manage your brands on social media


                                                              • Desk Community Learning Series


                                                              • Digest


                                                              • Functions


                                                              • Meetups


                                                              • Kbase


                                                              • Resources


                                                              • Glossary


                                                              • Desk Marketplace


                                                              • MVP Corner


                                                              • Word of the Day


                                                              • Ask the Experts


                                                                Zoho Sheet Resources

                                                                 

                                                                    Zoho Forms Resources


                                                                      Secure your business
                                                                      communication with Zoho Mail


                                                                      Mail on the move with
                                                                      Zoho Mail mobile application

                                                                        Stay on top of your schedule
                                                                        at all times


                                                                        Carry your calendar with you
                                                                        Anytime, anywhere




                                                                              Zoho Sign Resources

                                                                                Sign, Paperless!

                                                                                Sign and send business documents on the go!

                                                                                Get Started Now




                                                                                        Zoho TeamInbox Resources





                                                                                                  Zoho DataPrep Demo

                                                                                                  Get a personalized demo or POC

                                                                                                  REGISTER NOW


                                                                                                    Design. Discuss. Deliver.

                                                                                                    Create visually engaging stories with Zoho Show.

                                                                                                    Get Started Now









                                                                                                                        • Related Articles

                                                                                                                        • Install the PageSense code snippet on Unbounce

                                                                                                                          If you're using Unbounce to design and publish your landing pages, you can add the PageSense snippet code to your Unbounce pages and campaigns with a few simple clicks to track, analyz,e and optimize your web pages for better conversions. Once you ...
                                                                                                                        • Install the PageSense code snippet on Squarespace

                                                                                                                          Squarespace is a website building platform that helps you to build creative websites using its amazing drag and drop editor and showcase your work online.  This guide helps you with few simple steps to add the PageSense snippet code on your ...
                                                                                                                        • Install the PageSense code snippet on Prestashop

                                                                                                                          Zoho PageSense is a software used for website testing and optimization that lets you measure your key website metrics, understand your visitors' online behavior, and give them a personalized website experience to boost conversions. To use PageSense ...
                                                                                                                        • Install the PageSense code snippet on Instapage

                                                                                                                          Instapage helps you turn clicks into customers by optimizing your landing pages. Like other website building softwares(such as Wix, Shopify, and Zoho Sites), the PageSense snippet code can be added to Instapage websites without the need to install ...
                                                                                                                        • Install the PageSense code snippet on Wix

                                                                                                                          If you're using Wix, cloud-based software to build and customize your online business website, you can add the PageSense snippet code on your Wix sites to start quickly start tracking and understanding all of your website data with ease. This ...
                                                                                                                          Wherever you are is as good as
                                                                                                                          your workplace

                                                                                                                            Resources

                                                                                                                            Videos

                                                                                                                            Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                                                                                                            eBooks

                                                                                                                            Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                                                                                                            Webinars

                                                                                                                            Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                                                                                                            CRM Tips

                                                                                                                            Make the most of Zoho CRM with these useful tips.



                                                                                                                              Zoho Show Resources