How to embed instagram feed on squarespace
How to Add Your Instagram Feed to Your Squarespace Website — Sarah DeShaw
To grow your Instagram following even faster, it’s a great idea to cross promote with yourself on your website! By driving people from one brand touchpoint to another, you can help increase the number of interested people that see and connect with your brand. Today I’ll help you do so by adding your instagram feed to your squarespace website. Sharing your instagram account on your squarespace website can greatly increase exposure to your instagram account, and can help snag followers who love traditionally hanging out on Instagram.
Let’s walk through the steps to put your Instagram feed (and instagram icon!) right into your Squarespace pages. Click “play” on the video below or keep reading to learn more.
Step 1: Connect Your Instagram to SquarespaceAdding your Instagram feed to Squarespace is actually really easy. First, you need to make sure that your Instagram is connected to Squarespace. Just follow these steps:
First, on your desktop computer, log out of ALL your Instagram accounts. This is to prevent connecting your Squarespace to your personal account instead of your brand account. If you just have one account, you can stay logged in.
Then, in the Home Menu, click the settings option. Then click “Connected Accounts”.
Next, click “Connect Account” and select Instagram.
Then, log in, (if you logged out at the start)
And finally, If you want your feed to be updated automatically on SquareSpace, make sure to check “Download data”.
From here, you have a couple different options for how you link your Instagram account. You may just want to do something simple and add an Instagram icon that people can click to get to your feed.
To do this, you’ll just need to:
Go back to the settings menu, and click “Social Links”.
Then add your profile link, check “Show Social Icon”, and click save.
You can then place the Instagram icon on your home page, sidebar, or at the bottom of all your pages by clicking an insert point, then clicking “social links” (in the “social blocks” category)
The other way to include Instagram on Squarespace is actually to display part of your feed on your page. This is a favorite option for me because I think it really increases people’s curiosity and makes them want to click through to check out your feed.
Option 2: Add Your INSTAGRAM Feed to a Squarespace PageThe best part about this is, you can even configure Squarespace to update your feed automatically, whenever you post new content, so it’ll automatically show your latest content.
To add your feed to a page:
Click an insert point on the left side of a page to add the feed wherever you’d like. (Most people choose to add it near the bottom of their page, so it doesn’t crowd the rest of the content.
)Next, click “Instagram Block”, near the bottom of the pop-up menu.
Then, choose what account you’d like to add from the drop-down menu
Then, select the number of items you’d like displayed - this is just to say how many of your recent posts you’d like to show up on your web page.
Next, click the Design tab. This will allow you to choose how your items are displayed, such as whether you want them shown in a slideshow format, carousel format, grid, or stacked on top of each other.
Use the sliders to choose how exactly you’d like the post displayed.
And finally, click “Apply”
After you’ve placed your Instagram block, you might want to include an invitation for people to check it out. This might be something as simple as telling them what exclusive thing they’ll only find on your Instagram, or even something fun like including a couple of your unique brand hashtags.
Bonus: Include a Button!You could also include a button below the feed you just inserted, so your followers can see really clearly that if they click it, it’ll take them directly to instagram.
(Clicking on the feed pictures themselves will also take them to your account, but it might not be quite as obvious as a button inviting them to check it out would be. )
To do this, simply:
Click the insert point
Select “button”
Paste your profile address
Re-title the button text
Click “apply”
And that’s it! Once you connect your Instagram account, it’s as easy as using the insert point to add a new Instagram block, and choosing your design.
If this content was helpful to you, I’d love for you to leave me a comment below to let me know! I write posts based on what you guys ask me to show you, so if you have any suggestions for future blog posts or videos, be sure to leave that below as well. And, if you haven’t already, you can subscribe to my YouTube channel and get tons of great videos on improving your brand.
Xo!
Sarah
How to Integrate an Instagram Feed on a Squarespace Site
Instagram is one of the world's largest social networks, surpassed only by Facebook, YouTube, and WhatsApp.
With over a billion monthly active users, it's no wonder that site owners want to use it.
Artists, photographers, and other creative types can build an audience.
Businesses can share photos of their products and build an audience.
Influencers can build their influence and make money through sponsorships.
Individuals can use it just for fun.
Instagram is also somewhat notorious for being a "walled garden" throughout its history. For years after it was developed, it was only even visible on mobile devices. However, those walls gradually came down, and it's now visible on the web and mobile, and you can embed posts from Instagram into your blog posts and on your site in other ways.
You're here, reading this post, which means you're a site owner, and you're using Squarespace. Great choice! You want to integrate Instagram with your site. Luckily, there are a few different ways you can do it, and it's pretty easy.
Determine Your Embed Type
There are two distinct ways you can embed Instagram into your Squarespace site. They use a couple of different methods, so you need to determine which option you want to use. What are they?
Option 1: Embed a single Instagram post into a single place on your site. For example, you're reading this blog post -- let's say I want to embed a single Instagram post right here, beneath this paragraph. That single post is displayed in that position for as long as the post exists.
Option 2: Embed an entire Instagram feed. This feed, rather than showing a single post, shows multiple posts. More importantly, it updates as you update your Instagram feed, always showing the most recent handful of posts you've created.
Each of these is doable; you just need to use a different method to implement them.
Let's find out how.
Embedding a Single Instagram Post
Squarespace has an Instagram block as part of their site composition, but that's not what you'll be using here. That's the function for adding a feed, so I'll go over that more later.
Instead, you need to embed code from Instagram and add it using a code block on Squarespace.
Step 1: Compose your site or blog post to the point where you need to add an Instagram post. For example, you'll want to write your blog post, leaving space for the Instagram post you wish to add.
Step 2: Add a code block. A code block is a specific block of content that you can use to paste code into, which will then execute that code. Per Squarespace, it's used "to add custom code to a page, blog post, sidebar, footer, or other content areas."
There's one potential caveat here.
Again, per Squarespace, “On all plans, Code Blocks support plain text, HTML, Markdown, and CSS code surrounded by <style></style> tags. Adding JavaScript or iframes to Code Blocks is a premium feature available in business and commerce plans."
Instagram's embed code uses HTML, but it does call a .js file. This should work fine on all Squarespace plans, but if you find you're having issues, you might need to upgrade your plan.
To add a code block, place your cursor in your content area where you want the Instagram post to display. Then, from the menu, click "Code." A box will appear, asking you to paste in your code. Ensure that the "display source" toggle is OFF; if it's on, it will display the code rather than what the code renders into.
Step 3: Fetch your Instagram code. You need to find the post on Instagram, which means it needs to be published already. For example, take a post like this one direct from Squarespace's Instagram feed.
If you want to embed that post, click on the "…" menu item in the upper-right corner of the post. This pops up the menu options. Next, you want to click "embed," which will bring up a box with code in it. You can choose whether you wish to embed a version with or without the caption. The code will look something like this.
Step 4: Paste your embed code into the code block in your blog post. You'll want to make sure it's set to HTML as the display method, so it executes the code correctly and embeds the post.
Squarespace may or may not render a preview of the code. If it doesn't, you can click "Preview in Safe Mode" to render it. It's also possible that it still won't render in a preview but will render fine when you publish the post. You can publish it, take a look, and edit it out if it doesn't work right.
One thing to note here is that if you're trying to embed a post from a private Instagram account, it may display the post, but any links leading to the post will lead to a dead page on Instagram (unless the person browsing is an approved follower of the private account.
) My recommendation is to make sure your Instagram account is public before you embed posts. If you're using Instagram for business, you'll need to have a public account anyway.
If you need to display an Instagram post from a private account, you might be better off taking a screenshot and embedding it as an image. That way, you don't have to mess around with code blocks. Since engagement doesn't matter to a private account, the image method works just fine.
That's all! You can repeat this process for every post you want to embed. Remember, too; you can use a code block in any content page on your site. Want to embed a specific post in a sidebar or footer? Go for it. Just remember that it's static; it won't update when you push new content to your Instagram feed. If you want an updated feed of the most recent posts, that's what the second option is for.
Embedding an Instagram Feed
A fairly common technique for brands that use Instagram heavily is to display an Instagram feed on their site.
It might be a bar across the bottom of the site showing recent posts, or it might be embedded on the homepage. The point is, it shows the most recent X number of posts from Instagram and allows a website user to click through and interact with them at their leisure.
It's an excellent way to get users of the website to visit Instagram and to showcase photos of products in action, special collections, and the like. If you combine it with Instagram shopping (which I'll talk more about later), you can even use it to promote more sales!
This is what the Instagram block is for in Squarespace. Using it is pretty straightforward, but you do need to do some initial setup.
Step 1: Connect Instagram to your Squarespace account. In order to do this, you need to:
Make sure you're logged out of Instagram. This is because the connection will automatically log in to whatever account you're using, which can cause problems if you have multiple accounts.
On Squarespace, click Settings, then Connected Accounts. Choose to connect a new account, and choose Instagram. Log into the appropriate Instagram account. Note: if you use one Instagram login to manage multiple accounts (like a business account and a personal account), you may need to make a specific set of credentials for the Instagram account you want to use exclusively. Otherwise, Instagram might mix photos from both feeds.
That's it! Once you have connected your accounts, you'll authorize Squarespace to access Instagram via its API to integrate various features. For example, you can then add an Instagram social sharing icon, you can pull Instagram content into an Instagram block, and you can integrate Instagram shopping.
Step 2: Add the Instagram block. You'll need to decide where you want to put the block with your Instagram feed. It can be on your homepage, in a blog post, in your footer, in a sidebar, or wherever else you can put content on your site.
Just keep in mind that it's a reasonably large widget, so it might skew your layout if you don't tweak it. Here's how to add it.
1. Put your cursor where you want the block to be inserted.
2. In the menu, click Instagram.
3. Choose the appropriate connected account from the accounts drop-down.
4. Choose the number of items to display. This can be anything from 1 to 20 Instagram posts.
5. Choose a design.
6. Apply your changes to save the block and save your post.
There are a few limitations to this. First and foremost, Instagram will push any new content published to the Instagram feed. You can't filter by search term or hashtag, unfortunately.
There are third-party services that may be able to do this, but they use the code block method above.
Secondly, your Instagram block will only display the first item in a gallery or the first frame of a video post in your block. Videos aren't playable, and gallery posts aren't navigable; the user will need to click through to Instagram to browse.
Third, IGTV, Stories, and Reels are not supported. They won't show up on your Squarespace site at all; Instagram won't push the content over.
Choosing a Design
There are four core designs for the Instagram block. They can all be customized by setting different levels of padding, the aspect ratio, and how posts display. They are:
Slideshow layout. You have one post displayed at a time, but it slides from one to the next on a timer, from one to ten seconds per slide. You can use manual controls instead.
Carousel layout. Like a slideshow, except it shows the first post and the edge of the second, to more immediately indicate that there are multiple posts to display.
Again, they can slide from one to the next automatically or with manual controls.
Grid layout. This displays a grid of embedded posts. You can choose how wide and tall you want the grid to be. You can also make it so that when a user clicks on a post, it opens in a lightbox before sending them to Instagram.
Stacked layout. Posts display one on top of another vertically, with no horizontal layout.
Typically, a carousel or a grid is the best option for most businesses. You're free to choose whichever one works best for you, however.
If the Instagram block doesn't work right, there are a bunch of troubleshooting options you can try out. Squarespace details them here, or you can drop me a line, and I'll try to help you out.
Instagram Shopping
One of the cool things you can do with Instagram is to publish a photo with your products in it and tag the products with the information from your product page.
It displays an accurate price and even allows users to buy the product directly from Instagram. It's called Instagram Shopping.
Even better, once you have Squarespace and Instagram integrated, you have this feature enabled. The first step is setting up Instagram Shopping on your store.
This is the help center section for Instagram Shopping. It details how to configure everything from the Instagram end. I'm not going to reproduce it fully here - Instagram changes things just often enough it's better to check their help center directly.
This is the help center section for tagging products on Squarespace. You need to have a store with individual product pages to tag, and you need a Commerce plan to access the feature. Additionally, every product needs to have its unique ID, title, description, and price, which are flagged with the correct data tags in your code. Squarespace does a lot of the heavy lifting for you, but you need to make sure it's all available for the Facebook/Instagram product catalog to sync.
Once you get this all set up, you can do cool things like post a picture of someone wearing four of your products and tag each product so that anyone who likes the look can buy it, in whole or in part. It's pretty sweet! It's also outside the scope of embedding an Instagram feed on your Squarespace site, so I'm not going to dig any deeper right now.
The general process for linking up Instagram and Squarespace is, luckily, pretty easy and foolproof. There aren't many things that can go wrong, so troubleshooting is generally pretty easy. Nevertheless, I highly recommend setting it up if your business uses Instagram in any regular capacity. It's an excellent visual element to add to your site, and it's low-maintenance because Instagram pushes new content directly without your intervention.
Content Marketing, IntegrationsOmari HarebinComment
0 LikesConnect Squarespace Corner Ribbon to your website [May 2022]
Connect Squarespace Corner Ribbon to your website [May 2022]🇺🇸 en🇷🇺 ru🇩🇪 de🇪🇸 es🇫🇷 fr🇵🇹 pt
Exclusively for Squarespace
9 567 users connected this app
Promote special offers with Corner Tape with Smartarget Corner Tape.
Free installation in 5 minutes on the Squarespace website. Does not require maintenance. Responsive support.
Add Corner Ribbon to Squarespace
*no credit card required
Corner Tape Visibility
Grab your customers' attention with the Squarespace Corner Tape to make sure they get your information.
Announcements
Communicate your announcement and information in an attractive way, but without interference.
Special Offers
Draw more attention to your deal pages with Corner Ribbon. Direct users to a specific landing page for more traffic and sales.
How does the Corner Ribbon Plugin look like on the Squarespace website?
Customize the Corner Ribbon the way you want it to work in your Squarespace store. Customize position, colors, size to suit your Squarespace store.
How to install Smartarget Corner Tape for Squarespace
Corner Tape Plugin for Squarespace -
Why You Should Use This in 2022
Highlight your sales
Like brick and mortar stores, running sales on your Squarespace website is an important way to get your items sold out in minutes.
Physical stores achieve this by posting flyers with the information that the product is on sale. Since e-commerce stores exist on the Internet, it is impossible to attach a flyer to a product, and corner tape comes to the rescue here. Corner tape is the perfect tool to help sellers highlight certain items in a sale.
Improved visual effects
Experienced merchants understand the need to make stores look aesthetically pleasing. Beginners may decide to go the mainstream route, which results in a simple design that buyers may find boring. Using the corner ribbon is an effective way to spice up your Squarespace site in seconds. Merchants who want to improve the visual look of their site without sacrificing site responsiveness can use the corner ribbon as they see fit.
Smartarget Corner Tape
As the functionality of websites improves and becomes more complex, you can convince yourself that you need to know the code in order to successfully run a website. This may be true in some cases, but Squarespace websites are designed to make life easier for merchants and customers.
Merchants can make changes to their site without knowing a single line of code. Corner Ribbon can be added to your website in minutes.
5 minutes to improve your Squarespace website. Start right now.
FAQ
1. Sign up for Smartarget (Free, no credit card needed) Sign up for free
2. Choose your design and settings your Squarespace site
Squarespace plugins
Whatsapp - Contact us
Get 24% more leads on Whatsapp
Telegram - Contact us
Get 24% more leads on Telegram
Click to call
Get 11% more calls
Contact Us - All in One
Get 27% More Leads
Contact form
Get 32% more leads
Lucky Wheel
Increase your sales by 25% with Lucky Wheel
Follow us
Get 12% more social media followers
Instagram - follow us
Get 25% more followers on Instagram
Exit popup
Get 16% more sales
Information message
Get 22% more interactions
Social selling
Get 18% more sales
Button Builder
Get 13% More Interactions
FREQUENTLY ASKED QUESTIONS
Get 18% more interactions
Message Bar
Get 12% more interactions
Line Chat - Contact Us
Get 15% More Lines
Pop-up window
Get 14% more sales
Facebook - Follow us
Get 8% more followers on Facebook
Tiktok - Follow us
Get 25% more followers on TikTok
Weibo - follow us
Get 4% more followers on Weibo
Email - Contact us
Get 7% more offers via email
Skype - Contact us
Get 4% more Skype calls
Facebook - Contact us
Get 18% more leads on Facebook Messenger
Viber - Contact us
Get 29% more leads on Viber
WeChat - Contact us
Get 11% more leads with WeChat
Weibo - Contact us
Get 9% more leads on Weibo
iMessages - Contact Us
Allow customers to contact you using Apple iMessages
Twitter - Follow us
Get 25% more followers on Twitter
Reviews
Increase customer confidence
Get 42% more sales on Squarespace by bundling Smartarget apps
We have 25+ specially designed Squarespace plugins to boost your website engagement and increase sales.
Save your time and energy - let Smartaget applications work for your business.
Check all Squarespace plugins
App Store: Unfold: Stories & Collages
Screenshots (iPhone)
Description
- Collections of templates to choose from, such as Film and Scrapbook
- Extensive text options, including new fonts and styles
- Filters, stickers and backgrounds for your stories
- Ability to export and share stories on other platforms
About Unfold+
Subscribe to discover all the features of Unfold and unleash your creativity!
Access to all templates and fonts
Early access to new collections
Exclusive releases and templates
Unsubscribe anytime
About Unfold Pro
Create compelling brand content anywhere!
Ability to use custom fonts for stories
Custom palette with signature colors
Sync brand logos and stickers in the app
Publish stories online via stori.
es
Unfold+ subscription
Annual subscription will be charged at the end of the 7-day trial period. Subscription automatically renews annually. If you subscribe for a month, the payment is charged immediately, and the subscription automatically renews every month. If you do not cancel your subscription at least one day before its renewal and maximum 24 hours before the end of the current subscription period, it will automatically renew. Subscription payment is charged to your Apple ID account at confirmation of purchase. If you decide to subscribe to a full subscription before the trial is completed, the remainder of the trial period will be forfeited. You can change or cancel your subscription in your account settings in the App Store.
Privacy Policy
https://www.squarespace.com/privacy
Terms of Service
https://www.squarespace.com/terms-of-service
Unfold, Squarespace Service
https://www. squarespace.com/marketing/unfold
Thank you for creating with Unfold! We would love to hear your feedback and suggestions.
Email us at [email protected] or post on Instagram at @unfold.
Version 8.19.0
- Introducing Start from Scratch: now offering optimal canvas dimensions to create engaging content for different social networks.
- Unlimited Link Sections on Bio Sites - The restriction of one link section is no more. Giving you more control over the layout of your content.
- New reels templates
We love hearing your ideas and feedback. Go to Menu > Support > Contact Support in the app.
Ratings and reviews
Ratings: 54.6k
Review
I absolutely love this stylish unique app, thanks for your ideas
Very cool
I really like it, there is a choice even in the free application.
Everything is clear, just without problems,
The money was withdrawn, but the subscription does not work
Just awful!
I used the application with a subscription for about 4 months, everything was fine. Today, as always, the money for the purchase was withdrawn, the subscription was re-registered, BUT NOTHING WORKED IN THE APP. It offers to buy a subscription again, the "Restore purchases" button does not work! I was very upset
Developments
Developer Squarespace, Inc. indicated that, in accordance with the application's privacy policy, data may be processed as described below. Detailed information is available in the developer's privacy policy.
Data used for tracking information
The following data may be used to track user information on apps and websites owned by other companies:
Related with user data
The following data may be collected that is related to the user's identity:
- Contact details
- User Content
- Identifiers
- Usage data
Unrelated with user data
The following data may be collected, which is not related to the user's identity:
- User Content
- Diagnostics
Sensitive data may be used differently depending on your age, features involved, or other factors.
