Mac SEO Blog

In our social networking world, having a Facebook page for your business can be extremely important. In this video, we’re going to show you how you can add a Facebook ‘like’ button to your site in iWeb.

If you haven’t already, make sure you check out our video on how to create a custom Facebook page that looks similar to your website.

Video Transcript:

To add a Facebook Like, button to your iWeb website, first go to the Facebook Developers Like Button page. You can pause the video here and type in this URL, or you can do a search for the phrase Facebook Like Button and click on the result for the Facebook Developers Like Button page.

In the Step 1 – Get Like Button Code form, first enter the URL for your Facebook page. If you are unsure of what this URL is, you can visit your Facebook page, and copy and paste the URL into this field.

If you would like to include this Send button, you can leave this box checked, otherwise, you can remove it.

For Layout Style, go through each option and choose the one that you like best.

You can leave the width at 450, or you can change it if you’d like.

You can also choose to show the faces of people who have liked your page. That option looks like this on a webpage.

And lastly, you can pick your font and colour scheme that you would like to use.

When you are done, press the Get Code button, and highlight the code that pops up in the window.

Now let’s open up iWeb, and drag an HTML snippet onto our page. Paste the code that we just copied into this HTML Snippet. You should be able to see your Facebook Like or Recommend button, and you can resize it and move it to a location on your site that fits best.

And that is how you add a Facebook Like button to an iWeb website. Be sure to check out our other helpful iWeb tips and tricks videos which are located in the SEO For iWeb Walkthrough Video Tutorial or our iWeb SEO blog