Integrations

Shoppable Video for Custom Storefronts

Add shoppable video to Next.js, headless or plain HTML storefronts with one script tag and a preset mount element.

Custom and headless storefronts can add beyondRegular with one async script and one preset mount element. The widget is framework-agnostic, so it can sit on a Next.js page, a static landing page, or a custom commerce frontend. Product tags link to your own product, cart or checkout URLs.

Install on Custom storefronts

1Create a preset and tag products with their checkout URLs.
2Add the embed script to your page (or load it on route change in an SPA).
3Place the mount element where the widget should render.

<script async src="https://www.itsbeyondregular.com/embed.js"></script>
<div data-bn-preset="YOUR_PRESET_ID"></div>

Common questions

Does it work with Next.js and React SPAs?

Yes, as long as the mount element exists when the script runs. For client-side route changes, keep the script loaded once and render the preset mount element on the page where the widget belongs. Test navigation between pages so the widget does not double-mount.

How big is the script?

The storefront script is measured during builds and has been kept around the 15 KB gzipped range in this codebase. Treat that as a build measurement, not a permanent marketing promise. Check stats/widget-size.json after major widget changes.

Is there an API or webhooks?

Use the dashboard embed for the standard install. Advanced workflows can use account-level settings and webhooks where enabled by plan. Do not build a custom checkout assumption around the widget, because beyondRegular is a video layer, not a payment processor.

Integration