
Add a Facebook Like Button to Your Website
Facebook Like buttons help visitors share your content directly to their Facebook feeds. Here's how to add it to your Squarespace site:
For Version 7.1 Sites:
- Get the Facebook Like Button Code:
- Visit Facebook's developer documentation
- Use the Like Button Configurator to generate custom code
- Copy both the Javascript SDK code and Like button code
- Add the Javascript SDK:
- Go to Squarespace's Code Injection panel
- Paste the Javascript SDK code in the Header field
- Save changes
- Place the Like Button:
- Open the page where you want the button
- Add a Code Block at your desired location
- Paste the Like button code
- Save and publish
For Blog-Specific Like Buttons:
- Access Blog Settings:
- Open Pages panel
- Select your Blog Page
- Go to Advanced settings
- Customize the Code:
- Paste Like button code in blog post item injection field
- Replace site URL with {permalink}
- Save changes
Note: The button may not appear while logged in. View in incognito mode to test.
Important Considerations:
- Disable existing Facebook share buttons in Version 7.0
- Code customization is not officially supported by Squarespace
- Button appearance may vary on mobile devices
- Future platform updates might affect functionality
For best results, ensure your site meets Facebook's content guidelines and maintain up-to-date code implementation.
Related Articles

Choose the Perfect Template for Your Squarespace Website
