Help Desk
العربية
Go to dashboard

Connect Clarity, Hotjar, Crazy Egg, Contentsquare and Smartarget to your Zid store

Visitor analytics tools record how shoppers move through your store: where they click, how far they scroll and where they leave before buying. Session recordings and heatmaps show you what to fix on a product or checkout page. Smartarget adds engagement widgets, such as stories, reviews and contact buttons, to your storefront.

Each tool has a free app in the App market, most of them in the Analytics & Reports category, and you connect it the same way: create an account with the tool, copy the code it gives you, and paste it in the app's Account code field. You pay the tool directly for any paid plan it offers.

AppWhat it doesThe code you enter
Microsoft ClarityFree session recordings, heatmaps and AI insights from MicrosoftYour Clarity project ID
HotjarSession recordings, heatmaps and visitor feedback, to understand how customers behaveYour Hotjar site ID
CrazyeggHeatmaps, scroll maps, traffic sources by click, and session recordingsYour account number, such as 1234/5678
Content SquareFull visitor journeys, heatmaps and session replay, without manual taggingThe ID in your Contentsquare tag
SmartargetWidgets that engage visitors, such as stories, reviews and corner ribbonsYour Smartarget user ID

Activate the app in Zid

  1. In your Zid dashboard, open Apps > App Market and search for the tool's name.

  2. Open the app's page and click Activate. The page scrolls to the App activation card.

  3. Paste the code from the tool in Account code. The field's example shows what the code looks like.

  4. Click Activate. The card shows Activated.

To change the code later, click Edit on the card, update Account code and click Save.

Microsoft Clarity

Clarity installs itself through Google Tag Manager, with no code to paste: it tracks your visitors' behavior and gives you session recordings and heatmaps to improve your store.

Before you start, connect Google Tag Manager to your store. See Connect Google Tag Manager.

  1. Go to Microsoft Clarity and sign in, or create an account, with your email, a Google account or a Microsoft account.

  2. Click New project and fill in the project details: your store's name, its address and your business category. Then click Add new project.

The Add new project dialog in Microsoft Clarity with the name, website URL and industry fields
Personal details are covered.
  1. Your new project opens. Click View all platforms.

The Almost there page of a new Clarity project with the View all platforms button
Personal details are covered.
  1. Choose Google Tag Manager from the supported platforms.

The All platforms page in Clarity with Google Tag Manager among the popular platforms
Personal details are covered.
  1. Click Connect now.

The Google Tag Manager installation method in Clarity with the Connect now button
Personal details are covered.
  1. Choose the Google account you use for Google Tag Manager.

The Google account chooser to continue to Microsoft Clarity
Personal details are covered.
  1. Click Continue to allow Clarity the access it asks for.

The Google screen asking to give Microsoft Clarity access, with the Continue button
Personal details are covered.
  1. Choose your Tag Manager account and your store's container, then click Create and publish.

The Select account to connect to step in Clarity with the account and container lists and the Create and publish button
Personal details are covered.
  1. Clarity confirms the connection: Google Tag Manager integration shows Connected.

The Setup page in Clarity with the Google Tag Manager integration marked Connected
Personal details are covered.
  1. To test it, visit your store, then refresh Clarity and open Recordings.

The Setup page in Clarity with the Recordings tab marked
Personal details are covered.

Your visit appears in the recordings after a short delay, with the page you entered on, your device and your country.

A Clarity session recording of a visit to a Zid store, with the recording's details
Personal details are covered.

You can also connect Clarity with the Microsoft Clarity app instead: copy the project ID from the project's settings and paste it in the app's Account code. Use one method, not both.

Hotjar

Hotjar records your visitors' movements in your store and gives you the details you need to understand customer behavior and judge how your store performs.

  1. In Zid, open the Hotjar app from the App Market. It asks for the site ID from your Hotjar account.

  2. If you don't have a Hotjar account, sign up with your email. You can start on the free plan to try the service, then upgrade.

The Create your Hotjar account page with the full name and email fields
Personal details are covered.
  1. Hotjar emails you a code. Enter it and click Confirm.

The Check your email for a code page in Hotjar with the code boxes and the Confirm button
Personal details are covered.
  1. Set a password that meets the rules shown, accept the terms of service and click Next.

The Welcome page in Hotjar with the password field, the terms of service box and the Next button
Personal details are covered.
  1. Choose everything you want to achieve with Hotjar and click Next.

The What do you want to achieve with Hotjar page with its options and the Next button
Personal details are covered.
  1. Enter your role, whether you manage the account for clients, and your organization's name and size, then click Next.

The Tailor-made just for you page in Hotjar with the role, organization name and size fields
Personal details are covered.
  1. Enter your store address and the site type, then click Start Using Hotjar.

The page for setting up your first site in Hotjar with the site URL and site type fields and the Start Using Hotjar button
Personal details are covered.
  1. Copy the Site ID shown on the installation page, paste it in Account code in the Hotjar app in Zid, and click Activate.

