Try ShortPoint nowShowcase Instagram content directly on your SharePoint page using the ShortPoint Code Editor Web Part. Whether you're an experienced developer ready for a quick implementation or new to SharePoint and looking for detailed guidance, we've got you covered. Simply follow the quick walkthrough or go through the detailed step-by-step tutorial.
TABLE OF CONTENTS
Prerequisite
- You must already have the ShortPoint Code Web Part installed on your SharePoint page. To learn how to do this, check out How to Install ShortPoint Code Editor in SharePoint.
Quick Walkthrough
1. Go to the Instagram post you want to add and copy the embed code.
2. Go to your SharePoint page and add the ShortPoint Code Web Part.
3. Click the Edit Properties icon of the ShortPoint Code to edit it.
4. Delete all default codes.
5. Paste the copied code in the HTML field, customize it to your needs, and click Save.
6. Close the ShortPoint Code window.
7. Republish the page.
Step-by-step Tutorial
Go through the detailed guide below to learn how to add an Instagram post to your SharePoint page:
Step 1: Copy the Embed Code
- Go to the Instagram post you want to add and click the ellipsis icon:
- Click Embed:
- You have the option to include the caption of the post. If you wish to remove it, untick the check box. For this guide, we will keep it as is:
- Click Copy Embed Code:
Step 2: Add the ShortPoint Code Web Part
- Go to the SharePoint page where you want to add the Instagram post and click Edit:
- Click the close icon to leave the Toolbox:
- Select the plus icon to add a web part:
- Use the search bar to look for ShortPoint Code, or scroll down until you see the Advanced section. Click ShortPoint Code:
Step 3: Edit the ShortPoint Code Web Part
- Click the Edit Properties icon:
Step 4: Delete Default codes
- Select each field, delete the default codes inside, and click Save:
Step 5: Paste the Code
- Click the Edit HTML field:
- Paste the code:
- You can directly edit the code using ShortPoint Code Editor. Customize the code according to your needs and click Save:
Step 6: Republish Page
- Once satisfied, click the close icon to leave the ShortPoint Code window:
- Click Republish once you’re ready to make your changes live:
Well done! You've successfully embedded an Instagram post into your SharePoint page. Take your site to the next level by exploring our tutorials on ShortPoint Code Editor—discover powerful features and creative ways to enhance your pages.
- How to Add a Facebook Post to a SharePoint Page
- How to Add an X Post to a SharePoint Page
- How to Add a LinkedIn Post to a SharePoint Page
- How to Add a Viva Engage Feed to a SharePoint Page
- How to Embed a YouTube Video Playlist to a SharePoint Page
- How to Embed a Vimeo Video Playlist to a SharePoint Page
- How to Add a Stock Widget to a SharePoint Site
- How to Embed a Weather Widget to a SharePoint Page
