--- title: Using Snapwidget to add Instagram to your website [B12 2.0] description: How to generate an Instagram embed code with Snapwidget --- [Skip to content](https://support.b12.io/en/v2/using-snapwidget-to-add-instagram-to-your-website#main-content) ![b12 logo](https://support.b12.io/hubfs/b12%20logo.svg) - [Help Center](https://support.b12.io/) - [B12 Website](https://www.b12.io/) - [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery) - [Resources](https://www.b12.io/resource-center/) - [Pricing](https://www.b12.io/pricing/) - [Log in](https://b12.io/dashboard/) Open main navigation Close main navigation - [Help Center](https://support.b12.io/) - [B12 Website](https://www.b12.io/) - [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery) - [Resources](https://www.b12.io/resource-center/) - [Pricing](https://www.b12.io/pricing/) - [Log in](https://b12.io/dashboard/) - [Start for free](https://b12.io/signup/) [Start for free](https://b12.io/signup/) How can we help? - There are no suggestions because the search field is empty. 1. [B12 Help Center](https://support.b12.io/en?hsLang=en) 2. [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en) 3. [Integrations - Communication](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-communication) # Using Snapwidget to add Instagram to your website \[B12 2.0\] ## How to generate an Instagram embed code with Snapwidget | ![jay\_d2-1572877644-modified](https://support.b12.io/hs-fs/hubfs/jay_d2-1572877644-modified.png?width=60&height=60&name=jay_d2-1572877644-modified.png) Written by: Jay Douglas Last updated: 25 Nov., 2025 | | --- | These steps require a SnapWidget account. If you prefer to use Instagram’s official embed code, [see this article](https://support.b12.io/en/articles/6133247-adding-your-instagram-feed-to-your-website?hsLang=en) instead. Integrating your Instagram profile into your website helps keep visitors engaged and encourages them to explore your content. SnapWidget is a fast and free way to create an Instagram embed that displays well on your B12 site. ### Creating your Instagram widget in SnapWidget 1\. Go to [www.snapwidget.com](http://www.snapwidget.com). 2\. Click `CREATE YOUR WIDGET`, then create a free account. 3\. Click **`CHOOSE A SERVICE`,** then select `INSTAGRAM`.  ![](https://support.b12.io/hs-fs/hubfs/image-png-Nov-24-2025-07-55-04-7328-PM.png?width=574&height=300&name=image-png-Nov-24-2025-07-55-04-7328-PM.png) 4\. Select the layout you want to use. ![](https://support.b12.io/hs-fs/hubfs/image-png-Nov-24-2025-07-56-14-4201-PM.png?width=573&height=241&name=image-png-Nov-24-2025-07-56-14-4201-PM.png) 5\. Click `CONFIGURE WIDGET`. 6. Click the **Username** field next to the **@** symbol to connect your Instagram account. Approve the access request when prompted. ![](https://support.b12.io/hs-fs/hubfs/image-png-Nov-24-2025-08-11-18-8392-PM.png?width=250&height=386&name=image-png-Nov-24-2025-08-11-18-8392-PM.png) **Note:** If a popup is blocked, make sure your browser allows SnapWidget to open new windows. 7\. You can adjust the settings and click `PREVIEW IN A NEW WINDOW`to see how your feed will appear.  ![](https://support.b12.io/hs-fs/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio848288010a205d623e7e7c46bcd6717eqpQ3Mzluxdns80sy554RVzMzQqFVVyhnFjqqeMYm9QS3d3Uen_cGtGNoiOF3FNk8TcKrXorkbhYxKaMdZmHrM.png?width=421&height=300&name=downloads.intercomcdn.comio848288010a205d623e7e7c46bcd6717eqpQ3Mzluxdns80sy554RVzMzQqFVVyhnFjqqeMYm9QS3d3Uen_cGtGNoiOF3FNk8TcKrXorkbhYxKaMdZmHrM.png) 8\. Click `GET WIDGET` to generate your embed code.  9\. Copy the embed code. Follow [B12’s embed instructions](https://support.b12.io/en/articles/1658662-how-to-add-an-integration-or-html-code?hsLang=en) to add it to your website. ![](https://support.b12.io/hs-fs/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio84828802dcf5e43ca716bd12faa7e37bbnqvUGMYMGBchuy2zWHetb9UEuNXiPrRyNnBKXfM9RTF7UlA6kQPCFx-O6MCSgZ5XJQa3mc4MSt2OzGBEbKD9.png?width=425&height=139&name=downloads.intercomcdn.comio84828802dcf5e43ca716bd12faa7e37bbnqvUGMYMGBchuy2zWHetb9UEuNXiPrRyNnBKXfM9RTF7UlA6kQPCFx-O6MCSgZ5XJQa3mc4MSt2OzGBEbKD9.png) Your widget will also appear in your SnapWidget dashboard. You can return to this dashboard anytime to update your widget settings. - [Getting started](https://support.b12.io/en/getting-started?hsLang=en#main-content) - [Introduction](https://support.b12.io/en/getting-started?hsLang=en#introduction) - [Detailed guides](https://support.b12.io/en/getting-started?hsLang=en#detailed-guides) - [Working with B12's AI Agent](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#main-content) - [Agent Skills](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#agent-skills) - [Built-in features](https://support.b12.io/en/built-in-features?hsLang=en#main-content) - [Visual edit](https://support.b12.io/en/built-in-features?hsLang=en#visual-edit) - [Code editor](https://support.b12.io/en/built-in-features?hsLang=en#code-editor) - [Data & users (Backends)](https://support.b12.io/en/built-in-features?hsLang=en#data-users-backends) - [Forms & submissions](https://support.b12.io/en/built-in-features?hsLang=en#forms-submissions) - [Commerce](https://support.b12.io/en/built-in-features?hsLang=en#commerce) - [Contact manager](https://support.b12.io/en/built-in-features?hsLang=en#contact-manager) - [eSignatures](https://support.b12.io/en/built-in-features?hsLang=en#esignatures) - [Email Marketing](https://support.b12.io/en/built-in-features?hsLang=en#email-marketing) - [Team](https://support.b12.io/en/built-in-features?hsLang=en#team) - [Analytics](https://support.b12.io/en/built-in-features?hsLang=en#analytics) - [Website settings](https://support.b12.io/en/built-in-features?hsLang=en#website-settings) - [Adding functionality](https://support.b12.io/en/adding-functionality?hsLang=en#main-content) - [Third-party integrations](https://support.b12.io/en/adding-functionality?hsLang=en#third-party-integrations) - [Publishing & growing](https://support.b12.io/en/publishing-growing?hsLang=en#main-content) - [Domains](https://support.b12.io/en/publishing-growing?hsLang=en#domains) - [Connecting your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#connecting-your-domain) - [Managing Your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#managing-your-domain) - [Email Forwarding & Sending](https://support.b12.io/en/publishing-growing?hsLang=en#email-forwarding-sending) - [Growth & Marketing](https://support.b12.io/en/publishing-growing?hsLang=en#growth-marketing) - [Troubleshooting](https://support.b12.io/en/troubleshooting?hsLang=en#main-content) - [FAQs](https://support.b12.io/en/troubleshooting?hsLang=en#faqs) - [Account & billing](https://support.b12.io/en/account-billing?hsLang=en#main-content) - [Account Login & Password](https://support.b12.io/en/account-billing?hsLang=en#account-login-password) - [Subscription & Payment Information](https://support.b12.io/en/account-billing?hsLang=en#subscription-payment-information) - [Your Account](https://support.b12.io/en/account-billing?hsLang=en#your-account) - [Managing Multiple Websites](https://support.b12.io/en/account-billing?hsLang=en#managing-multiple-websites) - [Multi-user](https://support.b12.io/en/account-billing?hsLang=en#multi-user) - [Getting support](https://support.b12.io/en/getting-support?hsLang=en#main-content) - [Professional & Advanced Plan Support (B12 2.0)](https://support.b12.io/en/getting-support?hsLang=en#professional-advanced-plan-support-b12-2-0) - [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en#main-content) - [Website Structure and Content](https://support.b12.io/en/b12-2-0?hsLang=en#website-structure-and-content) - [Website Style & Design](https://support.b12.io/en/b12-2-0?hsLang=en#website-style-design) - [Sitewide Settings](https://support.b12.io/en/b12-2-0?hsLang=en#sitewide-settings) - [Using the B12 Editor](https://support.b12.io/en/b12-2-0?hsLang=en#using-the-b12-editor) - [Analytics & SEO](https://support.b12.io/en/b12-2-0?hsLang=en#analytics-seo) - [Integrations - General](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-general) - [Integrations - Communication](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-communication) - [Integrations - Language](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-language) - [Integrations - Ecommerce](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-ecommerce) - [Professional & Advanced Plan Features](https://support.b12.io/en/b12-2-0?hsLang=en#professional-advanced-plan-features) - [Troubleshooting & Resources](https://support.b12.io/en/b12-2-0?hsLang=en#troubleshooting-resources) - [Contact Forms](https://support.b12.io/en/b12-2-0?hsLang=en#contact-forms) - [Online Scheduling](https://support.b12.io/en/b12-2-0?hsLang=en#online-scheduling) - [Advanced Editing (Experts Only)](https://support.b12.io/en/b12-2-0?hsLang=en#advanced-editing-experts-only) [![B12\_logo\_2025](https://support.b12.io/hs-fs/hubfs/B12_logo_2025.png?width=53&height=24&name=B12_logo_2025.png "B12_logo_2025")](https://www.b12.io) © 2025 B12. All rights reserved. ×