How to Integrate Social Media with your Squarespace Site
In today's digital day and age, social media has become an absolute powerhouse for shaping the success of businesses online. With millions of potential customers scrolling through their feeds daily, it's no wonder that integrating social media into your business strategy is more crucial than ever before!
Not only do social media platforms like Facebook, Tiktok, Pinterest, or Instagram, serve as an amazing gateway to vast audiences, they allow businesses to connect directly with potential customers and to foster a sense of community.
This has become an increasingly important strategy, allowing smaller businesses to differentiate from cold and calculated corporate brands, letting their brand personalities shine through to create real human connection that not only attracts new customers but also retains them.
Think about it, would you prefer to buy from or use the services of a business which posted a reel that made you chuckle, answered your questions directly via a Stories poll, and has tons of people commenting all about how great they are; or from a brand who doesn't even have an Instagram account yet?
In that sense, social media can also be considered an important form of vetting, giving your business credibility and building a community of brand advocates who will gladly spread good words about your business for you!
But did you know social media is also great for SEO? Those engaging posts you create on topics that your potential customers want answers to will boost your search engine rankings and give your business' visibility a definite rise!
This will also signal to search engines that the content you create is valuable, and by integrating your social media directly into your website, allow for better consistency, link building, and ease of sharing, all things that Google loves!
Luckily, Squarespace makes it oh-so-easy easy to integrate your social media accounts directly into your website. So to help you execute your social media strategy seamlessly, here's everything you need to know about which social media platforms you can connect, and the step by step on how to do so!
Let's dive in 👇
Which social media platforms can you connect to your Squarespace site?
Squarespace easily connects with all the most popular social media platforms out there, including:
Instagram block: Squarespace allows you to display your live Instagram feed directly on your website.
Instagram icon: You can display an Instagram icon linking to your Instagram account anywhere on your site with a social links block.
Tag products: If you have a Squarespace shop, you will be able to tag your products in your Instagram posts so that your followers can shop directly on the app.
Appointment scheduling: If you use Acuity Scheduling, you will be able to connect it directly to your Instagram account and add a Book Now button in your profile so that your followers can book in with you without leaving the app.
👉 Read more about connecting Instagram to your Squarespace site
Facebook icon: You can display a Facebook icon linking directly to your Facebook page anywhere on your site with a social links block.
Automatically share content: By connecting your Facebook account to your Squarespace site, you will be able to choose whether you would like to share new blog posts, events, and products to your Facebook page when you post them.
Share/Like button: If your website is on Squarespace 7.0, you can enable a share button that allows your site visitors to share your content directly to their Facebook timeline. If you are using Squarespace 7.1, this is no longer a feature, however you can add a little piece of code from Facebook to enable like buttons on your site that essentially have the same function.
Facebook ads: If you are running Facebook Ads, you can integrate Meta Pixel into your Squarespace site to help you track visitors.
👉 Read more about connecting Facebook to your Squarespace site
Pinterest icon: You can display a Pinterest icon linking directly to your Pinterest account anywhere on your site with a social links block.
Save button: You can enable Pinterest Save buttons to appear when hovering over images across your Squarespace site so that site visitors can easily share your content on Pinterest.
Automatically share content: By connecting your Pinterest account to your Squarespace site, you will be able to choose whether you would like to share new blog posts, events, and products to your Pinterest when you post them.
Analytics: By connecting your Pinterest Business account to Squarespace, you will have access to additional analytics metrics and sales tracking features which can be useful to help you pinpoint where traffic is coming from.
👉 Read more about connecting Pinterest to your Squarespace site
LinkedIn and Tumblr
Social icon: You can display a social icon linking directly to your account anywhere on your site with a social links block.
Automatically share content: By connecting your account, you will be able to choose whether you would like to share new blog posts, events, and products automatically when you post them.
Other social icon platforms
Although limited in terms of further integration, the following platforms can also be linked on your Squarespace website via a handy social icon that takes visitors straight to your account:
TikTok
Youtube
Apple podcasts
Google Play
Spotify
Discord
Behance
Snapchat
Reddit
X or Twitter
Threads
How to add social media icons to your Squarespace site
Social media icons are a great, compact and convenient way of getting your site visitors to visit your socials. They can be placed just about anywhere on your site using Squarespace's built-in social links block, as well as in your website's header, and display the relevant social media platform logo which can conveniently be customized to suit your website's style!
Here are some examples of social icons in action on various Squarespace sites 👇
In the footer of our website
Add your social media account links
First, head to your Squarespace website and go to Settings > Website > Social Links
Click on Add a social link.
Type in your social media account URL and press enter to add it.
Tip! Your social media account URL will be the platform URL eg. instagram.com/ followed by your username eg. www.instagram.com/yourusernamehere
Repeat the process with as many social media platforms as you have accounts for. You can also add your email address if you like so that site visitors can email you directly!
You can modify each individual social link URL by clicking on it.
In the pop up menu, you will also be able to choose whether to display it as a social media icon or not.
Remember to click Save after making any changes.
Add a social links block on your website
Go back to the editor and head to the page that you would like to add your social media icons to.
Click EDIT and click +Add Block in the section that you would like them to display.
In the pop up menu, select Social Links.
The social links you connected will now display as individual icons in the block.
How to customize the social media icons
Double click on the social links block to access additional settings.
In the pop up menu, under the Content tab, you will be able to add additional social links, as well as remove existing ones by clicking Edit in the top right corner and selecting which ones to delete.
By clicking into individual links, you will again be able to toggle on or off whether you would like to display the icon for that particular platform.
Note! This will apply across all social links blocks on your site. All social link blocks will always display the same icons.
Under the Design tab, you will be able to customize the style of your social icons, including whether you would like them to be solid or have a border, how large you would like them to be, and how they should be aligned within the block.
How to customize the social icons color
Your social links color will depend on the color settings that you have set in your Site Styles for that particular section's color theme.
To adjust this, click on the paintbrush icon in the top right corner of your website and go to Colors, then choose the color palette of the section you are currently on.
Tip! The name of the palette will appear in the top right of the section (eg. Lightest 1).
Click into the appropriate color theme in the right hand sidebar and scroll down to the Social Links Block section.
Click on the color swatch to the right to customize the main and secondary colors. You'll be able to choose from your preset color palette or go totally custom.
Click Save in the top left corner once you're happy with your choice.
Add social links to your website header
Adding social links to your website header is a little bit different.
Click EDIT on your website to enter editor mode, then hover over your header and click Edit Site Header.
Next, click the +Add Elements button on the left hand side.
In the pop up, toggle ON social links. You'll now see them appear in your website header.
Click out of the pop up, and double click on the social links block in the header.
In the Content tab, you will be able to add and remove links just as before.
In the Design tab, you will be able to customize the look of your social links as well as customize the icon size.
The colors of your site header social links are controlled by the Primary Button colors that you have set in your Site Styles (paintbrush icon in the right top of your website > Colors).
Remember to click Save in the top left corner of your site once you're done!
👉 To learn more about how to customize your Squarespace website header check out this post
How to connect social media accounts to your Squarespace site
As opposed to just linking your social media accounts, connecting your social media accounts will require you to actually log into your social account via Squarespace to provide a whole different level of access.
This feature is not available for all social media platforms but we highly recommend at least connecting your Instagram account (if you have one) so that you can make full use of Squarespace's Instagram block to display your feed on your site 👇
Instagram feed in the footer of our Michi Squarespace template
To connect your social media accounts to your Squarespace site, head to Settings > Third Party Tools > Connected Accounts.
Click the Connect Account button and follow the prompts to login and authorize the social media account(s) of your choice.
Once you've done so, you'll be able to use the features below (depending on which accounts you've connected!) 👇
How to add your Instagram feed to your Squarespace site
Click EDIT on your site, scroll to the section where you would like to display your Instagram feed and click +Add Block.
In the pop up menu, select Instagram.
Double click on the Instagram block to access additional settings.
In the pop up, click on the Connected Accounts dropdown and select your account from the list.
Use the slider to choose how many items from your Instagram grid you would like to display in the block (10 items = 10 posts).
Next, switch to the Design tab to configure the look of your feed.
You will have the option to choose between various layouts, including a grid, slideshow or carousel, as well as various adjustments regarding size, thumbnails, and padding.
Remember that you can stretch the block to be as small or as wide as you like on the grid.
How to enable Pinterest save buttons on your Squarespace site
If you are using Pinterest as part of your marketing strategy, then enabling Pinterest Save buttons on your site is a good idea to help spread the word about your business on the platform!
Pinterest Save buttons will display on just about any image on your site, including any image in image blocks, on blog pages, and store pages that is bigger than 120x120px.
Save buttons will NOT appear on images in gallery pages or blocks (apart from within blog posts), lightboxes, portfolio pages, or summary blocks.
To enable Pinterest save buttons on your site, go to Settings > Website > Pinterest Save Buttons.
In the dropdown, select whether you would like to enable Save buttons on just your Blog, or on your Blog as well as all Pages and Products.
You will then have access to additional settings so that you can choose the size and shape of the Save buttons and a preview of how they will look like on your site.
Remember to click Save in the top right corner once you're done!
How to automatically post content to Facebook, Pinterest, LinkedIn, or Tumblr
In your Squarespace site, head back to Settings > Third Party Tools > Connected Accounts.
Click on your connected accounts to view additional settings. Make sure to tick Show Push Option and select a push target from the dropdown. This lets Squarespace know where to post if you have multiple Facebook Pages or Pinterest boards linked to your account.
Click Save.
Next time you are ready to post or schedule a blog post, go to the blog post's Settings > Share.
Note! Social sharing will be turned off by default, so you will have to activate it every time a new post is ready to publish or schedule.
Click on the connected account that you would like to share the post to and make sure to toggle ON Push to.
You will also be able to preset a description if you want to in the Message field.
Third-party social media integrations for Squarespace
If Squarespace's built-in social media integrations aren't quite doing it for you, another option is to use a third-party plugin to give you a bit more functionality!
Here are some plugins that will be sure to give your social media game a boost 👇
Facebook chat
Elfsight's Facebook Messenger widget is gold, giving your site visitors an extra personalized experience by being able to contact you and your team directly with any questions!
You'll be able to select from various chat templates as well as customize the look of your widget further to suit your site. Follow the prompts to add the widget code into your Squarespace site and you're all set!
Elfsight widgets are free to use for up to 200 views. If you get more than 200 monthly visitors, you will need to upgrade to one of Elfsight's paid plans, starting from $5 per month for 5,000 monthly visitors.
TikTok feed
As a newer platform that is however rapidly rising in popularity, TikTok's integrations with Squarespace is unfortunately quite limited so far. If this is your platform of choice, Elfsight has a great plugin to display your TikTok feed directly on your Squarespace website.
There are again multiple layout template options to choose from and customize, and a simple code to embed the widget into any page on your Squarespace site!
Instagram profiles
Give your Instagram feed on your website a bit of an upgrade with Elfsight's Instagram Profiles widget. This handy widget allows you to conveniently display your Instagram profile info, a follow button, and post information, allowing you to gain new followers and boost engagement without visitors ever having to leave your site.
Youtube feed
If you are an avid youtuber, Elfsight's Youtube Gallery widget is an amazing way to showcase all of your latest videos and get new subscribers directly from your website! This handy widget will be sure to keep your engagement high and bounce rates low.
Measuring the impact of integrating social media on your website
Integrating social media with your website can significantly boost your visibility and engagement with your audience, but how do you know if it's actually working?
Squarespace Analytics Dashboard
This is the go-to place for an overview of your site’s performance. You'll be able to find all kinds of useful metrics such as traffic sources, engagement data, and sales.
To access your Analytics dashboard, click on Analytics in your website's left hand sidebar.
Under Traffic, you'll find detailed information about page views, unique visitors, and the amount of time people spend on your site. If you switch to the Traffic Sources tab along the top, you'll be able to filter the data by source, including different social media channels.
For a more advanced data breakdown, we recommend connecting your Squarespace website with Google Analytics.
This will allow you to see how many visitors and how much revenue each social media platform is bringing in. This can be helpful to see which platforms might be working best for you and where you might want to concentrate your marketing efforts.
Social media metrics
For a detailed breakdown of how the content that you are posting on your socials is performing, head to the analytics or insights section of each social media platform that you are posting to.
You will find useful data allowing you to the track the number of likes, shares, follows, comments, and link clicks to help you understand which content resonates with your audience and brings them to your site.
👉 Read the full post on which social media metrics you should be tracking and why
We hope this post was useful to help you seamlessly integrate your socials directly into your website! We hope you'll be able to see a big boost in your engagement and conversions soon 🚀
Want more social media tips? Check out these posts 👇
8 tips for social media marketing
Our go-to tools & techniques for scheduling content
How to get started with email marketing: a simple guide for beginners
What are social media templates & why should you use them?
How to grow your business and get clients with Instagram
If you liked this post, Pin it to Pinterest! 👇🏻
