Website Building » Squarespace » How Do I Add a Pin It Button to Squarespace?

How Do I Add a Pin It Button to Squarespace?

Last updated on December 12, 2022 @ 6:04 am

Adding a “Pin It” button to your Squarespace site makes it easy for visitors to share your content on Pinterest. There are two ways to add a “Pin It” button: using code or using a plugin.

Using Code:

Adding a “Pin It” button using code is the most difficult way, but it gives you the most control over where the button appears on your page. To add a “Pin It” button using code, you’ll need to edit your site’s code.

PRO TIP: If you are not careful, adding a Pin It button to your Squarespace site can result in your site being overrun with pins. This can happen if the button is placed in a high-traffic area of your site, or if it is placed on a page with a lot of content.
    1. Log in to your Squarespace account and go to the Settings panel.
    2. In the Settings panel, click Advanced.
    3. In the Advanced settings, click Code Injection.
    4. In the Code Injection settings, add the following code to the “Header” text box:

    < script type="text/javascript" >var addthis_config = {"data_track_clickback":true};< /script >< script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5106fcc6c0e32960" >< /script >

    5. Save your changes.
    6. Now that you’ve added the code, you need to edit your site’s CSS to make sure the button appears where you want it on your page. To do this, go back to the Settings panel and click Design.
    7. In the “Design” settings, click “Custom CSS”

    .
    8. In the “Custom CSS”, add the following code:

    .addthis_toolbox .addthis_button
    { float:left; margin-right:20px; }
    .addthis_button img { width:16px; height:16px; }

    9. This is how you would add a Pin It button to Squarespace using code. If you’re not comfortable working with code, there’s an easier way to add a Pin It button to your Squarespace site.

Using a Plugin:
There are a few plugins that allow you to add a “Pin It” button to your Squarespace site without having to edit any code.

    1. Install and activate the Squarespace Pin It Button for Images plugin.
    2. After activating the plugin, go to Settings > Media and select what size images you want to have “Pin It” buttons.
    3. Now when you view any image on your Squarespace site, there will be a “Pin It” button overlaid on top of it. The above methods are two ways on How Do I Add A Pin It Button To Squarespace? By following either of these methods you can successfully add a Pin It Button.
Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.