June 27, 2024 | By: PhotoBiz Knowledge Base
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 PhotoBiz 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)!
You'll see the ... symbol on your post, you'll want click on that and then click on the EMBED option.
This will copy the code you need to embed your Instagram post on your website.
< script async src="//www.instagram.com/embed.js" >
This section of code is going to be used in another place in your website control panel and allows your embedded Instagram content to display properly. Be sure to copy and delete or cut this section of code out of the HTML section and click SAVE CHANGES.
Click on the EDIT DESIGN SETTINGS button to access your global design settings.
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)!
Here's an example of how your embedded post can appear on your page once you've got the code put into place.
Leave a comment
0 Comments