Here's a clear guide on adding Facebook Like buttons to your website:

Determine Your Website Version

Version 7.1: Follow the steps below to add custom Like buttons Version 7.0: Either use built-in Share buttons or follow these steps (disable Facebook Share button first)

Adding a Facebook Like Button

1. Generate the Button Code:

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

2. Add the SDK Code:

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

3. Place the Like Button:

• Copy the Like button code (second code snippet)
• Insert a Code block where you want the button
• Paste the button code
• Save and publish

Adding Post-Specific Like Buttons

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

Important Notes:

• Like buttons may not display while logged in
• View in incognito mode to test functionality
• This customization is code-based and not officially supported
• Functionality may vary across templates and devices
• Regular updates might affect custom code performance

For Additional Help:

• Consult Facebook's Developer documentation
• Visit the Squarespace Forum
• Consider hiring a Squarespace Expert

Related Articles

Previous Articles