Instagram Logo
Instagram Logo Instagram

How to embed an Instagram post into your website.

instagram

This is an example using the Publii static website builder CMS. This is open source software that we use for creating our managedcloud.co.za website. 

Follow these steps to embed your Instagram post into your website:

1. Login to your Instagram account via your web browser.

Instagram Login

2. Click on the three dots in the top right hand corner to get to the post menu options.

Instagram Post Menu

3. Click on the "Embed" option.

Instagram embed

4. Decide whether or not you want to have a caption with your post, then click on "Copy Embed Code".

Instagram Copy Code

5. Using your website CMS to create your post / page, click on the "<> HTML" option.

Publii Post

6. Paste the code that was copied in step 4 in the text box, then click "Apply changes".

Publii Paste Code

7. You should now have your Instagram post embedded into your post as shown below.
The Instagram image / video will appear once the site has been published online.

Instagram Post Embed

8. Below is an example of a Instagram post once the website has been published online:

 

 
 
 
View this post on Instagram

A post shared by Managed Cloud (@managedcloudza) on

Comments

Tags