SuperDuperVideos
Start free
All integration guides

Site builder integration / Webflow

Place SuperDuper Videos anywhere in Webflow.

Use Webflow’s Code Embed element for a responsive player that works in landing pages, CMS collections, resource libraries, and product sites.

Recommended install

Use the universal script inside a Code Embed element.

Reviewed August 17, 2026

Why this route

Use the platform’s natural insertion point.

Webflow’s embed element accepts HTML and JavaScript, which lets the standard SuperDuper runtime discover the marker and coordinate every player on the published page.

Installation

Four moves from dashboard to live page.

  1. 1Publish the video and add the final Webflow domain, including the correct protocol, to the approved origins.
  2. 2Open the Add panel in Webflow and place a Code Embed element where the video belongs.
  3. 3Paste the universal embed snippet, save the element, and size its parent container as needed.
  4. 4Publish the site and validate playback on the public domain because scripts do not fully render on the design canvas.
Webflow Code Embed 
<div
  data-sdv-video="ve_replace_me"
  style="display:block;width:100%;aspect-ratio:16/9;background:#020617;"
></div>
<script async src="https://embed.superdupervideos.com/v1/embed.js"></script>

More integration guides

ShopifyFramerReact

Ready for the real snippet?

Publish a video and copy its public ID.

Start free