How to Add Instagram Feed in tagDiv Composer

Updated: May 22, 2021

The vast majority of WordPress page builders allow you to effortlessly integrate your website with social media accounts. tagDiv Composer — which is built exclusively for Newspaper and Newsmag themes — allows you to effortlessly integrate your website with your Instagram account. You can display your Instagram feed on your website. There is a default design element you can use to do so.

Unlike, for instance, Elementor, you don’t need an Instagram Access Token to display your Instagram feed in tagDiv Composer. You just need to paste your Instagram username to the available field. You can display your Instagram feed to any part of your website. Whether on the homepage, on the sidebar, on the footer, on a landing page. Anywhere.

How to add Instagram feed in tagDiv Composer

First off, create a new page (or edit an existing one) and edit it with tagDiv Composer.

On the tagDiv Composer editor, add the Instagram element by dragging it from the left panel to the canvas area.

Once the Instagram element is added, hover your mouse over it and click Element to customize it.

The first thing you need to do is add your Instagram username. To do, open the Instagram tab on the left panel and paste your Instagram username (without “@” sign) to the Instagram ID field.

From the Instagram tab, you can also set the number of images per row as well as the number of rows. You can also disable the header if you want to only display your Instagram posts. In the Image gap section, you can set the gap between images.

To customize the look of your Instagram feed, you can go to the CSS tab. Here, you can set the background color, background opacity, overlay, gradient direction, and so on. You can also set the margin as well as the padding.

To make the general settings like the title, the typography settings, and the header style, you can go to the General tab.

To preview your Instagram, you can click the eye icon on the top side of the left panel. But first, you need to save the content and the settings by clicking the floppy disk icon.

Once you get satisfied with the result, publish your page. To do so, switch back to the back-end by clicking the close icon on the left panel.

Click the Publish button to publish your page.

This page may contain affiliate links, which help support WP Pagebuilders. Learn more

3 thoughts on “How to Add Instagram Feed in tagDiv Composer”

Leave a Comment

Pin It on Pinterest

Thanks for commenting

Help us grow by sharing this post with your friends!

Join 1,000+ WordPress users receiving tips and insights on creating with WordPress in the no-code era.

Creating with WordPress?​

Subscribe and join 1,000+ WordPress users receiving tips and insights on creating with WordPress in the no-code era. At WP Pagebuilders, we write about the following topics a lot.