How to integrate Videoness on WordPress

The fastest way to humanize your WordPress site is through our official integration plugin, designed for zero-code deployment and maximum speed.

1 Install the Official Plugin

Download the Videoness Integration Plugin from the repository or search for "Videoness" in your site's Plugins > Add New menu. Click Install and then Activate.

2 Grab Your Integration Key

Log into your Videoness Dashboard, navigate to your project settings, and copy your unique Integration Code. This is typically a alphanumeric string associated with your domain.

3 Paste & Save

Back in your WordPress admin, go to Settings > Videoness. Paste your code into the "Integration ID" field and click Save Changes. Your interactive video widgets are now active across your site.

Pro Tip: Ensure any caching plugins (like WP Rocket or W3 Total Cache) are cleared after saving to ensure the widget renders immediately.

How to integrate Videoness on WooCommerce

Optimizing your e-commerce conversion rate on WooCommerce follows the same seamless process as the standard WordPress integration.

1 Plugin Installation

Since WooCommerce is powered by WordPress, follow the WordPress Guide to install and activate our official plugin.

2 Create Product-Specific Widgets

In your Videoness Dashboard, create a new widget. Under the Targeting tab, select "Specific Pages" and paste the URLs of your top-performing WooCommerce product pages.

3 Verify Shoppable Video

Once saved, visit your product page. Your video demo will appear as a subtle bubble, ready to guide shoppers to checkout with a personal touch.

How to integrate Videoness on Shopify

Shopify stores can leverage Videoness by adding a small snippet to their Liquid theme files, ensuring high-performance video delivery without slowing down the storefront.

1 Access Theme Code

Log in to your Shopify Admin. Go to Online Store > Themes. Click the three dots (...) next to your active theme and select Edit Code.

2 Locate theme.liquid

In the "Layout" folder, find and click on the theme.liquid file. This is the global template that controls every page of your Shopify store.

3 Insert the Head Snippet

Scroll to the bottom of the file to find the closing </head> tag. Paste your Videoness script directly above it:

<script async src="https://cdn.videoness.com/widget/v1/your-id.js"></script>

Click Save. You can now manage all your product demos and unboxing videos directly from the Videoness dashboard.

How to integrate Videoness on Static HTML

For custom-coded websites, our asynchronous script ensures that Videoness humanizes your site without affecting your Core Web Vitals or SEO scores.

1 Identify Global Headers

Open your main index.html or, if you use a templating engine (like Hugo, Jekyll, or PHP), open your header.php or head.html partial.

2 Script Placement

We recommend placing the script within the <head> section of your HTML. This allows the browser to initialize the conversion engine while rendering your site content.

3 Paste & Verify

Insert the following one-line code snippet:

<script async src="https://cdn.videoness.com/widget/v1/your-id.js"></script>

Refresh your browser. Your interactive video widget should now be visible in the designated corner.

How to integrate Videoness on Wix

Wix allows you to add custom tracking and conversion code through their dashboard settings, providing a clean way to integrate Videoness.

1 Navigate to Settings

Log in to your Wix Dashboard. Scroll down the left sidebar to Settings, then click on Custom Code under the "Advanced" section.

2 Add Custom Code Block

Click + Add Custom Code at the top right. In the window that appears, select Head as the placement option.

3 Deploy the Snippet

Paste your Videoness JavaScript snippet into the text box. Set "Apply to Pages" to All Pages and ensure "Load code on each new page" is checked. Click Apply.

Need Hands-On Setup Help?

Every paid Videoness plan includes a Free 1-Hour Professional Setup Service. We'll hop on a call and handle the integration for you.