Embedding Instagram Reels is much like embedding TikTok videos. Go to the Reels tab of Instagram, select the video you'd like to embed, and click or tap the three dots (...) in the top right corner, then select embed and copy the code.
Then log into your Zibster account, access the website builder, and open the page you want to embed the video. You can add the video to a text editor block. Either insert a new text block or select the one you want to add the video to. Click the HTML tab in the text editor window and paste the code where you want the video to display. You’ll see a bit of code at the end that looks like this:
< script async src="//www.instagram.com/embed.js" >
This is the code you need to put in your website's CSS/JV area. Copy and delete or cut this strip of code. Then click on the website builder's design tab (in the top menu), go to the CSS/JV area, paste the code, and click save. You only need to add it once to your website’s header section. All future Instagram videos you embed will now display! You will, however, need to erase this portion of code from the text editor each time you embed a video from Instagram.
Now Instagram Reels and other content from Instagram will display when embedded on your site (yes, that means pictures too)!
View this post on Instagram
This article was originally part of an article that we published to the Zibster Growth Hub about how to add YouTube Shorts, TikTok Videos, and Instgram Reels to your website. You can find the full article by clicking on the button below.
0 Comments