How To Add Instagram Feed To Squarespace Website?

Instagram has become the most preferred social media marketing platform because of its dynamic post features like filters, editing tools, geo-tagging, hashtags, etc. Engagement rates on Instagram are 15 times higher than Facebook and 20 higher than Twitter. Instagram’s content is captivating. Brands use this marketing potential of the platform by adding Instagram feed on Squarespace websites.

Moreover, the award-winning web designs, exquisite portfolios & templates Squarespace offers to its users perfectly compliments the vibrant Instagram feed.

But the question is, what benefits do brands witness by embedding Instagram posts?

Why Add Instagram Feed To Squarespace Website?

By embedding an Instagram Post on Squarespace website, you can attract more customers and can make your website look authentic with user-generated content. This user-generated content acts as social proof to the brand and thus increases conversion rates.

Moreover, the exciting images and videos of Instagram help in increasing the website’s vibrancy, and thus make it more dynamic and responsive. It also enhances the audience’s interaction with the brand by increasing product visibility and fabricating the hub of the eye-catching visual gallery.

Therefore, adding Instagram feed to Squarespace escalates user engagement and drives sales. Now, after learning about the benefits of Instagram’s aggregation, let us dive into the next section of the blog that has a descriptive tutorial on how to embed Instagram feed on website.

Steps To Add Instagram Feed On Squarespace Website:

Embedding Instagram Widget on Squarespace website can be done in two parts:

1. Add Instagram posts to your Tagbox editor

2. Embed Instagram feed on Squarespace website

Step 1 – Adding Instagram Feed to Squarespace

1. Create Tagbox widget account or log in to your existing account.

2. After you will land on the Dashboard. Here click on Add Feed option to add Instagram feeds in your widget.

3. Select “Instagram” as your source network to collect posts.

4. Choose your connection type to collect those posts from Instagram –  Hashtag(#), My Handle, Handle, Stories(@), Mentions, Tagged, Reels and Post Url.  Enter the details and click on “Create Feed”.

Hashtag (#): Collect Instagram posts using relevant hashtags for an Instagram hashtag feed.

Handles (@): Collects posts directly from the Instagram profile .

Stories: Collect and display engaging Instagram stories.

Mentions (@): Curate Instagram posts where your brand has been mentioned.

Tagged: Curates Instagram posts on which your brand has been tagged.

Reels: Collect and curate high-engagement Instagram reels by entering URL.

My Handle: Aggregate and display posts uploaded from your own business Instagram account

5. Provide the log-in credentials for Instagram and sign in. The connection has been created, and within a few moments, posts will appear on the editor.

You can now customize your personalized feed and moderate the relevant content to display.

Step 2 – Add Instagram Feed To Squarespace Website

Once you have added your feed to your Tagbox Widget account, the next step is to generate the code for the embed process. Follow the below steps to get the code. 

1. Click on the Publish button at the lower-left corner of the page.

2. Select Embed On Webpage option to generate Instagram embed code for Squarespace.

3. Choose “Squarespace” as your website building platform.

4. Adjust the width and height of the widget according to your requirement.

4. Copy the code from the box. You can also have a preview of your Widget by clicking on the preview.

4 Quick and Easy Steps To Add Instagram Feed To Your Squarespace Website:

1. From the backend page of your Squarespace website, open the post editor page.

2. Click on “Add block.” Select embed from the drop-down menu and click on the code icon (</>) in the URL field.  

3. Paste your embed code on the box and click Set.

4. Click Apply to make changes to your website.

You now have an embedded Instagram post on your Squarespace website.

Free Option To Embed Instagram Post On Squarespace Website:

1. Embed Through Instagram Itself

Using the Instagram app, you can easily add your feed to the website for free. It includes a simple procedure that goes as follows-

• Log in to your Instagram account.
• Select the post that you want to embed.
• Click on the three dots option on the upper right corner of the post.
• Choose the ‘embed’ option, and the code will be generated.
• Copy the code and paste it on the backend page of your Squarespace website.

But the drawback that follows with this procedure is that you can only embed one post at a time. Also, it does not possess any functionalities, such as customization, moderation, performance analytics, and live updates.

2. Embed Using Squarespace Instagram Block

Squarespace allows you to display Instagram posts on your site using Instagram blocks. It showcases your posts on the website without manually adding them to the gallery, rather it provides live updates on the site by syncing Instagram blocks with your Instagram account.

Here is the rundown of the steps to add Instagram block to your website.

• Open the page editor and click an insert point.
• In the block menu, select “Instagram”. Click and drag the block to move it to the desired location.
• Click the “Connected Account” option in the block editor. From the drop-down menu, select your connected Instagram account or click on ‘New Account’ to connect a different one.
• Using the ‘Items to display’ slider select the number of images to display. You can select the number upto 20.
• Click on ‘Design tab’ to customize your display.
• Click “Apply” to save changes.

But the drawback that follows with this procedure is that Instagram does not support the filtration of posts in Instagram blocks by Hashtags and Search terms. Also, it allows you to add a maximum of only 20 images at a time.

The solution to this is Tagbox’s Website Widget. It has not only bowled over this limitation but also has a lot to serve you with the best. 

Suggestions – Add Instagram Feed To Squarespace Website:

Now since you know what Instagram Feed is, why you should add Instagram feed on Squarespace, and how to embed it, let us go beyond and gather some ideas for where to display it on your website.

1. Home page

It is the landing page of your website that attracts visitors. It is the default main web page of your website that shows the summary of your business. It’s worthy to display your Instagram Widget on the homepage of your website as it is a great way for the visitor to learn about your business.

2. About page

This page allows the visitor to dive into the deep layers of your business and explore more about it. Adding Instagram feed gallery on this page is an even better option to have a great impact on your visitors. It will enhance the appearance of the page and will show a variety of images about your business and its products rather than a few chosen ones.

3. Blog posts

Another amazing way to display your feed is at the end of your blog posts. This will initiate a call-to-action after the visitor has completed reading your blog. Clicks on this action will help the brands to increase the number of followers on Instagram, and Instagram being a marketing channel for the brands, a huge number of followers will boost engagement and growth.

4. Website footer

The bottom section of the webpage but an excellent option to display your feed. It is because the website footer will appear automatically on every page of your website. So no matter on which page the visitor is navigating to, he will always have a chance to see your feed.

Why Designate Tagbox As Your Go To Widget Tool?

Tagbox is an amazing social media aggregator tool that provides you with a user-friendly interface and delivers interesting features that make your Instagram post more interactive.

• It helps in customization of the feed by changing themes, backgrounds, layouts, color, fonts, post styles, content highlights, and much more.

• Powerful moderation panel and profanity filter allow you to choose the most relevant content that you want to display on your website.

• It also analyzes your performance using its analytics feature, which displays total impressions, clicks, users, etc., and helps you gain user insights and growth.

• Moreover, the real-time update feature helps you display fresh and unique content to your visitors.

• Compatible with various website-building platforms. E.g., WordPress, Squarespace, Wix, Weebly, HTML, Shopify, etc.

Conclusion

In this age of digital marketing, social media, especially Instagram, plays an important role. Integrating this Instagram with your website is a perfect idea to expand your market reach and engagement. 

With the help of Tagbox Widget, you can build trust by displaying your live Instagram photo feed on the website and hence boost conversions and sales.