Use the Latest Instagram Posts block to display an automatically updating grid of your latest posts from your Instagram account. In this guide, you will learn how to add a feed of your latest Instagram posts to your site.
You can display a feed of Instagram posts on your site as long as you have a professional Instagram account (business or creator). It is free to have an Instagram professional account. You can create a new professional Instagram account, or convert your existing personal Instagram account to a professional account.
When you first connect your WordPress.com account to Instagram, you will be prompted to convert your personal Instagram to a professional account or select the professional account you created.
To display a feed of your latest Instagram posts, your first step will be to add the Latest Instagram Posts block.
Follow these steps to add the Latest Instagram Posts block:
- Edit a page, post, or template on your WordPress.com site.
- Click the + block inserter (plus icon) and search for “Instagram”.
- Click the “Latest Instagram Posts” icon to insert the Latest Instagram Posts block.
For more information, visit our detailed instructions on adding blocks.
The first time you add the Latest Instagram Posts block, you will be prompted to connect to your Instagram account. If you have a plugin-enabled site, the site’s privacy settings must be set to Public or Coming Soon mode, not Private.
To connect your site to Instagram, follow these steps:
- Click the “Connect to Instagram” button in the Latest Instagram Posts block.
- In the pop-up window, click the Allow button to approve the connection.
- The Instagram window will close, and you will see a feed of your latest Instagram posts in your WordPress editor.
Collaborative collections on Instagram (posts shared to a conversation) are not included at this time.
You can change the settings for your Latest Instagram Posts block, including the number of posts to display and how they display on mobile devices.
To customize your Instagram feed display, follow these steps:
- Click the Latest Instagram Posts block to select it.
- Open the block settings sidebar.
- Customize account settings and display settings.
The customization options include the following:
Account Settings: View the Instagram account you have connected. Disconnect that account if you need to remove it or connect a different account.
Display Settings: Adjust the number of Instagram posts displayed, the number of columns used, and the amount of space (calculated in pixels) separating 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, to write custom CSS and style the block. Learn more about adding CSS classes to blocks.
Alignment and Width: The block toolbar that appears when the block is selected includes options to align the block to the left, center, or right, in addition to using wide or full-width displays if supported by your theme.
You can connect up to two Instagram accounts to use two Latest Instagram Posts blocks (i.e., one account for each block). This process requires two separate Instagram logins—it will not work if you manage multiple Instagram accounts using the same login.
After connecting your first Instagram account to your site, follow these steps to connect a second account:
- In a new browser tab, visit Instagram.com and log out of Instagram Account #1.
- Log into Instagram Account #2.
- From your site’s dashboard, navigate to Jetpack → Social.
- Click the down arrow next to your connected Instagram account.
- Under Instagram, select the “Connect a different account” option.
- Once connected, you can now use two Latest Instagram Posts blocks.
You can also manage your Instagram connection through Jetpack → Social in your WordPress.com dashboard.
To disconnect or reconnect your Instagram account to your WordPress.com site, follow these steps:
- From your site’s dashboard, navigate to Jetpack → Social.
- Click the down arrow next to your connected Instagram account.
- Click the Disconnect button and confirm that you want to disconnect your account.
You can then choose to reconnect your Instagram account or connect a different one to your WordPress.com site by clicking the “Connect an account” button in Jetpack → Social.
