Instagram has become an essential tool for many brands, and displaying your posts on your website can improve both aesthetics and interaction with your visitors. In this tutorial, we’ll explain how to embed your Instagram posts in Divi using the powerful Smash Balloon Social Photo Feed plugin, and we’ll also see how to integrate the Instagram footer from Destaca to give your website a special touch.

Content

Why display your Instagram feed in Divi?

Step 1: Install and activate Smash Balloon

Step 2: Connect your Instagram account

Step 3: Configure your feed layout

Step 4: Insert the feed into your Divi page

Step 5: Integrate Instagram footer with Divi Instagram Footers

Conclusion

Why display your Instagram feed in Divi?

Exposing your Instagram feed on your website not only adds visually appealing content, but also encourages social interaction and growth of your followers. Divi, in combination with the Smash Balloon plugin , allows for a clean and fully customizable integration that fits seamlessly with your website design.

Step 1: Install and activate Smash Balloon

The first step is to get the Smash Balloon Social Photo Feed plugin, which you can purchase from the official website or from the Destaca site.

1. Purchase the plugin from the Smash Balloon website .
2. Install the plugin by accessing your WordPress dashboard > Plugins > Add New > Upload Plugin.
3. Activate the plugin from the admin panel once it has been successfully uploaded.

Step 2: Connect your Instagram account

Once the plugin is installed, it’s time to connect it with your Instagram account.

1. Go to Instagram Feed in the WordPress side menu.
2. Click Connect an account and follow the steps to authorize the connection between your website and your Instagram account.
3. Once your account is connected, you will be able to configure the feed details, such as the number of posts to display, layout and style.

Step 3: Configure your feed layout

Smash Balloon offers several customization options that allow you to adjust the look of your Instagram feed to match your website’s aesthetic.

1. Grid layout: Perfect for displaying multiple images in an organized fashion.
2. Carousel layout: Ideal for displaying a series of scrollable images.
3. Single column layout: A simpler and more elegant option if you want to highlight each image individually.

You can adjust the colors, fonts and sizes to make sure it integrates seamlessly with your Divi website design.

Step 4: Insert the feed into your Divi page

Now that you’ve set up your feed, it’s time to add it to your page using Divi.

1. Open the page where you want to display your feed and select Use Divi Visual Builder.
2. Add a new Section or Row where you want the feed to appear.
3. Use the Divi Code module to paste the shortcode provided by Smash Balloon. This shortcode can be found in the plugin settings inside the WordPress dashboard.

[instagram-feed]

This is the basic shortcode to insert your Instagram feed. If you need to further customize the feed (number of columns, number of images, etc.), you can adjust the parameters in the shortcode. Furthermore, in this video we add the feed to the footer but you can paste the shortcode in any Divi page.

Step 5: Integrate the Instagram footer with Divi Instagram Footers

To give an extra touch to your website, you can integrate Instagram footer from Destaca, which allows you to display your Instagram feed in the footer in an elegant way.

1. Purchase and download the Divi Instagram Footers package from Destaca.
2. Import the footer layout file to your Divi Theme Builder.
3. Add the “Instagram Footers” module to the global footer or to a specific footer in the Theme Builder.
4. Connect your Instagram feed to the imported layout and customize the styling using Divi options.

This type of integration is perfect for websites that want to maintain a constant Instagram presence, but without taking up too much space on the main pages.

Conclusion

Embedding your Instagram posts on your website with Divi and Smash Balloon is a simple process that can greatly improve the user experience and visual presence of your brand. With tools like Smash Balloon and Destaca’s Instagram footer, you can display your content in a professional and fully customized way, ensuring that your website is always up-to-date and in sync with your social networks.

Find everything you need to create with Divi

Divi plugins | Divi Themes | Divi Layouts

At Destaca Imagen, we bring your ideas to life with Divi. We create unique DIVI templates that transform your website into a visual and functional experience, tailored to your needs. Give your project the boost it deserves with our innovative and fully customizable designs. The future of your website starts here!