↓ Skip to Main Content
Cyberchimps Logo

Main Navigation

  • Pro
  • Starter Templates
    • Free Templates
    • Premium Templates
  • Pricing
  • Login
Get Started
Cyberchimps Logo

Off Canvas Menu

  • Pro
  • Starter Templates
    • Free Templates
    • Premium Templates
  • Pricing
  • Login

Installations & Updates

1
  • How to Install and Activate the Responsive Blocks Addons (RBA) Plugin?

General

7
  • Custom CSS feature in Responsive Blocks
  • Responsive Blocks – Block Presets
  • Responsive conditions
  • Display Conditions Extension
  • Animations Extension
  • Pattern Importer
  • Responsive Blocks plugin- Introduction

Blocks

50
  • Container
  • Feature Grid
  • Progress Bar – Responsive Blocks
  • Accordion Block
  • Video Popup
  • WP Search
  • Tabs
  • Taxonomy List
  • Team
  • Testimonial
  • Testimonial Slider – Responsive Blocks
  • Post And Page Grid
  • Section
  • Shape Divider
  • Social Share
  • Spacer
  • Table Of Contents – Gutenberg Blocks
  • Info Block
  • Inline Notice Block
  • Instagram Feed Block
  • Masonry
  • Multi Buttons
  • Portfolio – Responsive Blocks
  • Post Carousel – Responsive Blocks
  • Post Timeline
  • Pricing List
  • Pricing Table – Responsive Blocks
  • Flip Box
  • Google Map – Responsive Blocks
  • Icon List
  • Image Boxes
  • Image Hotspot – Responsive Blocks
  • Image Slider – Responsive Blocks
  • Count Down
  • Count Up
  • Divider – Gutenberg Blocks
  • Expand/Show More
  • Card
  • Content Timeline
  • Popup Block
  • Image Block
  • Contact Form 7 Styler – Responsive Blocks
  • Advanced Column
  • Advanced Heading
  • Advanced Text
  • Anchor Block
  • Blockquote
  • Call/Mail Button
  • Call To Action – Responsive Blocks
  • Form Blockย 
View Categories
  • Home
  • Docs
  • Responsive Blocks
  • Blocks
  • Instagram Feed Block

Instagram Feed Block

This block allows you to stream Instagram content directly to your WordPress website, thus increasing your odds of getting new followers and clients.

How To Add The Instagram Block

Open a page or a post and click on the plus icon to add a new block, and look for โ€˜Instagramโ€™, or you can search for it if it doesnโ€™t pop up quickly for you.

drag and drop instagram feed block

How To Configure The Instagram Block

Under the Content Tab, General Settings like Columns, Spacing, Border Radius, and options to choose the number of posts to be displayed are available.

Content API Key

This block requires you to obtain an Instagram Access Token to connect Instagram with WordPress. To do so, follow the steps below:

1. Convert your Instagram account to a business or creator account:

change acc settings

You first need to convert your Instagram account to a business or a creator account by navigating to the Profile. Click on Account type and Tools, and then Switch To Professional Account. Then select which type of account you want and complete the process.

2. Connect the Instagram account to Facebook:

Connect your professional Instagram account to your Facebook page by clicking on Profile on your Facebook page and navigating to Settings and then selecting Linked Accounts. Next, click on Instagram and click connect. You’ll also need to have a business portfolio. If you don’t have it, create one.

3. Open Facebook for Developers:

Go to developers.facebook.com and click on MyApps, and click on Create App.

my apps

Find Facebook Login for Business. Then, click Setup. Add the information and hit Save Changes.

create app
facebook for developers

Click on Business.

business

Hit Create app.

create app

Find Facebook and click Set up.

find facebook

4. Set up Facebook login for businesses:

Hover on Tools, click on Graphic API Explorer.

graph api explorer

Under Meta App, select your app name. Under User or Page, make sure it is selected as Get Token. Under Permission, add your permissions. Then click on Generate Access Token.

generate access token

Once the token is generated, copy it and navigate to Tools, click on Access Token Debugger, and paste the copied access token in the field. Then hit Debug. Check if all of the information is correct and then click on Extend Access Token.

access token debugger
access token debugger

Finally, you have successfully generated the access token to integrate Instagram with WordPress using the Instagram feed block.

generated access token

Enter Access Token

Enter access token

Now that you have the access token with you, paste it into the field provided once you add the Instagram Feed Block to your page or post and save the changes.

Settings

Settings
  • Number of Items – Choose the number of posts to be displayed on your website.
  • Columns – This option allows you to set different numbers of columns in Desktop, Tablet and Mobile view.
  • Spacing – Adjust the spacing between the posts from here.
  • Border Radius – This option is used to set the border roundness of each postโ€™s card.

How To Style The Instagram Block

spacing

Under the Style Tab, various style settings for Padding and Margin for the Instagram block are available.

  • Padding: Offers individual options to customize the Top, Right, Bottom, Left padding around the block. This block also has responsive options for desktop, tablet, and mobile.
  • Margin: Offers individual options to customize the Top, Right, Bottom, Left margin around the block. This block also has responsive options for desktop, tablet, and mobile.

Updated on September 18, 2025

What are your Feelings

  • Happy
  • Normal
  • Sad

Share This Article :

  • Facebook
  • X
  • LinkedIn
  • Pinterest
Inline Notice BlockMasonry

Our Products

Responsive Pro

Responsive Addons for Elementor

Starter Templates

Responsive Blocks

WP Legal Pages

GDPR Cookie Consent

Powered by Responsive WordPress theme

Our Products

Responsive Pro

Responsive Addons for Elementor

Starter Templates

Responsive Blocks

WP Legal Pages

GDPR Cookie Consent

Powered by Responsive WordPress theme

Resources

Starter Templates

Responsive Platform

Learn Elementor

Testimonials

Compare Astra/Kadence

TrustPilot

CCPA

Video Tutorials

Resources

Starter Templates

Responsive Platform

Learn Elementor

Testimonials

Compare Astra/Kadence

TrustPilot

CCPA

Video Tutorials

Theme Features

Responsive Features

WooCommerce

Header Footer Builder

Site Builder

Child Theme Generator

Download Free Theme

DFY Website Setup

Theme Features

Responsive Features

WooCommerce

Header Footer Builder

Site Builder

Child Theme Generator

Download Free Theme

DFY Website Setup

Company

About

Pricing

Blog

Brand Assets

Affiliate Program

Contact Us

Terms of Service

GDPR Privacy Policy

GDPR Cookie Policy

Website Design Service

Company

About

Pricing

Blog

Brand Assets

Affiliate Program

Contact Us

Terms of Service

GDPR Privacy Policy

GDPR Cookie Policy

Website Design Service

Support

Login

Whatโ€™s New

Documentation

Request Support

Video Tutorials

Refund Policy

Service

Discount Coupon

Bug Bounty Program

Support

Login

Whatโ€™s New

Documentation

Request Support

Video Tutorials

Refund Policy

Service

Discount Coupon

Bug Bounty Program

Copyright © 2010-2026 CyberChimpsย ย 

Copyright © 2010-2026 CyberChimpsย ย 

Top
Top