Skip to main content

How to install Uxify?

Showcasing the installation process of Uxify in popular platforms.

Vasil Dachev avatar
Written by Vasil Dachev
Updated this week

Installing our service on your website is a quick and straightforward process that involves adding a small script to the <head> section of your site’s code. This guide will walk you through the steps to integrate our service on platforms like Shopify, WordPress, Wix, and more.

The very first step is to Request early access through our form. The form can be easily found on any page of our website uxify.com. Once you submit it, our team will reach out to you and onboard you.

Upon successful registration and creating an account you will be granted a snippet similar to the example below:

<script data-cfasync="false">!function(){var t=document.createElement("script");t.src="https://cwv.io/TOKEN_HERE",t.async=!0,t.id="uxbwv",t.setAttribute("data-cfasync","false"),t.setAttribute("nitro-exclude",""),t.fetchPriority="high",document.head.appendChild(t)}();</script>

Why installing Uxify is important

Installing Uxify using our script significantly enhances your website’s performance through Navigation AI, while also enabling powerful monitoring and intelligence capabilities.

Adding the script to the <head> ensures it loads early, allowing Uxify to observe real user behavior, surface actionable insights, and optimize the experience from the very first interaction.

How to install our service on different platforms

Shopify

Step 1: Log in to your Shopify Admin.

Step 2: Go to Online Store > Themes.

Step 3: Click Actions next to your active theme, and then select Edit Code.

Step 4: In the file directory on the left, locate the theme.liquid file under the Layout folder.

Step 5: Find the <head> tag in the theme.liquid file. Paste the script immediately after the opening <head> tag.

Step 6: Save the changes, and our service will be active across your site.

WordPress

Step 1: Log in to your WordPress Admin Dashboard.

Step 2: Go to Appearance > Theme File Editor.

Step 3: On the right-hand side, select the header.php file under Theme Files.

Step 4: Locate the <head> tag and paste the script right after it.

Step 5: Save the changes, and our service will be integrated into your site.

Alternative Method: If you prefer not to edit theme files directly, you can use a plugin like "Insert Headers and Footers." After installing the plugin, navigate to Settings > Insert Headers and Footers, and paste the script into the Scripts in Header box.

Wix

Step 1: Log in to your Wix account and open your site editor.

Step 2: Click on Settings in the left-hand menu, then select Tracking & Analytics.

Step 3: Click + New Tool and choose Custom.

Step 4: Set the script type to Head and paste the script into the provided box.

Step 5: Decide whether to apply the script to all pages or specific ones.

Step 6: Save and publish your site to complete the installation.

Magento (Adobe Commerce)

Step 1: Log in to your Magento Admin Dashboard.

Step 2: Navigate to Content > Design > Configuration.

Step 3: Find your active theme and click Edit under Actions.

Step 4: Scroll down to the HTML Head section.

Step 5: In the Scripts and Style Sheets field, paste the script code.

Step 6: Click Save Configuration.

Step 7: Clear the cache by going to System > Tools > Cache Management and clicking Flush Magento Cache.

BigCommerce

Step 1: Log in to your BigCommerce Admin Dashboard.

Step 2: Go to Storefront > Script Manager.

Step 3: Click Create a Script.

Step 4: In the Script Details section:

  • Name: Give your script a name (e.g., "Service Integration Script").

  • Location on Page: Choose Head to ensure the script loads in the <head> section.

  • Select pages where script will be added: Choose All Pages or select specific pages where you want the script to run.

Step 5: In the Script Type section:

  • Script Type: Choose Script.

  • Script Content: Paste the script code provided.

Squarespace

Step 1: Log in to your Squarespace account and open your site editor.

Step 2: In the left-hand menu, go to Settings > Advanced > Code Injection.

Step 3: In the Header section, paste the script code.

Step 4: Click Save.

Step 5: Publish your site to make the script active.

To ensure Uxify is properly integrated and ready to deliver performance, monitoring, and intelligence benefits, simply add the provided script to the <head> section of your website. Whether you’re using Shopify, WordPress, Wix, or another platform, the steps above will walk you through the process with ease.

By following this guide, you’ll enable Uxify to start optimizing your site and enhancing the user experience right away. If you need help configuring the snippet, our support team is always here to assist you - don’t hesitate to reach out!

Did this answer your question?