
How to Add Custom Facebook Like Buttons to Your Site
Follow these precise steps to add a Facebook "Like" button to your Squarespace site:
For Version 7.1 Sites:
- Get the Facebook Button Code:
- Visit Facebook's Like Button Configurator
- Generate your custom code
- You'll receive two code snippets: SDK code and Button code
- Add the SDK Code:
- Go to your Squarespace site's Code Injection panel
- Paste the SDK code into the Header field
- Save changes
- Add the Button Code:
- Open the page where you want the button
- Add a Code block
- Paste the Button code
- Save changes
For Version 7.0 Sites:
- Disable existing Facebook Share button:
- Open Share Buttons panel
- Deselect Facebook option
- Follow steps 1-3 above
For Blog-Specific Like Buttons:
- Access Blog Settings:
- Open Pages panel
- Select your Blog page
- Go to Advanced tab
- Modify the Code:
- Paste the Like button code
- Replace site URL with {permalink}
- Save changes
Important Notes:
- Button may not display while logged in
- View in incognito mode to test
- Code modifications may affect mobile responsiveness
- Custom code is not supported by official support services
- Keep code updated during platform updates
This integration allows visitors to share your content directly on their Facebook news feed, increasing your site's social engagement and reach.
Related Articles

Retired Fonts List: Complete Guide to Replacing Unavailable Fonts