The Welcome to Hotjar installation page with the tracking code and the Site ID at the bottom
Personal details are covered.
  1. Back in Hotjar, open Verify installation, enter your store address and click Verify Installation to confirm that Hotjar runs on your store.

The Verify installation tab in Hotjar with the site URL field and the Verify Installation button
Personal details are covered.

Once verified, Hotjar opens your dashboard:

  • Incoming, in the menu on the left, collects visitor feedback. Filter it by period and by rating, and create more than one feedback widget.

The Incoming Feedback page in Hotjar with the period and rating filters
Personal details are covered.
  • Recordings shows each visitor's journey: the pages they visited and how long they stayed. Filter the list, then play a recording to watch how a visitor behaved in your store.

The Recordings page in Hotjar with the list of recorded visits and their play buttons
Personal details are covered.

Crazy Egg

Crazy Egg records each visit from the moment a visitor enters your store until they leave, so you discover your customers' shopping patterns.

  1. Go to Crazy Egg, enter your store address and click Show me my Heatmap.

The Crazy Egg home page with the website URL field and the Show me my Heatmap button
Personal details are covered.
  1. Sign up with your email.

The Create your account page in Crazy Egg with the email field
Personal details are covered.
  1. Set your password, agree to the terms of use and click Continue.

The Welcome aboard page in Crazy Egg with the password field, the terms box and the Continue button
Personal details are covered.
  1. Choose the plan that suits you. Every plan starts with a 30-day free trial.

The Crazy Egg plans with a 30-day free trial on every plan
Personal details are covered.
  1. Enter your card details to complete the payment.

The Crazy Egg billing information form for the 30-day trial
Personal details are covered.
  1. In your Crazy Egg dashboard, click Install Crazy Egg.

The Crazy Egg dashboard with Install Crazy Egg in the menu
Personal details are covered.
  1. Choose to install the tracking script yourself.

The Crazy Egg installation methods with I can install the tracking script myself selected
Personal details are covered.
  1. The script shows your account number between scripts/ and .js: two groups of digits separated by a slash. Copy only that number, paste it in Account code in the Crazyegg app in Zid, and click Activate.

The Crazy Egg tracking script with the account number marked inside the script address
Copy the account number between scripts/ and .js.Personal details are covered.
  1. Back in Crazy Egg, click Next, enter your store address and click Check URL to confirm the script runs, then click Next.

The Crazy Egg installation check with the URL field, the Check URL button and the Crazy Egg Installed confirmation
Personal details are covered.

Heatmaps and recordings become useful once enough visitors have come to your store. With little traffic, give them a few weeks before you draw conclusions.

Contentsquare

Contentsquare records the whole visitor journey without setting up events or manual tracking, and turns it into clear, interactive insights that help you improve your customers' experience and conversion rates.

  1. Create a Contentsquare account if you don't have one.

  2. On the Get started page, open Tag installation and look at the code under Copy the code.

  3. Copy the ID in the script address: the letters and numbers after the last / up to .js.

The Get started page in Contentsquare, with the Tag installation step and the tracking code
The tag ID is the part of the script address between /uxa/ and .js.Personal details are covered.
  1. In Zid, open the Content Square app from the App Market, paste the ID in Account code and click Activate.

  2. Back in Contentsquare, click Verify installation.

Smartarget

Smartarget offers widgets that increase engagement with your store's visitors and customers.

  1. In Zid, open the Smartarget app from the App Market. It asks for the user ID from your Smartarget account.

  2. If you don't have a Smartarget account, go to Smartarget and click Sign up for free.

The Smartarget home page with the Sign in and Sign up for free buttons
Personal details are covered.
  1. Open the Integration tab and copy your user ID. Paste it in Account code in the app in Zid and click Activate.

The Integrations page in Smartarget with the user ID field and its copy button
Copy the user ID from the Integration tab.Personal details are covered.
  1. In Smartarget, open Websites and click Add website.

The Websites page in Smartarget with the Add website button
Personal details are covered.
  1. Enter your store address, without http or www, and click Add.

The Add website dialog in Smartarget with the website URL field and the Add button
Personal details are covered.
  1. All the stores in your Smartarget account appear. Click Configure Apps under the store you want.

The Websites list in Smartarget with Configure Apps under each store
Personal details are covered.
  1. Browse the widgets by category, click Connect App on the one you want, adjust its settings and save.

The apps for a store in Smartarget, such as Stories, Reviews and Corner Ribbon, each with Connect App
Personal details are covered.

The widgets appear on your store once you save their settings in Smartarget.

Every tracking tool loads on your store's pages. If you also use Google Tag Manager or several pixels, check that your pages still load quickly.

Did this article solve your problem?
Your answer helps us see what needs improving.

Still need help?

Our customer service team is ready to help, or find quick answers in the FAQ.

Contact usRead the FAQ