Instructions for adding Facebook Like buttons to your website:

Basic Setup

1. Disable existing Facebook share buttons if using Version 7.0
2. Generate custom code using Facebook's Like Button Configurator
3. Copy the Javascript SDK code
4. Add code to your site's header through Code Injection
5. Copy and paste the Like button code where desired

Step-by-Step Implementation

1. Visit Facebook's Like Button Configurator
2. Generate your custom code
3. Copy Javascript SDK code
4. Navigate to Code Injection in your site settings
5. Paste SDK code in Header field
6. Save changes
7. Return to configurator and copy Like button code
8. Add code block where you want the button
9. Paste Like button code

Adding Post-Specific Buttons

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

Important Notes

• Button will appear after blog post content
• Code may be temporarily disabled while logged in
• View in private/incognito mode to verify functionality
• Functionality may vary across templates and devices
• Regular platform updates may affect custom code

Best Practices

• Test buttons across different devices
• Monitor button functionality after platform updates
• Keep backup of original code
• Consider mobile responsiveness
• Follow Facebook's developer guidelines

For advanced customization or troubleshooting, consider consulting a developer or Squarespace Expert.

Related Articles

Previous Articles