How to Extend Your Website with Squarespace Integrations

Squarespace offers plenty of functionality out of the box that helps you to create awesome-looking websites for your personal brand or for your business.

But sometimes this is not enough, and you crave for more functionality. And fortunately, there are a couple of ways to offer even better experiences to your audience.

What I’m talking about here are Squarespace integrations and Squarespace plugins that provide functionality that is not built-in into the platform.

More...

Yay!

Nay!

  • Integrations are built into the platform; there’s no need to install anything extra if you can find an integration that you need.
  • You can contact customer support if you run into any issues with the official integrations.
  • You can extend the functionality of your site with third-party plugins.
  • Finding the integration documentation can be difficult at first.
  • There is always a chance that a third-party plugin could break your site ( these plugins fall outside the scope of customer support).

Introducing Squarespace Integrations

Squarespace Integrations enable you to extend the functionality of your website. 

These integrations, for instance, are built-in, and no separate installation is required, unlike Wix or Weebly.

All official integrations belong to the scope of customer support. So, if you run into any issues, you can contact Squarespace, and they will help you out.

Currently, the list of integrations is divided into the following categories:

  • Blocks
  • Blogging
  • Commerce
  • Social media
  • Design
  • Domains and Email
  • Forms 
  • Images 
  • Marketing
  • Online ordering
  • Videos

To find the list of all the integrations, please enter the official Squarespace Integrations page to see what integrations are available.

Squarespace integrations

The majority of integrations are free of charge, although you do have to pay for some of them. 

For instance, Google’s G Suite is an example of a premium-level integration that will cost you money (in other words, you’ll have to pay for the G Suite to use it).

What, No App Store!?

From a user experience standpoint, I found that the Squarespace integrations can be a bit confusing.

With some other site builders like Weebly, the Apps that extend your site are easily accessible by clicking on the menu at the top:

Weebly Apps

With Squarespace, all I’m left with is the integrations page, which looks like an extended link list.

I hope that someday Squarespace will actually make this list of integrations easier to find, with a better user interface of course (it should look like an app store, not a link list). 

Accessing Official Integrations: Case YouTube

In this section, I show you how to use integrations on your site. As an example, I’m using YouTube, which is a video-sharing platform and also one of the biggest search engines on the Web.

Please note that this is just one example of using integrations. The steps that you need to take depend on the integration you are about to use. So refer back to the integrations page to see what integrations are available and how to actually use them on your site.

In this particular example, the idea of the integration is to add a social icon link to your theme that links to your YouTube profile page. You can then also embed YouTube videos to your website. 

The integration happens in three phases:

  1. Connecting your account.
  2. Displaying the social icon link on your site.
  3. Embedding YouTube content on your site.

Connecting Your Account

To connect your YouTube account, here are the steps to follow:

1. Log in to your site. Once logged in, pick a site for editing.

2. On the left-side menu, choose Settings:

Squarespace settings

3. Then, under Website, choose Connected Accounts:

website connected

4. The Connected Accounts section opens. Click the Connect Account button:

Connected accounts

5. On the window that opens up, scroll down to the video section, and choose YouTube:

Connected accounts YouTube

6. Log in to YouTube with your credentials.

7. During the logging process, Google asks if you trust Squarespace. Click Allow:

Connected accounts grant

8. Once the account has been successfully connected, you’ll see it displayed on the left side of the page:

Connected accounts ok

Displaying the Social Icon Link on Your Site

Once the integration has been done, you are then ready to display the social icon link on your site. To do this, follow these steps:

1. Click the connected account you just created:

Connected accounts ok

2. A new window called YouTube settings opens up. Make sure that the Show Social Icons is checked:

show social icon

The profile URL link should be automatically filled.

Once the settings are set, the social icon link is displayed on most of the templates. For instance, I’m using a template called Bedford, so the link is displayed at the top-right of the page:

Social icon link

Now that this configuration is done, it’s time to find out how to actually display the YouTube video on your site.

Displaying the YouTube Video on Your Site

There are a couple of ways to integrate video on your site. 

In this example, I’ll show you how to add a video to a page by using a Video Block.

1. Log in to your account and open a site for editing.

2. Choose a page where you want to display your YouTube video by clicking Pages on the left-side menu:

Squarespace menu

3. Choose a page for editing:

