How to Add a Facebook Like Button to Your Squarespace Site

How to Add a Facebook Like Button to Your Squarespace Site

By Michael Thompson

January 18, 2025 at 02:50 PM

To add a Facebook Like button to your website, follow these key steps:

For Version 7.1 Sites:

  1. Visit Facebook's Like Button Configurator to generate custom code
  2. Copy the Javascript SDK code
  3. Add it to your site's Header Code Injection
  4. Copy the Like button code
  5. Insert it into desired pages using Code blocks

For Version 7.0 Sites:

  1. Disable existing Facebook Share button in Share Button settings
  2. Follow the same steps as Version 7.1

Adding Post-Specific Like Buttons to Blog Posts:

  1. Open blog page settings
  2. Navigate to Advanced tab
  3. Paste Like button code in Blog Post Item Code Injection
  4. Replace site URL with "{permalink}"
  5. Save changes

Code Injection Settings Screen

Code Injection Settings Screen

The Like button will appear after each blog post's content:

Facebook Like Icon

Facebook Like Icon

Important Notes:

  • Code may be disabled while logged in - view in incognito mode to test
  • Functionality across templates and mobile devices isn't guaranteed
  • Code-based customizations may need updates with platform changes
  • For troubleshooting, consult Facebook's documentation or hire a Squarespace Expert

This implementation allows visitors to share specific posts or pages directly to their Facebook feed, increasing your content's visibility and reach.

Related Articles

Previous Articles