Detailed Manual for Installing the Instagram API on a WordPress Website
Detailed Manual for Installing the Instagram API on a WordPress Website
The purpose of this guide is to walk you through the step-by-step process of integrating the Instagram API into a WordPress website. This will allow you to display Instagram posts, fetch data, or interact with an Instagram account on your site.
Prerequisites
1) Instagram Business or Creator Account:
Required to access the Instagram API. If you have a personal account, convert it to a Business or Creator account.
2) Linked Facebook Page:
Instagram Business accounts must be linked to a Facebook Page.
3) Access to Meta for Developers Dashboard:
You need an account on Meta for Developers to create an app that uses the Instagram API.
4) A configured WordPress website:
- Admin access to the WordPress dashboard.
- A theme or plugin compatible with Instagram integration (optional).
5) Website admin permissions:
Ensure you have permissions to install plugins and modify configurations.
Step 1: Set Up the Instagram API
1. Create an App on Meta for Developers
- Go to Meta for Developers.
- Log in with your Facebook account.
- Click “My Apps” and select “Create App”.
- Choose the app type. For WordPress, select Business.
- Fill in the required details (app name, contact email) and click “Create App”.
2. Add the Instagram API
- In your app dashboard, click “Add a Product”.
- Search for the Instagram API and click “Set Up”.
- Follow the steps to add the API to your app.
3. Configure the Instagram API
- In the left-hand menu, select Instagram Basic Display.
- Set up the following parameters:
- Redirect URI: Enter your website’s URL (e.g.,
https://yourdomain.com/). - Ensure the URL uses HTTPS.
- Redirect URI: Enter your website’s URL (e.g.,
- Save the changes and click “Generate Access Token”.
- Copy the Access Token and save it for later use.
Step 2: Configure Your WordPress Site
1. Install a Plugin to Integrate the API
You can use specialized plugins to connect the Instagram API with WordPress. Some recommended options are:
- Smash Balloon Social Photo Feed (formerly Instagram Feed).
- WP Social Feed Gallery.
- Spotlight – Social Media Feeds.
How to Install the Plugin:
- Go to Plugins > Add New in your WordPress dashboard.
- Search for your chosen plugin.
- Install and activate it.
2. Configure the Plugin
- Navigate to the plugin settings from the WordPress sidebar menu.
- Select Connect Account and follow the instructions to link your Instagram account.
- Enter the Access Token you generated in the previous step.
- Customize the display options, such as:
- Number of posts to show.
- Layout (grid, carousel, etc.).
- Filters (specific hashtags or types of posts).
3. Embed the Feed on Your Site
- Use the shortcode provided by the plugin to display the feed on a page or post:
[instagram-feed]
2. You can also use a widget under Appearance > Widgets to display the feed in the sidebar or footer.
Step 3: Verify the Configuration
1. Test on a Local or Staging Environment
- Ensure the posts display correctly on your site.
- Verify the design is responsive across mobile devices and browsers.
2. Update the Token Periodically
- Access tokens have a limited lifespan. Check the plugin settings to automate token renewal.
Tips and Troubleshooting
1) Access Token Issues:
If you cannot generate a token, ensure your Instagram account is linked to a Facebook Page and that all permissions are enabled.
2) Authentication Errors:
Verify that your redirect URLs are correct and configured with HTTPS.
3) Plugin Compatibility Issues:
Ensure the plugin is up to date and compatible with your current version of WordPress.
