Webflow

Embed Reel Otter Videos on Webflow

Add interactive videos to your Webflow site using custom code blocks. Boost conversions with engaging video content that turns visitors into customers.

Step-by-Step Integration Guide

Follow these simple steps to add your interactive video to Webflow

1

Get Your Embed Code

First, you'll need to get your unique embed code from your Reel Otter dashboard.

Log into your Reel Otter account
Select the video you want to embed
Copy the embed code
embed-code.html
<script src="https://media.reelotter.com/resources/embed.js"
    data-video-id="YOUR_VIDEO_ID"></script>
2

Add Embed Element to Webflow

Use Webflow's Embed element to add your interactive video anywhere on your site.

Edit the page where you want the video
Drag the Embed element from the Elements panel
Drop it where you want the video to appear
Embed Element
The Embed element allows you to add custom HTML code to your Webflow site.
3

Paste Your Embed Code

Paste your Reel Otter embed code into the Embed element and save your changes.

Click on the Embed element you just added
Click Enter Code in the element settings
Paste your embed code and click Save
Embed Element Content
<script src="https://media.reelotter.com/resources/embed.js"
    data-video-id="01981a58-a28b-761b-9d54-a45c187ba300"></script>
4

Test Your Integration

Preview your site to make sure your interactive video is working correctly.

Click Preview to see your changes
Verify the video loads and plays correctly
Publish your site when ready

Success!

Your interactive video is now live on your Webflow site

Need Help with Webflow Integration?

Our team is here to help you get your videos up and running quickly