Docs
Implementation docs, snippets, and embed references.
Install embed.js on Any Website
Two lines of HTML to install a shoppable video widget on any site. Copy the script tag, drop the preset div, done. Works on any stack.
Set Up the Shopify Theme App Embed
Enable the beyondRegular theme app embed in Shopify, add a widget block, and verify checkout attribution. Step-by-step with the exact script and data-attribute.
Add the beyondRegular Widget to WooCommerce
Install the beyondRegular shoppable video widget on WooCommerce with one script tag and a preset div. Works with any theme, any gateway.
Integrate with a Custom or Headless Storefront
Install beyondRegular shoppable video on any custom or headless storefront. Paste one script, add a preset div, ship in minutes. No checkout changes.
Widget Data Attributes Reference
Every data-bn attribute for the beyondRegular embed. Required preset ID, format overrides, autoplay, product context, and common install gotchas.
Content Security Policy and Embedding Troubleshooting
Fix Content Security Policy errors, blocked embed.js loads, and iframe issues so beyondRegular video widgets render on your store.
Widget Not Loading: Diagnosis Checklist
Widget blank on your site? Walk through the exact checks: script tag, preset ID, console errors, CSP, and ad blockers. Fix beyondRegular embed issues in minutes.
Widget Performance and Core Web Vitals
How the beyondRegular widget loads: async script, ~26 KB gzipped, no LCP block. Tips to keep LCP, CLS, and INP green on your storefront.
Widget Analytics Events Reference
Full list of beyondRegular widget events, payload fields, and code snippets for forwarding to GA4, Meta Pixel, and Shopify web pixel.
Shopify Web Pixel Attribution Setup
Enable beyondRegular Web Pixel attribution on Shopify Pro. Turn on the theme app embed, flip the pixel toggle, verify checkout revenue in analytics.
How to Auto-Display Videos on Product Pages Based on Tagged Products
Show shoppable videos on product pages automatically based on product tags. Setup guide with embed.js, data attributes, and Shopify Liquid snippets.
How to Tag Products Inside a Shoppable Video
Step by step guide to tagging products on video frames in beyondRegular, linking them to your store catalogue, and publishing without editing embed code.
How to Create a Floating Video Widget
Step-by-step setup for a shoppable floating bubble widget: dashboard preset, embed.js loader, mount div, Shopify app embed, and troubleshooting.
How to Create a Story-Style Shoppable Video Widget
Step-by-step setup for a story-style vertical shoppable video widget. Presets, embed code, product tagging, and Shopify theme app embed steps.
How to Create a Grid Video Widget for Collection Pages
Install a beyondRegular grid video widget on your collection pages. Exact embed.js snippet, data-bn-preset code, and Shopify template steps.
How to Create a Banner Video Widget Without Slowing LCP
Install a shoppable banner video widget with beyondRegular and keep LCP fast. Async embed.js, lazy video, correct hero placement, Shopify setup.
How to Customize Shoppable Video Colors, Fonts, and CTAs
Restyle beyondRegular shoppable video widgets with data attributes and CSS variables. Change accent color, font, and CTA label without touching JS.
How to Add Custom CSS to a Shoppable Video Widget
Style beyondRegular shoppable video widgets with custom CSS. Target the data-bn-preset wrapper, override colors, sizing, and product tag styles safely.
How to Show Multiple Video Widgets on One Page
Load embed.js once, then place a data-bn-preset div per widget. Works on any page, Shopify or custom. Mix carousels, bubbles, and reel feeds freely.
Widget Not Visible on Mobile: Diagnosis and Fixes
Fix a beyondRegular widget that renders on desktop but disappears on mobile. Ordered checklist covering theme embed, container CSS, and script loading.
How to Set Video Thumbnails for Shoppable Videos
Set poster thumbnails for beyondRegular shoppable video widgets from the dashboard or inline with data-bn-poster. Sizes, formats, Shopify path, and fixes.
How to Remove or Disable a Video From a Widget
Delete or hide a video from a beyondRegular widget preset without editing embed.js. Steps for dashboard toggles, per-store forks, and scheduled removal.
How to Translate Shoppable Video Button Labels
Localise Add to cart, Shop now, and player controls on beyondRegular shoppable video widgets using data-bn-labels or the dashboard Language panel.
How to Embed a Shoppable Video Widget in PageFly
Add a beyondRegular shoppable video widget to any PageFly page using an HTML element, the embed.js script, and a data-bn-preset div.
How to Embed Shoppable Video in Shopify Liquid Sections
Add beyondRegular embed.js to theme.liquid and drop a data-bn-preset div into any Shopify Liquid section. Exact snippets, menu paths, and troubleshooting.
How to Embed Shoppable Video in Custom HTML Sections
Add the beyondRegular loader script to your site head, then drop a data-bn-preset div in any Custom HTML block. Exact snippets and menu paths inside.
How to Show Related Videos on Shopify Collection Pages
Show related shoppable videos on Shopify collection pages with beyondRegular. Add one liquid snippet, pass the collection handle, ship in under 10 minutes.
How to Set Priority When Multiple Videos Match the Same Product
Control which shoppable video shows first when multiple videos tag the same product. Use data-bn-priority, pin videos, and preset ordering.