How to Display Instagram Feed In WordPress?

In today’s video, we’re diving into the world of WordPress and Elementor to show you how to seamlessly integrate an Instagram widget into your website. Whether you’re a seasoned developer or just starting out, this tutorial will guide you through the process step by step, and best of all, it won’t cost you a penny.

  1. Accessing the Plugin Section:
    Log in to your WordPress dashboard. From the left-hand menu, navigate to the “Plugins” section and click on “Add New.”
  2. Installing the Plugin:
    In the search bar on the right, type in “Instagram Feed” and press enter. Locate the plugin with over a million active installations, then click on “Install” followed by “Activate.”
  3. Launching the Setup Wizard:
    Once activated, a setup wizard for the Instagram Feed plugin will appear. Follow the prompts to connect your Instagram account to the plugin. Choose between a personal or business account as per your preference.
  4. Adding a New Feed:
    After connecting your Instagram account, go to the “Instagram Feed” option in the left-hand menu. Click on “All Feeds” and then “Add New.”
  5. Selecting Feed Options:
    Choose the “User Timeline” option and proceed. You’ll be redirected to connect with Smash Balloon, the provider of the plugin. Follow the authentication steps to link your Instagram account.
  6. Customizing Feed Settings:
    Now, it’s time to customize your Instagram feed. Adjust settings such as feed layout, feed height, number of posts per page, and more to achieve the desired look and feel.
  7. Choosing Color Theme:
    Customize the color theme to match your website’s aesthetic. Select from light, dark, or custom themes to seamlessly blend your Instagram feed with your site’s design.
  8. Fine-Tuning Feed Elements:
    Customize the header, images, and videos, load more buttons, and follow button settings to suit your preferences.
  9. Generating Shortcode:
    Once satisfied with the customization, click on the “Embed” button to generate the shortcode. Copy the shortcode provided.
  10. Embedding the Instagram Feed:
    Navigate to the page where you want to display your Instagram feed within Elementor. Add a new section or widget and paste the shortcode into the appropriate field.
  11. Saving Changes:
    Hit “Update” to save your changes. Your Instagram feed is now seamlessly integrated into your Elementor-powered WordPress website.
4.3/5 - (11 votes)

About

Leave a Comment

Your email address will not be published. Required fields are marked *