← Back to Blog

How to Embed an Instagram Widget on Your Framer Website Using SnapWidget

Published on Mar 1, 2023

If you have a Framer website and want to display your Instagram feed on it, SnapWidget is an excellent tool to use. SnapWidget is a platform that allows you to create and customize widgets that display your Instagram content. In this blog post, we will guide you through the steps to add an Instagram widget to your Framer website using SnapWidget.

Step 1: Sign up for a SnapWidget account

The first step is to sign up for a SnapWidget account. Go to the SnapWidget website, and click on the "Get Started" button. You will be prompted to enter your email address, and password. Once you have filled in the required information, click on the "Sign Up" button.

Step 2: Choose your widget type

After signing up for a SnapWidget account, you need to choose the type of widget you want to create. There are four different types of widgets available: Grid, Board, Scrolling, and Slideshow. For this tutorial, we will choose the Grid widget.

Step 3: Connect your Instagram account

To display your Instagram feed on your Framer website, you need to connect your Instagram account to SnapWidget. To do this, click on the "Username" field and log in to your Instagram account.

Step 4: Customize your widget

Once you have connected your Instagram account, you can customize your widget. You can choose the layout, the number of columns, the spacing between the images, and more. You can also customize the widget's colors, borders, and other settings to match your website's design.

Step 5: Generate your widget code

After customizing your widget, you need to generate the widget code that you will use to embed the widget on your Framer website. Click on the "Get Widget" button, and you will be given a code that you need to copy.

Step 6: Embed the widget on your Framer website

The final step is to embed the widget code on your Framer website. We have created a step-by-step tutorial that will guide you to adding the widget to your Framer website.

That's it! You now have an Instagram widget in your website that will automatically update with any new photos and videos you post to your Instagram account.