Add a Facebook Like Button to Your Website

Add a Facebook Like Button to Your Website

By Michael Turner

January 18, 2025 at 02:50 PM

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:

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

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

Previous Articles