This article will demonstrate how you can create an Instagram Slideshow by using the ShortPoint Tabs Design Element.
TABLE OF CONTENTS
- Before we begin
- Step-by-step Tutorial
Before we begin
- You must have the latest version of ShortPoint installed for your SharePoint environment.
- You are a ShortPoint Designer with an active license.
Follow the steps below to create an Instagram Slideshow:
Step 1: Insert the ShortPoint Tabs Design Element
Watch the video below to learn how to insert the Tabs Design Element.
NOTE: To learn more about inserting ShortPoint Design Elements to your SharePoint page, go to ShortPoint Basics: How to Insert a Design Element in Grid Mode (Modern Experience).
Step 2: Edit the ShortPoint Tabs Design Element
Customize your ShortPoint Tabs according to your preference.
For this guide, we set the Height to 720 px.
Then, on the Tabs tab, we added a Title and a calendar icon.
Once you are satisfied with your edits, click Preview (1) to see how the Tabs Design Element will look on your page, and Insert (2) to add it to your page.
Step 3: Add the Instagram Design Element
Click the black plus icon on the first Tab.
Go to the Instagram post you want to feature inside the Tabs and copy its URL.
Paste the copied URL in the Post URL field.
Then, click Preview (1) to see how the Instagram post will look on your page, and Insert (2) to add it to your page.
Repeat the same steps for the other tabs.
Step 4: Add a Script Editor to auto-rotate tabs
Auto-rotating the Tabs will require a Script Editor. Check out this tutorial to learn how to add it to your Tabs.
Step 5: Save
After adding the Script Editor, click Save.
Then, click Republish.
NOTE: If you do not see the tabs automatically rotating, use Ctrl+Shift+R / Cmd+Shift+R, Ctrl+F5 / Cmd+F5, depending on the operating system you are using.
Congratulations! You have successfully created an Instagram slideshow using the Tabs Design Element. Enjoy adding this creative slideshow to your SharePoint pages.
- How to Automatically Rotate ShortPoint Tabs Every Few Seconds Using Code Design Element (Modern Experience)
- How to Automatically Rotate ShortPoint Tabs Every Few Seconds Using Code Design Element (Classic Experience)
- ShortPoint Basics: How to Insert a Design Element in Grid Mode (Modern Experience)