Adding a Facebook "Like" button to your website helps visitors share your content on their Facebook news feed. Here's how to implement it properly:

For Version 7.1 Sites:

1. Visit Facebook's Like Button Configurator
2. Generate your custom code (you'll receive two code snippets)
3. Copy the JavaScript SDK code
4. In Squarespace, go to Code Injection panel
5. Paste the SDK code in the Header field and save
6. Copy the Like button code from Facebook
7. Add a Code block where you want the button to appear
8. Paste the Like button code into the Code block

For Version 7.0 Sites:

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

For Blog-Specific Like Buttons:

1. Open your Blog page settings
2. Go to Advanced tab
3. Paste the Like button code in Code Injection field
4. Replace your site URL with {permalink}
5. Save changes

Important Notes:

• Custom code may not display while logged in
• View in private browsing mode to test functionality
• Code-based customizations aren't officially supported
• Button display may vary on mobile devices
• Future platform updates might affect functionality

Best Practices:

• Test across different devices and browsers
• Keep Facebook's developer documentation handy
• Monitor button functionality after platform updates
• Consider using native Share buttons for Version 7.0 sites

Note: While implementing, ensure your site includes appropriate privacy policies and follows Facebook's platform policies.

Related Articles

Previous Articles