How to Add Instagram Feed to WordPress (Step By Step Guide)

Sharing Is Caring:

In today’s digital era, capturing user attention and keeping them engaged on your website is crucial. One powerful strategy is to Add Instagram Feed to WordPress Website. This allows you to showcase your captivating visuals, boost social proof, and enhance brand awareness – all without complex coding.

This blog post will guide you through the process of adding an Instagram feed to your WordPress website using the popular plugin, Instagram Feed Pro. We’ll cover everything from installation and setup to customization and embedding options.

Prerequisites:

Install and Activate Instagram Feed Pro Pugin

  1. Log in to your WordPress dashboard.
  2. Navigate to Plugins > Add New.
  3. Click Upload Plugin and select the downloaded zip file for Instagram Feed Pro.

Click Install Now, and then Activate the plugin once the installation is complete.

Connect Your Instagram Account

  1. On the WordPress dashboard sidebar, hover over Instagram Feed and click Settings.
  2. Locate the License Key field and paste the license key obtained from your Instagram Feed Pro account.
  3. Click Activate to connect Instagram Feed Pro with your Instagram account.

Create Your Instagram Feed

  1. Click on Instagram Feed in the WordPress sidebar and select Add New.
  2. Choose your feed type:
    • User Timeline: Displays posts from your own Instagram account (selected by default).
    • Hashtag Feed: Showcases posts containing a specific public hashtag.
    • Tagged Posts: Displays posts where your Instagram account has been tagged.
feed style for instagram feed

Connect Your Instagram Account (Source)

  1. Click Add Source.
  2. Select the appropriate option based on your Instagram account type (Personal or Business).
  3. If using a Business account, connect your Facebook account that’s linked to your Instagram profile by clicking Connect with Facebook.
  4. Grant Instagram Feed Pro permission to access your Instagram account information (it won’t be able to post or make changes).
  5. Select the Instagram account you want to display in your feed and click Next.
  6. Click Next again if you want to connect a Facebook page associated with your Instagram account.
add Instagram feed to wordpress

Choose a Feed Template and Layout

  1. Select a professionally designed template for the overall appearance of your feed (e.g., Modern, Social Wall, Outline).
  2. Choose a layout for your feed (e.g., Grid, Carousel, Highlight).
choose Instagram feed style

Customize Your Instagram Feed (Optional)

  • Feed Layout: Select the number of posts to display and choose the desired number of columns for your grid layout.
  • Color Scheme: Match the feed’s colors to your website theme or create a custom color scheme.
  • Filters and Moderation: Manage the content displayed by hiding specific posts, filtering by keywords, or showing only certain post types (photos, videos, and reels).
customize Instagram Feed Style

Embed Your Instagram Feed

embed Instagram feed to wordpress
  1. Click Embed and copy the shortcode.
  2. Choose your preferred embedding method.
    • Shortcode Block: Paste the copied shortcode into a shortcode block within your WordPress page/post editor.
    • Dedicated Instagram Feed Block: Use the built-in Instagram Feed block within the Gutenberg editor (if available on your WordPress version) for a live preview.
  3. Publish your page/post to see your Instagram feed live on your website.
choose Instagram Feed to display feed on wordpress

Embedding Your Instagram Feed in the Sidebar

  1. Click Embed and copy the shortcode.
  2. Click Add to a Widget instead of Add to a Page.
  3. Select the sidebar widget area where you want to display your feed.
  4. Choose your preferred method (shortcode block or dedicated Instagram Feed block) and paste the shortcode.
  5. Publish your page/post to see the Instagram feed displayed in your sidebar.

Congratulations! You’ve successfully added a visually appealing and engaging Instagram feed to your WordPress website using Instagram Feed Pro. This is a fantastic way to leverage the power of social media and enhance the user experience on your website.

Additional Tips:

  • Explore the customization options within Instagram Feed Pro to tailor the feed’s appearance to perfectly match your website’s design.
  • Utilize the feed moderation features to curate the content displayed and ensure it aligns with your brand image.
  • Consider the free version of Instagram Feed Pro for basic functionality.
Scroll to Top