Display your most recent images from Instagram on your site with the Latest Instagram Posts.
Add the Latest Instagram Posts block
The Latest Instagram Posts Block is available on all Jetpack-connected sites. It is a part of the Jetpack Blocks suite and is activated by default. It does not require a paid upgrade to use. See our Jetpack Blocks article to learn about the available blocks and how to activate them.
Jetpack Blocks require the Block Editor (also referred to as the Gutenberg editor). If you’ve installed the Classic Editor plugin, you have a few options:
- Deactivate the Classic Editor: Go to Plugins → Installed Plugins in your WP Admin and deactivate the Classic Editor plugin.
- Enable both editors: If you prefer flexibility, navigate to Settings → Writing in your WP Admin (not the menu under Jetpack settings). Set Allow users to switch editors to Yes. You will only see these options if you have the Classic Editor plugin installed and active.
Some custom themes or plugins may prevent you from using the Block Editor. In that case, please contact the support team for the plugin or theme for further assistance.
For more details, see Using Blocks and the Classic Editor.
You can add the Latest Instagram Posts Block by searching and/or selecting it from the Jetpack section of the block selector. You can recognize the block from its Instagram green logo. See Jetpack Blocks for detailed instructions on adding blocks.
Configure the Latest Instagram Posts block
To set up the Instagram block, you need to connect it with your Instagram account. Follow these steps to do that:
- After adding the block, click the “Connect to Instagram”‘ button.
- If you are logged in on one or multiple Instagram accounts on the device you’re working on, the block will recognize them, and will list the accounts as connection options.
- Log in with the desired Instagram account, or select “Add a new account”.
- Click the Authorize button to allow Jetpack access to your Instagram posts.
- The block automatically updates when you post new images to Instagram.
Block Settings
Every block has specific options in the editor sidebar, and options can be found in the block toolbar. If you do not see the sidebar, click the Settings icon (which looks like a menu) next to the Publish button.
These are the main block settings to customize your Latest Instagram Post block:
- Account Settings: check what Instagram account is connected, and disconnect it from there.
- Display settings: modify the number of posts and columns, and the spacing between each image. Please note that modifying the number of posts alters the number of images shown in this block. The Stack on mobile option determines whether or not each post (image) will display on its own line when viewing your posts from a mobile device.
- Advanced: add a CSS class to your block, write custom CSS, and style the block as you see fit.
Still need help?
Please contact support. We’re happy to advise.
Privacy Information
The Latest Instagram Posts block is activated by default. It cannot be deactivated. The Latest Instagram Posts block is always available in the block selector.
| Data Used | |
|---|---|
| Site Owners / Users We send an API request (HTTP) from your site directly to Instagram. | Site Visitors The images are loaded into the post content with an API request in PHP. |
| Activity Tracked | |
| Site Owners / Users We don’t track any activity. For details of what Instagram tracks, refer to their Privacy Policy. | Site Visitors We don’t track any activity. For details of what Instagram tracks, refer to their Privacy Policy. |
| Data Synced (Read More) | |
| Site Owners / Users We sync the Instagram URL as part of the post content. | Site Visitors None. |