--- title: "Spark Editor: Blocks - Instafeed" description: Show off your Instagram posts in a beautiful and mobile responsive layout with a direct connection to your feed. --- [Skip to content](https://support.agentfire.com/en/articles/2832179-spark-editor-blocks-instafeed#main-content) English Show submenu for translations [More support](https://support.agentfire.com/en/kb-tickets/new) ![color\_inverted@4x](https://support.agentfire.com/hs-fs/hubfs/color_inverted@4x.png?width=200&height=77&name=color_inverted@4x.png) Open main navigation Close main navigation - English Show submenu for translations - [More support](https://support.agentfire.com/en/kb-tickets/new) How can we help? - There are no suggestions because the search field is empty. 1. [AgentFire Help Desk](https://support.agentfire.com/en) 2. [Spark Editor](https://support.agentfire.com/en/spark-editor) 3. [Spark Editor](https://support.agentfire.com/en/spark-editor#spark-editor) # Spark Editor: Blocks - Instafeed ## Show off your Instagram posts in a beautiful and mobile responsive layout with a direct connection to your feed. ### Instafeed Setup [![](https://support.agentfire.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio110341113e52d672a021e7c978634c880blue-bar.png)](https://downloads.intercomcdn.com/i/o/110341113/e52d672a021e7c978634c880/blue-bar.png?expires=1619655935&signature=38367672f2359971a9b2c4d3feaa813d0b9e6c908fe1e6998d1469417d7dbd6d) **Important:** In order to get this block working, you will need to have your Instafeed plugin setup with some specific requirements. Keep in mind you can only have 1 Instagram feed connected to your site.  [Instafeed Setup Tutorial](https://support.agentfire.com/en/articles/2492759-instafeed-initial-setup) Once you have completed the initial part, you can return to this tutorial, and place the feed on your website. ### Placing the feed on the page [![](https://support.agentfire.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio1103410267baee1419a8327d0b609c27eblue-bar.png)](https://downloads.intercomcdn.com/i/o/110341026/7baee1419a8327d0b609c27e/blue-bar.png?expires=1619655935&signature=4d4e635d16a79ab93ebffbdaed2d511f5c0c19f5677ba94c93fcb8c9794c1f58) To add this block, click on the **Add Block** buttonand scroll all the way down to find the **Instafeed Block.** ![image-png-Sep-15-2023-08-22-30-0501-PM](https://support.agentfire.com/hs-fs/hubfs/image-png-Sep-15-2023-08-22-30-0501-PM.webp?width=688&height=306&name=image-png-Sep-15-2023-08-22-30-0501-PM.webp) ### Settings In the settings, you can select between an **Image**, solid **Color**, or **None (default), and set the block to Full Width** ![image-png-Sep-15-2023-08-40-12-0083-PM-1](https://support.agentfire.com/hs-fs/hubfs/image-png-Sep-15-2023-08-40-12-0083-PM-1.png?width=321&height=543&name=image-png-Sep-15-2023-08-40-12-0083-PM-1.png) ### Title You can add a **title** and a **sub title** to the block, and adjust their colors. ![image-png-Sep-15-2023-08-41-08-5437-PM](https://support.agentfire.com/hs-fs/hubfs/image-png-Sep-15-2023-08-41-08-5437-PM.webp?width=321&height=518&name=image-png-Sep-15-2023-08-41-08-5437-PM.webp) ### Feed This is where all the fun stuff comes in. Here you can control: - **Posts Count** - enter the number of posts you want to showcase - **Gutter Width** - white empty space between the images - **Number of Columns** - for example if you want 6 columns, you should add 2 more numbers to it. 6/5/4/3/2/1 - **Image Border Width** - Option to set image borders (in pixels) - **Image Border Color** - Set the color of the border - **Hover Color Effect** - Add hover color Effect (lower transparency recommended) ![image-png-Sep-15-2023-08-47-07-4973-PM](https://support.agentfire.com/hs-fs/hubfs/image-png-Sep-15-2023-08-47-07-4973-PM.webp?width=289&height=543&name=image-png-Sep-15-2023-08-47-07-4973-PM.webp) As mentioned above, **it's recommended to have a lower transparency for the hover color effect** and here is why: **Example 1:** Here you have the transparency at 1.0 or 100% ![image-png-Sep-15-2023-09-12-56-5387-PM](https://support.agentfire.com/hs-fs/hubfs/image-png-Sep-15-2023-09-12-56-5387-PM.webp?width=290&height=541&name=image-png-Sep-15-2023-09-12-56-5387-PM.webp)![image-png-Sep-15-2023-09-24-15-7388-PM](https://support.agentfire.com/hs-fs/hubfs/image-png-Sep-15-2023-09-24-15-7388-PM.webp?width=688&height=447&name=image-png-Sep-15-2023-09-24-15-7388-PM.webp) **Example 2:** Here, the transparency is set to 0.6 or 60% ![image-png-Sep-15-2023-09-19-09-2006-PM](https://support.agentfire.com/hs-fs/hubfs/image-png-Sep-15-2023-09-19-09-2006-PM.webp?width=289&height=542&name=image-png-Sep-15-2023-09-19-09-2006-PM.webp) ![image-png-Sep-15-2023-09-22-36-7545-PM](https://support.agentfire.com/hs-fs/hubfs/image-png-Sep-15-2023-09-22-36-7545-PM.webp?width=688&height=449&name=image-png-Sep-15-2023-09-22-36-7545-PM.webp) After you have made the necessary edits, make sure to save the page in the **bottom left corner**. *Instafeed Example:* ![downloads - 2023-11-30T220228.655](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T220228.655.webp?width=688&height=342&name=downloads%20-%202023-11-30T220228.655.webp) ### Further Education about the Spark Editor and Spark Pages: 1. [Spark Editor: Getting familiar with the Basics](https://support.agentfire.com/en/articles/2318471-spark-editor-getting-familiar-with-the-basics) 2. [Spark Editor: Blocks - Header](https://support.agentfire.com/en/articles/2342894-spark-editor-blocks-header) 3. [Spark Editor: Blocks - Areas](https://support.agentfire.com/en/articles/2346845-spark-editor-blocks-areas) 4. [Spark Editor: Blocks - About](https://support.agentfire.com/en/articles/2347011-spark-editor-blocks-about) 5. [Spark Editor: Blocks - Call To Action](https://support.agentfire.com/en/articles/2347090-spark-editor-blocks-call-to-action) 6. [Spark Editor: Blocks - Content](https://support.agentfire.com/en/articles/2371992-spark-editor-blocks-content) 7. [Spark Editor: Blocks - Testimonials](https://support.agentfire.com/en/articles/2350021-spark-editor-blocks-testimonials) 8. [Spark Editor: Blocks - Blog](https://support.agentfire.com/en/articles/2353357-spark-editor-blocks-blog) 9. [Spark Editor: Blocks - Team Members](https://support.agentfire.com/en/articles/2371859-spark-editor-blocks-team-members) 10. [Spark Editor: Blocks - Forms](https://support.agentfire.com/en/articles/2368108-spark-editor-blocks-forms) 11. [Spark Editor: Blocks - Listing](https://support.agentfire.com/en/articles/2371638-spark-editor-blocks-listing) 12. [Spark Editor: Blocks - Service](https://support.agentfire.com/en/articles/2747928-spark-editor-blocks-service)   - [Site Tools](https://support.agentfire.com/en/site-tools#main-content) - [Area Guides](https://support.agentfire.com/en/site-tools#area-guides) - [Engage](https://support.agentfire.com/en/site-tools#engage) - [Guide Creator](https://support.agentfire.com/en/site-tools#guide-creator) - [Lead pages](https://support.agentfire.com/en/site-tools#lead-pages) - [Reviews](https://support.agentfire.com/en/site-tools#reviews) - [Team Members](https://support.agentfire.com/en/site-tools#team-members) - [Listings Hub (Formerly My Listings)](https://support.agentfire.com/en/site-tools#listings-hub-formerly-my-listings) - [Search pages](https://support.agentfire.com/en/site-tools#search-pages) - [Spark AI](https://support.agentfire.com/en/site-tools#spark-ai) - [QR Codes](https://support.agentfire.com/en/site-tools#qr-codes) - [Spark Editor](https://support.agentfire.com/en/spark-editor#main-content) - [Spark Editor](https://support.agentfire.com/en/spark-editor#spark-editor) - [Lead Forms](https://support.agentfire.com/en/spark-editor#lead-forms) - [Menus](https://support.agentfire.com/en/spark-editor#menus) - [Redirects and Domain Masking](https://support.agentfire.com/en/spark-editor#redirects-and-domain-masking) - [Blogging](https://support.agentfire.com/en/spark-editor#blogging) - [AgentFire IDX](https://support.agentfire.com/en/agentfire-idx#main-content) - [Property Alerts and Saved Searches](https://support.agentfire.com/en/agentfire-idx#property-alerts-and-saved-searches) - [Listing alerts](https://support.agentfire.com/en/agentfire-idx#listing-alerts) - [IDX Questions](https://support.agentfire.com/en/agentfire-idx#idx-questions) - [IDX Tools](https://support.agentfire.com/en/agentfire-idx#idx-tools) - [Coaching and Success](https://support.agentfire.com/en/coaching-and-success#main-content) - [Monthly Success Checklist](https://support.agentfire.com/en/coaching-and-success#monthly-success-checklist) - [Tips & Tricks](https://support.agentfire.com/en/coaching-and-success#tips-tricks) - [Dashboard Deep Dive Webinars](https://support.agentfire.com/en/coaching-and-success#dashboard-deep-dive-webinars) - [Launch](https://support.agentfire.com/en/launch#main-content) - [Email Routing](https://support.agentfire.com/en/launch#email-routing) - [Redirects and DNS Management](https://support.agentfire.com/en/launch#redirects-and-dns-management) - [Nameservers and Access](https://support.agentfire.com/en/launch#nameservers-and-access) - [Google Services](https://support.agentfire.com/en/launch#google-services) - [Add-Ons](https://support.agentfire.com/en/add-ons#main-content) - [Team Link](https://support.agentfire.com/en/add-ons#team-link) - [ADA Protect](https://support.agentfire.com/en/add-ons#ada-protect) - [Home Values](https://support.agentfire.com/en/add-ons#home-values) - [Neighborhood Quiz](https://support.agentfire.com/en/add-ons#neighborhood-quiz) - [Local SEO Setup](https://support.agentfire.com/en/add-ons#local-seo-setup) - [Integrations](https://support.agentfire.com/en/integrations#main-content) - [Instafeed](https://support.agentfire.com/en/integrations#instafeed) - [Zapier](https://support.agentfire.com/en/integrations#zapier) - [Facebook](https://support.agentfire.com/en/integrations#facebook) - [LionDesk](https://support.agentfire.com/en/integrations#liondesk) - [IDX](https://support.agentfire.com/en/integrations#idx) - [Lead Manager](https://support.agentfire.com/en/integrations#lead-manager) - [Intercom Chat](https://support.agentfire.com/en/integrations#intercom-chat) - [Ruuster](https://support.agentfire.com/en/integrations#ruuster) - [Follow Up Boss](https://support.agentfire.com/en/integrations#follow-up-boss) - [FAQs and General](https://support.agentfire.com/en/faqs-and-general#main-content) - [Common Questions](https://support.agentfire.com/en/faqs-and-general#common-questions) - [Google Analytics](https://support.agentfire.com/en/faqs-and-general#google-analytics) - [IDX](https://support.agentfire.com/en/faqs-and-general#idx) - [General](https://support.agentfire.com/en/faqs-and-general#general) - [Posts Launch Training](https://support.agentfire.com/en/posts-launch-training) - [Google Search Console](https://support.agentfire.com/en/google-search-console#main-content) - [Google Search Console](https://support.agentfire.com/en/google-search-console#google-search-console) - [Partner Program](https://support.agentfire.com/en/partner-program) - [AgentFire Go](https://support.agentfire.com/en/agentfire-go) [![Chill listening crop-3](https://support.agentfire.com/hs-fs/hubfs/AF%20Logo.png?width=96&height=24&name=AF%20Logo.png "Chill listening crop-3")](https://support.agentfire.com/) Copyright © 2026, Dark Galaxy Limited DBA AgentFire.com