Step 1: Install the Zeacon Code Snippet
To get started, log in to your Zeacon account and go to the onboarding setup page.
You’ll see a screen similar to this:
<!-- Start of Zeacon Code -->
<script type="text/javascript" async="" id="zeacon-sdk"
src="https://zeacon.com/sdk/correlator.js?api-key=YOUR_API_KEY"></script>
<!-- End of Zeacon Code -->
Copy the Zeacon code snippet and paste it inside the <head> section of your website.
Adding the code snippet allows Zeacon to detect your website pages and display videos to your visitors.
The Zeacon code snippet is also available on https://zeacon.com/settings/installation if you forgot to copy it during the onboarding step.
How to Add the Code Snippet to Your Website
The exact installation steps depend on the platform your website uses.
Squarespace
Paste the Zeacon snippet using Squarespace Code Injection.
Webflow
Add the Zeacon snippet to the Head Code section in your project settings.
Reference:
https://help.webflow.com/hc/en-us/articles/33961357265299-Custom-code-in-head-and-body-tags#supported-code
WordPress
You can add the Zeacon snippet using a plugin like WPCode or directly inside your theme header.
Shopify
Add the Zeacon snippet inside your theme.liquid file before the closing </head> tag.
References:
Google Tag Manager
You can also install Zeacon through Google Tag Manager.
Reference:
https://support.google.com/tagmanager/answer/14842872?hl=en&ref_topic=15191151&sjid=14500849715157998039-NC
Step 2: Continue the Setup
After installing the snippet, return to Zeacon and click Continue.
Zeacon will verify your website installation and move you to the next onboarding step.
Step 3: Add Videos to Your Zeacon Library
You’ll now see the “Add videos to your library” screen.
You can:
Upload videos directly from your computer
Import videos from an online source
Once your videos are added, they’ll appear in your Zeacon video library.
Step 4: Add Interactive Links to Your Videos
After uploading a video:
Open your Zeacon library
Click the pencil/edit icon next to the video
Add relevant links and calls-to-action
Examples include:
Product pages
Booking pages
Contact forms
Collection pages
Promotional landing pages
These links allow visitors to interact directly with your videos while browsing your website.
Step 5: Map Videos to Website Pages
Next, Zeacon will take you to the Content Map page.
This is where you decide which videos appear on specific pages of your website.
For example:
Website Page | Suggested Video |
Homepage | Brand introduction |
Product page | Product demo |
Collection page | Shopping showcase |
Contact page | Customer testimonial |
Review your content map carefully to make sure videos are matched to the right pages.
Step 6: Turn Zeacon On
Once your content map looks good:
Switch Zeacon ON from the Content Map page
Visit your website to confirm videos are appearing correctly
Your interactive video experiences are now live.
Understanding Split Test Mode (Free Plan)
If you are using the Zeacon Free Plan, Zeacon will automatically run in Split Test Mode.
This means:
Approximately half of your website visitors will see videos
The other half will see your normal website experience
This allows Zeacon to measure performance improvements accurately, including:
Engagement
Conversion rate
Time on site
Video interactions
You’ll be able to clearly compare how Zeacon performs against your normal website experience.
Upgrade to Zeacon Pro
To show videos to 100% of your website visitors, upgrade to Zeacon Pro.
Zeacon Pro removes split testing and enables full video coverage across your site.
Need Help?
If you run into any issues during installation:
Double check the code snippet is inside the
<head>sectionMake sure your website changes are published
Wait a few minutes for Zeacon to detect the installation
Contact Zeacon Support for assistance