How to Embed Instagram Widget on Squarespace
Want to wow your website visitors with your awesome Instagram content? You can do it easily by embedding an Instagram widget using a custom HTML code in your Squarespace website. Whether you want to show off your own posts, hashtags, or mentions, you can use Idukki to create a stunning Instagram widget in minutes. Then, you can embed it on your Squarespace website with a simple copy-paste. In this article, we’ll guide you through the whole process step by step. Ready to rock your website with Instagram? Let’s go!
Prerequisites
An Instagram Posts Collection
A Squarespace Website
Create and customize your collection in Idukki to display it on your Squarespace website. Here are the steps to follow:
Add an Instagram feed to your collection. You can learn how to do it here.
Edit your collection by pinning or hiding posts, using a profanity filter, and tagging products. You can learn how to do it here.
Curate your collection and fine-tune the details to match your brand. You can learn how to do it here.
You can also add custom CSS to design your widget, depending on your plan.
Log in to your Squarespace account and open the page where you want to display the feed.
Click Edit and then click the + icon to add a new block.
Select Code from the menu and paste the HTML code from Idukki in the box.
Click Apply and then Save to publish your changes.
I hope this helps.
Prerequisites
An Instagram Posts Collection
A Squarespace Website
Creating a Collection
Create and customize your collection in Idukki to display it on your Squarespace website. Here are the steps to follow:
Add an Instagram feed to your collection. You can learn how to do it here.
Edit your collection by pinning or hiding posts, using a profanity filter, and tagging products. You can learn how to do it here.
Curate your collection and fine-tune the details to match your brand. You can learn how to do it here.
You can also add custom CSS to design your widget, depending on your plan.
Embedding in Squarespace
Log in to your Squarespace account and open the page where you want to display the feed.
Click Edit and then click the + icon to add a new block.
Select Code from the menu and paste the HTML code from Idukki in the box.
Click Apply and then Save to publish your changes.
I hope this helps.
Updated on: 15/08/2023
Thank you!