How can we help you today?

Introducing ShortPoint Instagram Design Element

Instagram ShortPoint Design Element is here as part of the new Social Media Intranet Kit Category in the ShortPoint Page Builder. Using this Design Element, you can embed an Instagram post into your SharePoint pages.


Here is a sample of how the Instagram Design Element may look like on your page: 


Instagram example


Note: Take a look at the demo page we have set up for Instagram Design Element and see it in action by following our demo page.


You can find it by either clicking the Social category at the top:


Instagram design element


or by typing "instagram" in the search bar:


Instagram design element - search


Selecting the Instagram Design Element will open its Settings tab allowing to customize various options. 


TABLE OF CONTENTS


Before we begin


It is possible to embed one Instagram post at a time. ShortPoint Instagram Design Element is using the API provided by Instagram. It currently allows displaying a single post - this is a limitation by the API, at the moment there is no API for displaying the whole Instagram feed.


Customization options


In the Settings tab of the Instagram Design Element, you can see options that would let you customize how you want the Instagram post look like on your page.


Post URL


To add an Instagram post to your page, you need to get its URL:

Post URL


Simply go to the post URL if you have it prepared, or you can search for the username on Instagram.com, visit their profile, and then open the post you want to display. Copy the URL from the address bar of your browser.

Instagram post URL


Hide caption


By default, an Instagram post will contain a media caption. You can hide it by simply toggling the Hide caption option onThis will reduce the height size of the embedded element.

Hide caption


You can check the difference in the table below:


Caption is Displayed (Default)
Caption is Hidden
Caption is not hiddenCaption is hidden

Size


Control the size and responsiveness of the Instagram Social Media Design Element by using the Width setting. It allows you to set the maximum width of returned media. 


This value is optional and should be greater than 320 pixels and less than 1200px. Simply use the slider to set the value or type it in the input field on the right:

Size - Instagram Design Element


Note: The height option is not supported. This is because the embedded code is responsive and its height varies depending on its width and length of the caption.

Example


A quick preview on how ShortPoint Instagram Design Element could look like on your SharePoint page:


Instagram example


We hope this article has been helpful for you, and now you know how to use the Instagram Design Element easily. Happy embedding!


Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 6 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more