Facebook is a great social media platform in which to promote your business to a larger audience. You can direct users to your businesses Facebook page using the social media aspects of the website and with the addition of a LIKE button. You can add a Facebook LIKE button via embedding an HTML snippet.
You can connect up to a Facebook page which drives traffic to your Facebook page via the Dashboard -> Social Media section. A guide on how to do this can be found here.
To add a like button to your webpage:
- Choose the URL of the Facebook page you would like to use with a LIKE button (Usually your business Facebook account).
- Copy the URL into the code configurator found on this page. You can adjust the width and other settings to your liking.
- Once you have customized your button click the Get Code button. Code similar to the image below will be displayed.
- Now you have the code for a like button. Go to your website Dashboard and click the Get Found (SEO) button found on the left-hand side.
- Halfway down the page will be a section named Custom <body> tracking code. Insert the first piece of code for the Facebook LIKE button here. Click the Save button.
- Now go into Editor Mode.
- Insert a new Code Block into the Stack where you are wanting your LIKE button to be placed.
- Paste the LIKE button code that was generated and click Publish.
- You now have a like button on your webpage.
Important notes
-
Use the latest version of the Facebook SDK (e.g. v18 or higher) — avoid copying old embed code examples.
-
Some visitors (especially in the EU/EEA) may only see the LIKE button if they are logged in to Facebook and have accepted Facebook’s cookie settings.
-
Embedding third-party plugins like this may require you to update your privacy policy or cookie consent banner to comply with regulations such as GDPR.
- Your like button will not be visible to you when you are in Editor or Preview mode, it will just display as an empty block. To check that it is working view your website logged out or in incognito/private browser mode.
FAQs
Q: Why can’t I see the Facebook LIKE button in the editor or preview mode?
A: This is expected. The plugin only loads on your live site. View your site in a regular or incognito browser to see the button working.
Q: Do I need a Facebook Page (not a personal profile) for this to work?
A: Yes. The Like button is designed for Pages, not personal profiles. Make sure your Page is published, public, and free from country or age restrictions.
Q: What version of the Facebook SDK should I use?
A: Always use the latest version that Facebook provides when you generate your code (currently v18+). This ensures compatibility and avoids issues with deprecated versions.
Q: Will visitors in all countries see the LIKE button?
A: Not always. In the EU/EEA, for example, visitors must be logged into Facebook and have accepted Meta’s “App and Website Cookies” for the button to display. If your Page has restrictions, those also apply.
Q: Does the LIKE button affect my site’s privacy compliance?
A: Yes, potentially. Adding the Like button loads code from Facebook, which may collect visitor data. If you’re subject to GDPR or similar laws, you should include this in your cookie/consent banner and privacy policy.
Q: Will the LIKE button still work if Facebook updates its code?
A: Facebook occasionally changes how its plugins work. If you notice your button stops showing, revisit the Like Button configurator and generate updated code.