Facebook provides "Like" buttons to help visitors share your content on their news feeds. Follow these steps to add custom "Like" buttons to your Squarespace pages and blog posts.

Prerequisites for Different Squarespace Versions

Version 7.1:

• No built-in "Like" button options
• Custom code required

Version 7.0:

• Disable existing Facebook Share button in Share Buttons panel
• Follow custom code steps below

Adding a Facebook Like Button

1. Generate the button code:

• Visit Facebook Like Button Configurator
• Generate custom code (provides two code snippets)

2. Add Javascript SDK:

• Copy first code snippet (Javascript SDK)
• Paste in Header field of Code Injection panel
• Save changes

3. Add Like Button:

• Copy second code snippet (Like button code)
• Add Code block where you want the button
• Paste Like button code
• Save changes

Adding Like Buttons to Blog Posts

1. Access blog settings:

• Open Pages panel
• Select Blog page
• Go to Advanced tab

2. Customize the code:

• Paste Like button code in Code Injection field
• Replace site URL with {permalink}
• Save changes

The button will appear after each blog post's content, allowing visitors to like specific posts.

Important Notes

• Button may not display while logged in
• View in private/incognito mode to test
• Code customization not covered by standard support
• May require adjustments during platform updates
• Consider mobile responsiveness when implementing

For troubleshooting:

• Review Facebook developer documentation
• Consult Squarespace forum
• Consider hiring a Squarespace expert

The button functionality depends on proper code implementation and Facebook's current API specifications.

Related Articles

Previous Articles