> For the complete documentation index, see [llms.txt](https://infinite-pixel-tracking.gitbook.io/infinite-microsoft-clarity/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://infinite-pixel-tracking.gitbook.io/infinite-microsoft-clarity/infinite-microsoft-clarity/how-to-set-up-microsoft-clarity-on-shopify.md).

# 💡How to set up Microsoft Clarity on Shopify?🤔

**Step 1.** To set up **Microsoft Clarity** on Shopify, you must have to sign up to [Microsoft Clarity account](https://clarity.microsoft.com/projects)**.**\
\
**Step 2.** Next, click on the **settings** icon in Microsoft Clarity, copy the **Project ID,** and navigate to **Infinite Microsoft Clarity.**

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdYKrdOPvcIwtQJhYPlbJhwuh8On0JSv_U69tnl2DAwIKwwSDE2LUSEJpNHj0IZQ06kpbfhENRtKPUCaQ9EI5tf8TCbgpwi5D77yhxAYfAvqKLgo7zZDXTpNPipJQBd2O3K4s-HMQoyy8iaFuiix9MQP_y1?key=k9heDR9hpJMnQ0GrGcLQvg" alt=""><figcaption></figcaption></figure>

\
**Step 3.** Click "**Activate**" to enable Infinite Microsoft Clarity in your **Theme Editor.**

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcUYqZetJLlXnt-Tk6uucpRUa73eXttnJ9-A-594UKss_JdNw6RfR8Lf1kSRh13TYofQU6GDtIoZdmTWV3YMcDiKMrydtW8re0oqswtB_UK68OceiyeOnLAsnnTXkkSz5SKXPkdqex0W6C6q1elaSynl_M?key=k9heDR9hpJMnQ0GrGcLQvg" alt=""><figcaption></figcaption></figure>

**Step 4.** Paste the **Project ID** you copied from Microsoft Clarity into the designated field, then click "**Save.**"

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcU-DVg3Y8SAL4lBaCjD5MB41KR7thgY5x4r-cnuoNczxGiAlwbcfVNS6Vw-Hvf6AXrlf2NqZUZBQjSBCSIg5MWE9B47c3VhMrQ3VpySp1FvXPyWnhUQg8PKq6sGeUpDmv_M1tTD2qyaoI3Eh47vAzrvIQ?key=k9heDR9hpJMnQ0GrGcLQvg" alt=""><figcaption></figcaption></figure>

**Step 5**. Click "**Copy,**" then select "**Customer Events,**" which will take you to the Customer Events section.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcUI8bu0SrEm6duaqUv6WrINPjOBwUVmXYBY3ozqGX8cQ8qWF4TbgYnti-FA-kG3vScvOS1LK3u3HH20jKHzUBwiwv8o5ag_Txc4JzRIw_pVcf10574PIO_iiQUj5lOfYBUrnBQd1oe8ja5Z3C6PY1DW5h5?key=k9heDR9hpJMnQ0GrGcLQvg" alt=""><figcaption></figcaption></figure>

Click on **Add Custom Pixel.**\
&#x20;

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcbGxFsX_JxOVzXdDGM8tfNr8ZSZ3k129EGufBNoephrjQQCgUjd0yWejzdYxTO37LcHmC9UOXXvAb4KFMdK4Kq5O4PlrStjXndNyqyw9vpZqoD34U4kEmGAvzo7horLVjjAHYYT2WWNplWq0BQiTIz0b6h?key=k9heDR9hpJMnQ0GrGcLQvg" alt=""><figcaption></figcaption></figure>

Enter the **Name** of the pixel and click on **Add Pixel.**&#x20;

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeu1LhMaafXNgeD2YXARO19yfy5ri8wXA5aPzA1KXa9lnNWDxm0uuXUh-mnJcMs2zWEdZjIMwEOn46ruyRSya66d4ooPmJurLJzF8Ca9zQ-5l6WjJvjOu50LL5xflI7kwbNtbrZYbhMIC_cN44795vifm8-?key=k9heDR9hpJMnQ0GrGcLQvg" alt=""><figcaption></figcaption></figure>

\
Now, open **Permissions** and select according to your need. If you choose **Required**, the pixel will collect data based on the permissions granted by customers. And if you select **Not Required** pixels will run always and it will collect data without permission. I'm selecting Not Required.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdgGL35tE5NnH8PD6wiwKK8WIDtF9m34akreuQcxuaL_yvzMPfkJ7p5f5I0iRegN-xtcWykNrmMl0qjE8Pp-fD-KyglS7275PIa7KmZyDitkj1hRGlDW9cwszZezGiMfR1Nz1ydbjJsmmgO87SjpquBy2qZ?key=k9heDR9hpJMnQ0GrGcLQvg" alt=""><figcaption></figcaption></figure>

**Delete** this 7-line code from the bottom.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcxyI-AcVSjZ4VM8_VFe_15pTEpibxCOBntDtEAjFn9jl7GGkJKpI1ba8sG-nAtcXO2jiVwMxK68FY5gVhk8fESoLm_YWDA-7e9cNMFzfUi7bCsVhH3xfsA2572EabV2r05cZuNQtFH-yEszLPdUj_QsYR-?key=k9heDR9hpJMnQ0GrGcLQvg" alt=""><figcaption></figcaption></figure>

**Paste** the code you copied from the app here and click on **Save.**

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfMvo8a2Rh4DJwF2kEl8Yx65XLfzK8CUVoXDLEpf1RdgbSNUTsQ3pmkwrd2FsFLquqLMRDAPOCEs7KojMAUW3MXBnazD0AYFA7xDUnN6lGi9Fgk03mP3TbgSVM6KYvbl21pOuoMQxO6QfrU-092el3TEpA?key=k9heDR9hpJMnQ0GrGcLQvg" alt=""><figcaption></figcaption></figure>

Now **connect** it.&#x20;

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfuW6grcAinCJq_B9Vk03ccpuJ7dvlSJ3wMvwL5WvMHDmwx8Q8ZLEMBlrgn4-OE-F27x_2PGZd1bG8s9M3HAdtBEWveDChGPsuUt2rk3bdD_G2UxdQFVhNOHtTe3bgTSNxn4EnaZLco0JQ9hyVfZqj37m1T?key=k9heDR9hpJMnQ0GrGcLQvg" alt=""><figcaption></figcaption></figure>

Your setup is **done successfully🤩.**\
\
Visit your **website** and perform some actions; you’ll be able to view all activities in the **Clarity dashboard,** as well as in the **Recordings** and **Heatmap** sections.\ <br>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdG7lnd_dUtljAlgvTZ4XF27eJZplcnmnPe838cORZhIM4GCUXVUL6kORMZnKgV4saMSJEGo-YS5-FzrQSkrYZxoMu7ZOg1nlWSIniv79kCN5NEdetssUZafaZMM58V7zqG6eJtnwa3paxmZ90GNclwDNUC?key=k9heDR9hpJMnQ0GrGcLQvg" alt=""><figcaption></figcaption></figure>

<mark style="color:red;">**Note:**</mark> <mark style="background-color:yellow;">After setting up Microsoft Clarity, it typically takes about 24 hours for activities to start appearing. So, be patient as the data begins to populate.</mark>

<br>

{% embed url="<https://youtu.be/yKzc3H3VArI?si=njbFHA-5uaiLqiUR>" %}

\
**That’s it!🥳** If you have any **questions** or **need assistance** with the setup, don’t hesitate to reach out. We’re here to help you in every way possible. You can contact us through our **app’s chat box** or [**schedule a meeting**](https://calendly.com/talk-to-specialist/30min) with us.

<br>
