Add Facebook Like Button to Your Website - Simple Integration Guide

Add Facebook Like Button to Your Website - Simple Integration Guide

By Michael Chen

January 18, 2025 at 12:45 PM

Here's how to add Facebook "Like" buttons to your website pages and blog posts:

Version Compatibility

  • Version 7.1: Use custom code (follow steps below)
  • Version 7.0: Either use built-in sharing buttons or custom code

Adding a Basic Like Button

  1. For Version 7.0: Disable existing Facebook sharing button in "Sharing Buttons" menu
  2. Generate custom code using Facebook Like Button Configurator
  3. Copy JavaScript SDK code
  4. Add code to Header field in Squarespace "Code Injection"
  5. Copy Like button code
  6. Add code block to desired page location
  7. Paste Like button code into code block

Blog Settings Interface

Blog Settings Interface

Adding Post-Specific Like Buttons

  1. Open blog page settings
  2. Navigate to Advanced tab
  3. Paste Like button code in Blog Post Element field
  4. Replace website URL with {permalink}
  5. Save changes

Facebook Share Button with Arrow

Facebook Share Button with Arrow

Important Notes

  • Custom code may not display while logged in; view in incognito mode if needed
  • Code customizations are not officially supported
  • Functionality may be affected by platform updates
  • Mobile responsiveness varies by template

Additional Resources

  • Review custom code best practices
  • Consult Facebook developer documentation
  • Visit Squarespace Forum
  • Consider hiring a Squarespace expert for complex implementations

Related Articles

Previous Articles