Adding a Facebook Like button to your site lets visitors share content directly to their Facebook feeds. Here's how to implement it:

For Version 7.1 Sites:

1. Generate the Custom Code

• Visit Facebook's Like button configurator
• Copy the Javascript SDK code from the first field
• Copy the Like button code from the second field

2. Add the Code to Your Site

• Open your site's Code Injection panel
• Paste the Javascript SDK code in the Header field
• Save changes

3. Place the Like Button

• Open the page/post where you want the button
• Click an insertion point
• Select "Code" from the Block menu
• Paste the Like button code
• Save changes

For Blog-Specific Like Buttons:

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

For Version 7.0 Sites:

• First disable existing Facebook share button in share button panel
• Then follow the steps above

Important Notes:

• Custom code may not display while logged in - view in incognito mode if needed
• Button will appear after blog post content
• Code functionality may vary across templates and devices
• Keep code updated with platform changes

Technical Support:

• Custom code implementations are not supported by standard support
• Consult Facebook's developer documentation for specific code issues
• Consider hiring a Squarespace Expert for complex customizations

Related Articles

Previous Articles