Embedding a free Instagram feed widget on WordPress can be achieved through various methods, including using official Instagram embed code or utilizing third-party plugins or widgets. Below, I’ll provide you with a step-by-step guide for both options:
Method 1: Using Instagram Embed Code
- Go to Instagram:
- Open your web browser and go to Instagram.
- Find Your Instagram Post:
- Navigate to the Instagram post that you want to embed on your WordPress website.
- Get Embed Code:
- Click on the three dots (…) in the top right corner of the post.
- Select “Embed” from the menu.
- Copy the provided embed code.
- Add a Custom HTML Block in WordPress:
- Open your WordPress Dashboard.
- Create a new page or edit an existing one.
- Add a new block and choose the “Custom HTML” block.
- Paste Embed Code:
- Paste the Instagram embed code into the Custom HTML block.
- Update or publish your page.
Method 2: Using a WordPress Plugin
- Install and Activate a Plugin:
- In your WordPress Dashboard, go to “Plugins” > “Add New.”
- Search for a plugin that allows you to embed Instagram feeds. “Instagram Feed” or “Smash Balloon Social Photo Feed” are popular options.
- Install and activate the plugin.
- Configure the Plugin:
- After activation, go to the plugin settings.
- Connect your Instagram account (you may need to generate an access token).
- Customize the display settings, such as the number of posts to show, layout, etc.
- Add Instagram Feed to a Page or Post:
- Create a new page or edit an existing one.
- Look for an option related to the Instagram feed in your editor. It may appear as a shortcode or a block, depending on the plugin you’re using.
- Insert the Instagram feed into your page.
- Save or Publish:
- Save or publish your page to make the changes live.
Method 3: Using an Online Widget Generator
- Choose an Instagram Widget Generator:
- There are online services that allow you to generate Instagram widget codes. Search for “free Instagram widget generator” online.
- Enter Instagram Username or URL:
- Enter your Instagram username or the URL of the profile or post you want to display.
- Customize Widget:
- Customize the widget settings, such as the layout, size, and display options.
- Generate Code:
- Click on a button like “Generate Code” or similar.
- Embed Code in WordPress:
- Copy the generated code.
- Open your WordPress editor and add a new Custom HTML block.
- Paste the generated code into the Custom HTML block.
- Save or publish your page.
Remember to respect Instagram’s terms of service when embedding content, and consider the appearance and responsiveness of the embedded content to ensure a positive user experience.