Adding a Facebook "Like" button to your site enables easy content sharing on Facebook. Here's how to do it:

Version Differences:

• Version 7.1: Follow the steps below
• Version 7.0: Disable existing Facebook sharing button first

Step-by-Step Instructions:

1. Generate the Code

   • Visit Facebook Like Button Configurator
   • Generate custom code (you'll get two code snippets)

2. Add JavaScript SDK:

   • Copy the first code snippet (JavaScript SDK)
   • Go to Code Injection in your site settings
   • Paste code into Header field
   • Save changes

3. Add Like Button:

   • Copy the second code snippet
   • Add a Code Block where you want the button
   • Paste the button code
   • Save changes

For Blog-Specific Like Buttons:

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

Note: If you can't see the button while logged in, view the page in incognito mode or when logged out.

Important: Custom code modifications are not officially supported. This means:

• No guaranteed compatibility with all templates
• Possible display issues on mobile devices
• May break after platform updates
• No official support for troubleshooting

For additional help:

• Review custom code best practices
• Consult Facebook's developer documentation
• Visit Squarespace Forum
• Consider hiring a Squarespace expert

Related Articles

Previous Articles