Squarespace choose a page

4. Hover over the page to see the Page Content menu pop up. Then choose Edit:

Squarespace edit content

5. Click the Plus icon on the right:

Squarespace plus sign

6. On the menu that shows, see the Basic section and choose Video:

menu video

7. Enter the URL of your video:

video embed settings

To grab the YouTube video URL, copy the address from your browser’s address bar. Once you have entered the URL, Squarespace (YouTube) automatically fills-in the description section for you (You may want to change the text according to your needs).

You can enter custom video thumbnail as well. This image is displayed before the video starts playing.

Finally, you can set the caption and either display it under the video or not. This setting is turned off by default.

Once you have done all the changes, click the Apply button at the bottom:

video apply

8. To save all the settings, click Save on the window that shows up:

video save

Removing an Integration

Please note: Most of the steps here are virtually the same as when connecting your YouTube account to your website. That’s why I’m not showing the images on some of these steps (Take a look at Connecting Your Account for more information).

So, what do you do if you want to remove an existing integration? Just follow these steps:

1. Log in to your site. Once logged in, pick a site for editing.

2. On the left-side menu, choose Settings.

3. Under Website, choose Connected Accounts.

4. You’ll see you connected accounts on the left:

Connected accounts ok

5. Choose the Connected Account (In this case I’m choosing YouTube) to enter its settings.

6. When the YouTube Settings window opens up, click Disconnect:

youtube settings

7. You are asked to confirm this change. Click Confirm on the next window:

youtube settings confirm

What About Squarespace Plugins?

Squarespace Integrations is not the only way to extend the functionality of your site. The other way is by using plugins.

Most of these third-party customizations are not supported by Squarespace.

Also, in order to use the plugins, you should have a business or commerce level subscription to Squarespace. You can also test the plugins during your free trial period, by using Code Blocks or Code Injection.

Finally, it’s worth noting that while some of the plugins are free, there are plenty of premium-level plugins as well. This means that you’ll end up paying a certain amount of money in order to get them.

Although Squarespace doesn’t offer support for these plugins, you might get support through the developer of the plugin.

Adding a plugin to your Squarespace Website

In this section, I’ll demonstrate how to install a Squarespace plugin to your site. I have chosen the Countdown Timer plugin, which is a free download.

squarespace countdown timer

squarespace countdown timer

To see how to actually install the plugin, check out the video that I created:

The installation experience is very different when compared to installing WordPress plugins. So, if you have any experience in doing those, you’ll notice that there are plenty of manual steps involved.

This is where the developer’s documentation becomes very important. In other words, if the instructions are not well-written, and you are not experienced with installing plugins, you might get stuck. 

However, if you need any assistance, I’m happy to help you (just let me know through the comments or through the contact form.

Finding Plugins for Your Site

There are a couple of sites where you can get Squarespace plugins, either for free or by using the premium route.

Please note that I haven’t tested the majority of the plugins (except the Countdown Timer I installed in the previous section).

SquareStudio

squarespace plugins 1

SquareStudio is a community and marketplace which provides plugins, templates and custom code for your Squarespace website.

This website provides both premium and free plugins.

Naughts & Ones

squarespace plugins 2

Noughts & Ones offers free Squarespace plugins for your website. They also provide installation support, which is great!

The Countdown Timer plugin that I installed on a video in the previous section of this blog post was downloaded from this website.

Powr

squarespace plugins 3

Powr is yet another place where you can download free plugins for your Squarespace website.

Conclusion

There are a couple of ways to extend the functionality of your Squarespace website, either by using the integrations provided by the Squarespace, or by using plugins which are developed by third-party entities.

Getting integrations to work requires a bit of familiarity with the Squarespace platform. But at the same time, you’ll be happy to know that these integrations fall under the customer support of Squarespace.

Working with third-party plugins is relatively simple, although some extra steps are needed. If you are familiar with WordPress plugin installations, the steps you’ll have to take with Squarespace plugins may feel a bit too complicated.

Also, Squarespace won’t provide support for these third-party plugins, although you might get the support from the plugin developer.


Timo
 

I'm into building websites and writing detailed reviews about site builders. When I'm not at my computer, you can find me spending time with my family or training for marathons or for triathlons.

Click Here to Leave a Comment Below 0 comments

Leave a Reply: