Skip to main content
All CollectionsRelevic Crash Course
How to Integrate Relevic with Your Website
How to Integrate Relevic with Your Website

Instructions for embedding the Relevic script on various platforms

Updated over 3 months ago

Overview:

Integrating Relevic with your website is essential to start using its powerful personalization features. Relevic uses a simple JavaScript (JS) code to track visitor behavior and deliver personalized content in real time. This guide will cover how to integrate Relevic’s script with six popular website-building tools: WordPress, Wix, Squarespace, Webflow, Shopify, and HubSpot, and how to verify that the script is working correctly.

Steps to Integrate Relevic with Your Website:

Accessing the Relevic Script:

  • Log in to your Relevic dashboard and navigate to the Configuration tab.

  • Copy the personalized JavaScript embed code provided.

Pro Tip: Ensure you have access to your website’s backend or contact your developer to handle the script integration.

1. WordPress:

WordPress, as a widely-used CMS, allows easy code integration through themes or plugins.

Steps for WordPress:

  • Log in to your WordPress admin dashboard.

  • Navigate to Appearance > Theme Editor or use a header/footer plugin.

  • Select the header.php file from your active theme under the Theme Files section.

  • Paste the Relevic script just before the closing </head> tag.

  • Save the changes.

Pro Tip: If you want an easier way to manage header scripts, consider using a plugin like Insert Headers and Footers to handle the Relevic script.

2. Wix:

  • Log in to your Wix account and open the site’s Dashboard.

  • Navigate to Settings > Tracking & Analytics.

  • Click New Tool and select Custom.

  • Paste the Relevic script into the Header Code field.

  • Click Apply and publish the changes.

3. Squarespace:

  • In your Squarespace account, go to Settings > Advanced > Code Injection.

  • Paste the Relevic script into the Header section.

  • Save the changes and republish your site.

4. Webflow:

  • Open your Webflow project and go to Project Settings.

  • Click on the Custom Code tab.

  • Paste the Relevic script into the Header Code section.

  • Save the changes and publish your website.

5. Shopify:

  • Log in to your Shopify admin panel.

  • Go to Online Store > Themes and click Actions > Edit Code.

  • Under Layout, select theme.liquid.

  • Paste the Relevic script right before the closing </head> tag.

  • Click Save to apply the changes.

6. HubSpot:

  • Go to your HubSpot account’s Marketing section and navigate to Website > Website Pages.

  • Select Settings > Advanced Options for the page you want to edit.

  • Paste the Relevic script into the Header HTML section.

  • Save and publish the changes.

Verifying the Script Installation:

After inserting the script, follow these steps to verify that it is working properly:

  • Return to the Configuration tab in your Relevic dashboard.

  • Enter the URL of your website in the verification field and click Verify.

  • If the script is properly installed, Relevic will display a confirmation message, indicating that the script is active and ready to track data.

Pro Tip: Additionally, you can inspect your website’s HTML source code using developer tools in your browser to ensure the Relevic script is correctly placed in the header section.

Best Practices for Integration:

  • Cross-Device Testing: Verify that the script functions properly on both desktop and mobile.

  • Enable Cookies: Enabling cookies helps Relevic track user behavior more effectively, especially for returning visitors.

  • Collaborate with Your Developer: For custom websites or advanced setups, it’s recommended to involve your developer to ensure smooth integration.

By integrating Relevic with your website, you can start delivering real-time personalized experiences to your visitors, improving engagement and conversion rates.

Did this answer your question?