How to Add Custom Facebook Like Buttons to Your Site

How to Add Custom Facebook Like Buttons to Your Site

By Michael Turner

January 18, 2025 at 01:46 PM

Follow these precise steps to add a Facebook "Like" button to your Squarespace site:

For Version 7.1 Sites:

  1. 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
  1. Add the SDK Code:
  • Go to your Squarespace site's Code Injection panel
  • Paste the SDK code into the Header field
  • Save changes
  1. 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:

  1. Disable existing Facebook Share button:
  • Open Share Buttons panel
  • Deselect Facebook option
  1. Follow steps 1-3 above

For Blog-Specific Like Buttons:

  1. Access Blog Settings:
  • Open Pages panel
  • Select your Blog page
  • Go to Advanced tab
  1. 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

Previous Articles