🎉 New! WooPack - WooCommerce Modules for Beaver Builder - Check it Out.

🎉 Introducing Instagram Feed Module: Now Display Your Instagram Posts Magnificently!

February 28, 2018 · Yashwardhan Rana

I am happy to introduce our latest module to the PowerPack Family: Instagram Feed! Now you can display the social shares and your posts on Instagram on your website/blog as well with this awesome module!

This module allows you to connect to your Instagram Account and show your Instagram activities wherever you want on the website. It is not limited to just displaying posts; there are lots of customizations that you can do to make your Insta Feeds stand out.


Although it might seem tricky to integrate Instagram Feeds via the page builder but with the help of this add-on, it is made much simpler. You only need three ingredients – User ID, Access Token, Client ID. Once you have that, you can see your module live in action without even loading the page.

Since this module is a part of the PowerPack family, you will get loads of functionality and alteration features. You can alter the Instagram feed display as per your need.

Demo:

Click here for the demo of Instagram Feed.

2 Different Display Layouts

There are two different display styles that come with this

Grid Layout

Grid layout shows the Instagram posts in a grid view. You can choose the number of posts you want to show on the module as well.

Carousel Layout

Carousel layout is another way by which you can linearly display your Instagram posts. Choosing this layout opens up the settings to make changes to the carousel. You can make multiple changes to the same as well using the settings.

Other great features-

  1. You can change the count of images that are to be displayed on the module.
  2. Choosing between the image from Low, thumbnail, and standard is also possible.
  3. Sort the images by multiple parameters such as recent, liked, commented, and random.
  4. Displaying/hiding likes, comments are possible with simple toggle operations.
  5. You can show a link to your Instagram Profile with custom text such as “Follow Us @ Instagram” with a proper Icon.
  6. For the image, you can define how the image will look when it is being normally displayed and when someone hovers over the image. This helps in creating interactive hover effects.
  7. If you wish to add a background, then you can add a color or add a gradient style background for the images as well.
  8. You can customize the color of likes and comments as well.
  9. If you want to make changes to the font, you can change the size, family, weight, transformation, style, line height, and letter spacing for both normal state and hover state.

These are just a gist of what all changes that can be done in the Instagram Feed module. If you want to get an idea, here is a link to the demo of the module, check it out!

Get the Power in your hands!

Instagram Feed add-on is just the tip of the iceberg. The PowerPack Beaver Builder add-on has more than 50 creative modules that you can bring in your use and start designing amazing pages and sections with the help of Beaver Builder. And, if you are not in the mood for designing, you can simply select from our pre-designed library of templates which has 250+ templates and more are coming!

If you do not have the PowerPack, get it here!

If you like this update and want us to keep adding more to the PowerPack, do share it and spread the word!

Tell us what do you think of the new PowerPack’s addition by commenting down below!

Posted in

A few more interesting posts →

4 Comments

  1. David Zupec on March 1, 2018 at 8:36 am

    This is awesome! I just installed it on my site and love it. Thank you!

  2. Kevin Wright on March 1, 2018 at 3:19 pm

    Thank you for this. I have been paying 24$ per plugin to get a good instagram feed on my website. Thank you.

  3. Name on March 20, 2018 at 6:55 am

    It seems the layout breaks when there are large images involved.. Like on this very example page..

  4. Quinn on April 12, 2018 at 8:14 pm

    Is there an option to display the images as a square crop? I tried installing this on a site, but it becomes too flexible, show portrait/landscape pics and messing up the layout. I’ve used other plugins that only let the square crop show – does this have the capability and how?

Leave a Comment





PowerPack Beaver Addons

PowerPack Beaver Addons

Start creating beautiful websites with 50+ modules and 250+ templates for Beaver Builder.

Join 4000+ Subscribers.

Get latest Beaver Builder Tips and Updates in your Inbox. 

Please enter your name.
Please enter a valid email address.
Something went wrong. Please check your entries and try again.
×

By continuing to use the site, you agree to the use of cookies. More Info

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close