Table of Contents
Instagram Feed to divi

Add Instagram Feed to Divi in 5 Minutes

Gaining trust and building credibility are key for eCommerce platforms like Divi to thrive. Customers often hesitate to purchase from online stores due to a lack of visible social proof.

By embedding an Instagram feed into your Divi website, you can showcase real-time customer interactions, user-generated content, and product reviews.

This article provides step-by-step guidance on adding an Instagram feed to Divi, along with best practices and common mistakes to avoid.

Why Add Instagram Feed to Divi?

Build Social Proof: Displaying customer photos and reviews via an Instagram feed reassures new visitors about the quality of your products. With 93% of consumers reading online reviews before making a purchase, integrating Instagram feeds can enhance customer trust.

Boost Engagement and Conversions: An Instagram feed can increase on-site engagement. Studies show that Instagram posts have a median engagement rate of 0.43%, which is significantly higher than other social platforms. Highlighting real-time product usage can drive conversions.

Showcase Dynamic Content: Divi is known for its flexibility and stunning visuals. Embedding an Instagram feed aligns with this aesthetic by presenting live, dynamic content. This can make your website appear more vibrant and engaging.

Gain More Followers: By linking your website visitors to your Instagram profile, you can grow your follower base organically. Around 90% of Instagram users follow at least one brand. An engaging feed increases the likelihood of gaining new followers.

How to Add Instagram Feed to Divi

Adding Instagram reviews and feeds to your website is quick and simple with WiserNotify. You can do it in two ways:

Instagram Feed – Show Instagram posts on your site.

Instagram Reviews – Show Instagram reviews as pop-up notifications.

Let’s go through the steps one by one.

Configure Display and Trigger Settings

First, sign up for WiserNotify. After that, you’ll need to add a small code (pixel code) to your website. This helps WiserNotify show Instagram reviews and feeds.

How to Add an Instagram Feed to Your Website

Go to the WiserNotify dashboard and click on “Social Wall” This will take you to a new page where you can create your Instagram feed.

navigate the social wall
Instagram feed social wall step 1

Customize the Look to Match Your Website

You can change the colors, fonts, and style so it looks great on your website.

Wisernotify instagram feed social wall customization

Copy and Paste the Code

Once your feed is ready, click on “Get Code” and paste it where you want the Instagram feed to appear.

Here’s how it will look on a website:

Real life example of instagram feed on sony website

How to Add Instagram Reviews as Pop-ups

In the WiserNotify dashboard, go to “Social Proof”. Click on “Add Notification”, then select “Customer Reviews” and click “Add”.

Wisernotify step 1 for adding instagram review

Watch This Quick Video to See How It Works

Connect Instagram to Show Reviews

In the Review Notification Settings, go to “Data Sources”.

Click “Add Integration” and select “Instagram”. Click “Publish” to start showing Instagram reviews.

Wisernotify step 2 for adding instagram reviews

Here’s how Instagram reviews look on real websites:

how instagram review look like in real website

WiserNotify Can Do More! This is just one of the many ways WiserNotify helps businesses grow. It’s a trusted tool used by 11,000+ businesses to build trust and boost sales.

Need More Help?

How to Embed Instagram Feed on Divi

Follow these steps to seamlessly integrate your Instagram feed:

1. Install a Plugin

  • Divi supports WordPress plugins, making it easy to embed an Instagram feed. Install a reliable plugin like “Smash Balloon Instagram Feed” or another recommended tool.
  • Go to your WordPress dashboard and navigate to Plugins > Add New.
  • Search for your preferred Instagram feed plugin and click “Install Now.”
  • Activate the plugin after installation.

2. Connect Instagram Account

  • Access the plugin settings in the WordPress dashboard.
  • Authenticate your Instagram account by logging in and granting the necessary permissions.
  • Choose the account or hashtag feed you want to display.

3. Customize the Feed

  • Adjust the feed layout to match Divi’s design aesthetic. Options typically include grids, carousels, or sliders.
  • Configure settings such as the number of posts, image resolution, and refresh intervals.

4. Embed the Feed in Divi

  • Open the Divi Builder for the page where you want to display the Instagram feed.
  • Add a new module and choose the “Code” or “Text” module.
  • Paste the shortcode generated by the plugin into the module.
  • Save and preview your changes.

5. Optimize for Mobile

  • Test your embedded feed on different devices to ensure responsiveness.
  • Use Divi’s mobile view editor to make necessary adjustments.

Best Practices for Showcasing Instagram Feed on Divi

Placement Matters

  • Feature the Instagram feed prominently on the homepage or product pages.
  • Use the footer or sidebar for consistent visibility across all pages.

Highlight User-Generated Content

  • Showcase customer photos and testimonials to build trust.
  • Use hashtags like #DiviStyle or #YourBrandName for curated content.

Maintain Aesthetic Consistency

  • Ensure the feed design aligns with your brand’s theme and colors.
  • Opt for clean layouts that complement Divi’s minimalist design.

Leverage Call-to-Actions (CTAs)

  • Add CTAs like “Shop Now” or “Follow Us on Instagram” within or near the feed.
  • Use shoppable posts to drive sales directly from the feed.

Regular Updates

  • Keep the feed fresh by rotating hashtags or featuring new posts.
  • Monitor content to ensure relevance and appropriateness.

Common Mistakes to Avoid When Adding Instagram Feed to Divi

Overloading the Page

  • Avoid embedding too many posts, which can slow down page load times. Stick to 6-12 posts.

Neglecting Mobile Optimization

  • A significant portion of eCommerce traffic comes from mobile devices. Ensure your feed displays correctly on all screen sizes.

Ignoring Plugin Updates

  • Outdated plugins can cause functionality issues. Regularly update your Instagram feed plugin.

Mismatched Visuals

  • Failing to align the feed’s design with your brand’s style can create a disjointed user experience.

No Clear CTAs

  • Failing to include actionable elements like “Shop the Look” reduces the feed’s conversion potential.

Wrap-Up

Integrating an Instagram feed into your Divi website is a powerful way to enhance engagement, boost conversions, and build social proof.

With easy-to-use tools and best practices, you can create a visually appealing and highly functional Instagram integration.

Ready to elevate your Divi site? Try Wisernotify for seamless embedding of Instagram feeds and start engaging your audience today!

 

FAQ's

You can add an Instagram feed to your Divi website using plugins like Smash Balloon or by embedding Instagram’s native embed code. You can also use Divi modules or custom code to integrate an Instagram feed seamlessly.

 

Yes, most Instagram feed plugins, like Smash Balloon, allow you to customize the layout, colors, number of posts, and other design elements. You can also use Divi’s design settings or custom CSS to further match your website’s style.

While you can use Instagram’s embed code for a simple solution, using a plugin like Smash Balloon or a similar tool provides greater flexibility, design control, and automatic updates for your Instagram feed.

Yes, many Instagram feed plugins allow you to display posts from specific accounts, hashtags, or even curate a custom selection. This can be set up through the plugin’s settings.

Adding an Instagram feed can impact site speed slightly, but you can minimize this by optimizing the plugin settings, enabling lazy loading, or using a caching plugin to improve performance.

 

Picture of Krunal Vaghasiya
Krunal Vaghasiya
Krunal Vaghasiya is a marketing tech expert who boosts e-commerce conversion rates with automated social proof and FOMO strategies. He loves to keep posting insightful posts on online marketing software, marketing automations, and improving conversion rates.
Wisernotify
Struggling with low conversions?
Use Social Proof & FOMO
Social Media icon