Skip to main content
All CollectionsIntegrationsShopify Headless
How to implement Videowise with Shopify Headless
How to implement Videowise with Shopify Headless
Written by Videowise Support
Updated over a week ago

The implementation of Videowise with Headless Shopify includes Scripts initialization (Adding Videowise scripts to the website)

Script Initialization

To add scripts to your website, insert the following code before the closing body tag.

var SKIP_CART=true;
var FORCE_DOMAIN = true;
var Shopify = {
shop: '', currency:{active:’USD’, rate:’1.0’}

var __st = {
rid: null,
p: 'home'

<link rel="stylesheet" as="style" onload="this.onload=null;this.rel='stylesheet'" href="" id="videowise-style-css">
<script defer="" src="" id="videowise-vendors-js"></script>
<script defer="" src="" id="videowise-client-js"></script> - replace this with your shopname

The __st variable above must be set like this:

  • var __st = { rid: null, p: 'home' }; → for all pages which are not PDP

  • var __st = { rid: $rid, p: 'product'}; → for PDP pages

You will need to change $rid with the product id.

When adding scripts to a website, it's recommended to verify their correct implementation. You can do this by navigating to the DevTools ⇒ console tab. Use the shortcut Command + Option + J on a Mac, or Control + Shift + J on other systems.

If you see the log below, it indicates that the Videowise scripts have been added correctly.

At this stage, Videowise is ready for use and you can add a widget to your website.

If you encounter any issues, such as a lack of fields to paste the copied code from the app, we recommend contacting the developer's team. You could request code implementation or a workaround for the automation framework.

Did this answer your question?