Getting started
Recommended embed settings for Framer:
Inline (Standard) embed
Responsive sizing
Paste the embed code in an Embed component in Framer
Tip
If the standard embed code doesn't render inside the Embed component, switch to the Fallback (iframe) embed.
Embed in an Embed component
From your Framer project, search for "Embed" in the Insert menu. Once located, drag and drop the Embed component onto the page.
You can also do this by clicking the “Insert” button, navigating to “Utility,” and dragging and dropping the Embed component.
Tip
Make sure to use Framer's Embed component, not the Video component. Framer's built-in Video component only accepts uploaded or hosted video files and select URL options, not Wistia embed codes.
From the Properties panel, scroll down to Embed, then change the Type to "HTML." Copy your Wistia embed code and paste it into the HTML field.
After hitting "Enter" on your keyboard, your video should appear on the page.
Tip
Always set the Embed component's Type to HTML. This will ensure the Wistia player loads on the page and that features like analytics and player controls work properly.
If you're running into trouble, give us a shout!