How to embed YouTube videos on your website

It’s simple to showcase YouTube videos on your site. With beehiiv’s Website Builder, you can highlight your own videos or recommend other creators’, all formatted directly on your pages.

This guide covers two methods: 

• Using a YouTube RSS feed to feature the latest videos from a channel or playlist.
• Embedding a single YouTube video via a custom HTML block.

We’ll start with a video tutorial on the YouTube RSS integration, then walk through written instructions for both the RSS feed and the single-video embed methods.

1. In the Website Builder, open the page where you want to add a YouTube feed.
2. From the icons menu on the left, click on the + icon to open the elements menu.
   
   
   
3. Scroll down to Integrations. Click on the YouTube RSS element, and then drag it to the spot on your page where you want it to appear.
   
   
   
4. After you add the YouTube RSS element, its configuration options appear in the right-hand Design panel. Turn on Advanced mode (top of the panel) to access all options.
   
   
   

5. Under Settings, choose the type of feed you’d like to add, then jump to the step for it; step 6 for Channel or step 9 for Playlist. 
   Channel: Shows the most recent videos from a YouTube channel (requires a channel ID).

   Playlist: Shows the most recent videos from a playlist (requires a playlist ID).
   
   

   

6. To find a YouTube channel ID, go to the YouTube channel you wish to feature. In the About section, click on More.
7. From the channel description, scroll down to the Share channel button and click on it, then click Copy channel ID.
   
   
   
8. Once copied from YouTube, go back to your beehiiv account and paste it into the Channel ID text field. 
   
   
   

9. To find a YouTube playlist ID, go to the YouTube playlist you wish to feature, then click on the Playlist title. 
   
   
   
10. You’ll need to copy the playlist ID from the URL. To do so, copy the string of characters after list= in the playlist URL. 
    
    
    
11. Once copied from YouTube, go back to your beehiiv account and paste it into the Playlist ID text field. 
    
    
    
12. After adding the source, go to the Design panel on the right to style your video feed. If not already enabled, toggle Advanced mode (top of the panel) to unlock all options — from how many videos to display to the spacing around each video.
    
    
    

Pro Tip: With Advanced mode enabled, you can access the Play Action setting where you can choose between Open Link and Open Modal. 

Open Link opens the video in a new tab on YouTube. Open Modal plays the video in a popup window on your site (recommended for keeping subscribers engaged).

If you want to embed a single YouTube video on your site, you can do so using a custom HTML block and YouTube’s embed feature. 

1. In the Website Builder, open to the page you wish to add the YouTube video to.
2. From the icons menu on the left, click on the + icon to open the elements menu.
   
   
   
3. Scroll down to the Widgets section. Click on the HTML element, and then drag it to the spot on your page where you want the video.
   
   
   
4. From the right design panel, under HTML, click the Configure button.
   
   
   
    
5. A box will popup for you to add your custom HTML. Remove the placeholder text that’s in there (select and delete it). 
   
   
   

6. In another browser tab, navigate to the YouTube video you wish to add to your website, then click on the Share button. 
   
   
   
7. In the share options, select Embed. 
   
   
   
8. You’ll be presented with an embed video code. Click on the Copy button to copy the full embed code to your clipboard. 
   
   
   

9. Return to beehiiv, and paste the embed code into the custom HTML block. Click on the Save button. 
   
   
   

10. The video will now display directly on your page.  
    
    

    

    ---