Why Use VideoNest with Framer

VideoNest provides a professional, stable home for your entire video library, plus a fast, customizable video player. Framer provides the flexibility to design and publish high-performance websites with precision.

Together, VideoNest and Framer enable you to:

• Host and organize your videos in one place
• Embed videos or full channels on any Framer page
• Unlock monetization and distribution options as your library grows

Video embeds work on every VideoNest plan that includes the video player, from Free through Enterprise. As you upgrade, you gain access to websites, advanced feeds, and monetization without changing how embeds work.

What You Unlock with VideoNest on Framer

• Embed a single video on any page or layout
• Embed a channel carousel to showcase your latest videos
• Control playback options from the VideoNest admin, including autoplay and captions
• Keep your content centralized in VideoNest, while your site renders the player

Everything runs through the VideoNest Embed Code or Channel Embed, added to Framer using an Embed or Code component.

Requirements

Before you start, make sure you have:

• An active VideoNest account with video player access
• At least one video uploaded or synced into your VideoNest library
• A Framer site where you can edit pages
• Access to Framer’s Embed or Code component

Option 1: Embed a Single Video

Use this when you want a specific video in a page, landing section, or content block.

Step 1: Copy the VideoNest Embed Code

1. Log in to VideoNest
2. Open your Library and select the video
3. Locate the Embed Code section below the player
4. Click Copy to copy the embed code

This embed code contains everything Framer needs to render the VideoNest player correctly.

Step 2: Add the Embed in Framer

1. Open your Framer project
2. Navigate to the page where the video should appear
3. Add an Embed or Code component
4. Paste the VideoNest embed code into the component

Step 3: Preview and Publish

1. Preview the page to confirm the video loads correctly
2. Publish the site

Your VideoNest player now renders directly on your Framer page, pulling the video from your VideoNest library.

Option 2: Embed a Channel Carousel

Use this when you want a playlist that automatically updates from a channel or collection.

Step 1: Copy the Channel Embed Code

1. In VideoNest, open the channel or playlist
2. Open the embed or channel settings
3. Configure any basics, such as default sort order or player layout, if available
4. Copy the Channel Embed Code

This works similarly to a single-video embed, but dynamically pulls videos from the channel.

Step 2: Add the Embed in Framer

1. Open the Framer page where the carousel should appear
2. Add an Embed or Code component
3. Paste the Channel Embed Code
4. Preview and publish

As new videos are added to the channel in VideoNest, the carousel updates automatically based on channel configuration.

Best Practices

• Place embed code in a clean Embed or Code component with no other content inside
• Add headings or context above or below the player for clarity and SEO
• Manage playback behavior in VideoNest, not Framer

Get Started

• New to VideoNest: Create an account, upload or sync your first video, and copy your embed code
• Already a customer: Embed your most important video or channel on a key Framer page and start turning site traffic into engaged viewers