Encouraging Facebook Page Likes from your website

I’m working with a client who has a fairly big Facebook following, so I wanted to learn how to put a "Like Our Page on Facebook" button on a website. It turns out there's a Button Configurator in Facebook that does most of the magic. You then put the code the Configurator generates into your website as code. Here are the steps I used for my KerryAThompson website on Squarespace. Instructions for sites on Weebly are included where they differ.

[As of December 1, 2017, new Squarespace Personal plans no longer allow for code injection. You will need a Business plan or greater to follow the steps here to add code.]

1. Go to this page on the Facebook developers site:

https://developers.facebook.com/docs/plugins/like-button

2. Set up the options you want. These were mine.

 Facebook Like Button Configurator options for KerryaThompson.com

3. Click Get Code and you get custom code. This is what it generated for me.

 Facebook Button Configurator code generated for Javascript and HTML

4. Go to your site design editor.

Squarespace: Go to Settings - Advanced - Code Injection. Copy the Javascript SDK code from the Facebook Button Configuration and paste it into the Header section, adding it to whatever you already have in the Header section.

Weebly: Go to Settings - SEO. Copy the Javascript SDK code into the Header Code section. Save.

 Facebook Button Configurator JavaScript code in Header section of website

5. Go to your Home page (or wherever you want the Facebook icons to appear).

Squarespace: Add a code block. Copy the button code (Step 3 in the Button Configurator). Paste it into the code window as HTML. Add <center> and </center> tags around the code if you want the icons to be centered on your page. Apply and Save.

Weebly: Add an Embed Code element. Copy the button code (Step 3 in the Button Configurator). Paste it into the code window as HTML. Add <center> and </center> tags around the code if you want the icons to be centered on your page. Publish.

 Facebook Button Configurator HTML code in website

6. This is what it looks like on my website's Home page.

 Facebook Like and Share buttons on website

You can also put your code into the footer. Here's an example.

 Facebook Like and Share button on footer of website.

If your Business Facebook page is an important part of your marketing strategy, you now have a new way to help your audience find you on Facebook. I like that, Facebook!