Social Tools

Instagram

Instagram is a simple way to capture, customize, and share photos and short videos using your smartphone.

You can upload photos and videos to your Instagram profile to share with other Instagram users, or connect your Instagram profile to other social networks, such as Facebook, to share with friends and followers across multiple social platforms.

You can integrate Instagram with your WordPress.com site in several ways:

Table of Contents

Instagram Embeds

To embed means to place something, such as a video or photo, on a website or blog. When something is “embedded”, the viewer can watch the video or view the photo without leaving your site.

You can embed images and videos from Instagram onto any page or post of your site using two different blocks:

Instagram Block

Use the Instagram block to embed a single Instagram post onto your site.

First, copy the Instagram post URL from your web browser’s address bar while viewing the image. It will look something like this:

https://www.instagram.com/p/B-XJ8ALl32q/

Paste it on a new line by itself in the editor and it will automatically embed the post inside an Instagram block.

That’s it! By default, the URL embeds the largest size of the image available, which is 612px wide. Video embeds look very similar but will show the triangle “play” symbol:

↑ Table of Contents ↑

Latest Instagram Posts Block

Use the Latest Instagram Posts block to display an automatically updating list of the latest posts from your Instagram feed.

For more, visit our detailed instructions on adding blocks.

When you first add the Latest Instagram Posts block, you will be prompted to connect your Instagram account.

⚠️

If your site is on the Business or eCommerce plan with plugins installed, your site must be public (and not in Coming Soon mode) to be able to connect to Instagram.

Once you approve the connection, the Block Settings will show several options in the sidebar. If you do not see the sidebar, simply click the ‘cog’ icon next to the Publish button.

The block settings can be found in the sidebar.
The block settings can be found in the sidebar.

The options are:

  • Account Settings: View the Instagram account you have connected, and disconnect that account if you need to remove it or connect a different account.
  • Display Settings: Adjust the number of Instagram posts that are displayed, the number of columns used, and the amount of space (calculated in pixels) that will separate each post in the Instagram grid.
  • Stack on mobile: By enabling stack on mobile, the content on the left will show on top of the content on the right (instead of side by side like on desktop screens.) This provides a better experience for mobile visitors.
  • Advanced: The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block. Learn more.

Every block also has a toolbar of block-specific controls that lets you manipulate the block. The Latest Instagram Posts block toolbar includes options to align the block to the left, center, or right; in addition to using a wide or full width displays if supported by your theme.

Screenshot showing the Latest Instagram Posts block and its settings
The Latest Instagram Posts block and its settings
Shortcode

You can also wrap an Instagram URL inside a shortcode block, replacing LINK with the URL:

[instagram url=LINK]

This shortcode achieves the same result as simply posting the URL (i.e. the Instagram block), but does not require the URL to be on its own line.

The shortcode can also be used to modify the size of the embedded post. By default, it will take up the full width of the content area, but by adding a width specifier to the shortcode, you can make it as small as 320 pixels (the minimum for the embed to work).  

For example:

[instagram url=LINK width=320]

For information about troubleshooting embeds, take a look at our Troubleshooting Embed Links guide.


↑ Table of Contents ↑

Instagram Widget

If you connected an Instagram widget prior to March 31, 2020, you will need to log into your account and reconnect your Instagram widget.

1) Log into your WordPress.com account.
2) Go to My Site(s) → Design → Customize.
3) Click into the “Widgets” section
4) Expand the “Instagram” widget
5) Click “Connect Instagram Account”
6) Follow the prompts to reconnect your instagram account
7) That’s it!

If for whatever reason you are unable to reconnect your Instagram account before Mar 31, no worries. We’ll simply hide this widget on the front-end of your site until you have a chance to reconnect.

The Instagram Widget allows you to display your latest Instagram photos in your site’s sidebar or footer.

Watch the video below for a quick overview of how it works, and check our Instagram widget guide for more examples and settings.


↑ Table of Contents ↑

Manage Your Instagram Connection

You can manage your site’s connection to Instagram by going to My Site → Marketing → Connections:

Manage your Instagram connection
Manage your Instagram connection at My Site → Marketing → Connections

Disconnecting Instagram here will remove the connection from all of your WordPress.com sites.


↑ Table of Contents ↑

Using Instagram to Drive Traffic

Instagram can be a powerful way to bring people to your website or blog. To learn more, check out our top tips on using Instagram to drive traffic.

Not quite what you're looking for?

Get Help