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

  • 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

  • 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

  • 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

  • and more!


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 πŸ‘‡

 
social media icons on a squarespace website example - Shelley Squarespace Template

In the header navigation of our Shelley Squarespace template

 
 
social media icons on a squarespace website example - Verano Squarespace Template

On the contact page of our Verano Squarespace template

 
 
Website footer social links example. Big Cat Creative website

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

 
Add your social media account links. How to on Squarespace
 

Click on Add a social link.

 
How to add social links to your website on Squarespace
 

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!

 
Adding social links to squarespace.
 

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.

 
Connect social links and add as icons to your Sqaurespace Website.
 

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.

How to customize the social media icons in Squarespace
How to customize the social media icons in Squarespace

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.

 
Squarespace design tab. Social media icons website tips
 

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).

 
How to customize the social icons color
 

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.

Add social links to your website header Squarespace

Next, click the +Add Elements button on the left hand side.

Add social links to your website header Squarespace

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.

 
Add social links to your website header Squarespace. Content and design
 

In the Design tab, you will be able to customize the look of your social links as well as customize the icon size.

 
Design tab, customize the icon size. Squarespace linking social icons
 

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).

 
Adding social icons Squarespace. Theme and Primary Buttons
 

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 πŸ‘‡

How to connect social media accounts to your Squarespace 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.

 
Connecting social accounts on Squarespace
 

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.

 
Squarespace tips. Adding social media links. Instagram block styles
 

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.

Squarespace tips. Social icons. Grid layout
Layout examples. Squarespace.

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.

 
Pintrest tips for Squarespace website. Adding links. Social media tips
 

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.

 
Pintrest save button. Squarespace social media link tips for your website
 

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.

 
Pintrest Tips. Squarespace tips. Adding social links to website
 

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.

 
Adding facebook links in squarespace
 

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.

 
automatically post content to Facebook, Pinterest, LinkedIn, or Tumblr
 

You will also be able to preset a description if you want to in the Message field.

 
How to automatically post content to Facebook, Pinterest, LinkedIn, or Tumblr
 

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!

 
Third-party social media integrations for Squarespace. Tiktok
 

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.

 
Third-party social media integrations for Squarespace. Instagram
 

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.

 
Third-party social media integrations for Squarespace. Youtube
 

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.

 
Squarespace tips. Analytics Dashboard.
 

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.

 
Squarespace tips. Traffic Sources
 

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! πŸ‘‡πŸ»

 
How to integrate social media with your Squarespace site. Read the full post - pinterest thumbnail
 
Previous
Previous

Where to Find the Best Plugins to Enhance your Squarespace Website

Next
Next

What Squarespace Template + Version am I Using?