Installing Uxify 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 create an account at Uxify and if you have not done it yet, it takes just 1 minute at app.uxify.com/getstarted. Following the onboarding steps, you will be presented with 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's snippet gives you user intelligence and optimization superpowers. Our script significantly enhances your website’s performance through Navigation AI, while also enabling powerful intelligence and monitoring 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
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
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
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)
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
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
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!
Most common questions
Q: Will Uxify function if I add it in the HTML or at the footer instead of the header?
Yes, it will still function. However, performance may be slightly reduced. The earlier Uxify detects user navigation, the sooner it can gather insights and apply optimizations, so placing it in the header is recommended when possible.
Q: Can I add it via Google Tag Manager?
Yes. Uxify can be added through Google Tag Manager.
Q: Should I remove other optimization or data tracking tools I'm running?
No. Uxify is highly compatible with third-party tools, including analytics and optimization platforms, and can run alongside them smoothly.