How To Add Instagram Posts & Reels To Your PhotoBiz Website
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)!
View this post on Instagram
STEP ONE
Log into your Instagram account and open the post you wish to embed on your website.
You'll see the ... symbol on your post, you'll want click on that and then click on the EMBED option.
STEP TWO
Click the COPY EMBED CODE button
This will copy the code you need to embed your Instagram post on your website.
STEP THREE
Log into your PhotoBiz account and access WEBSITE on the left side menu.
STEP FOUR
Add a TEXT EDITOR block to the page you want to feature your Instagram post on.
STEP FIVE
Click the HTML tab in your text editor block and PASTE the code you copied from Instagram.
STEP SIX
Highlight and select and CUT the following section of script from Instagram's code:
< 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.
STEP SEVEN
Click on the DESIGN tab at the top center of your website builder control panel.
Click on the EDIT DESIGN SETTINGS button to access your global design settings.
STEP EIGHT
Click on the CSS/JS option in the right side menu and paste the code you copied in STEP SIX , 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)!
Here's an example of how your embedded post can appear on your page once you've got the code put into place.
0 Comments