Website Building » Weebly » How Do I Add a Facebook Button to Weebly?

How Do I Add a Facebook Button to Weebly?

Last updated on December 30, 2022 @ 11:26 am

Adding a Facebook button to your Weebly website is easy! There are two ways to do it:

Method 1: Use a Weebly App

There are many different Weebly Apps that allow you to add a Facebook button to your website. Simply search for “Facebook button” in the Weebly App Center, and choose an App that you like. Once you’ve installed the App, follow the instructions to add the button to your site.

PRO TIP: Weebly is a great platform for building websites, but you should be careful when adding a Facebook button to your site. Weebly does not currently offer an official Facebook button, so you’ll need to use a third-party service or code to add one. This could cause problems with your site’s design or functionality, so only add a Facebook button if you’re confident in your ability to do so.

Method 2: Use HTML code

If you’re comfortable working with HTML code, you can add a Facebook button to your Weebly site by following these steps:

  1. Log in to your Weebly account and go to the Edit Site section.
  2. Click on the “Add Element” button, and then select “Embed Code”. Paste the following code into the box:
<iframe src="http://www.facebook.com/plugins/like.php?href=
YOUR-URL&amp;layout=BUTTON_COUNT&amp;show_faces=true&amp; 
width=200&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;"
style="border:none;
overflow:hidden;
width:200px;
height:21px;" allowTransparency="true">
</iframe>
  1. Replace “YOUR-URL” with the URL of your Weebly site (e.g., http://www.example.com).
  2. Replace “BUTTON_COUNT” with either “standard” or “button_count”. This will determine the layout of the button.

(Optional): If you want to change the color scheme of the button, replace “.light” with “.dark”. This will make the button appear in dark colors instead of light colors.

That’s it! You’ve now added a Facebook Like Button to your Weebly site.

We hope this article was helpful. If you have any further questions about adding a Facebook Button to Weebly, or about HTML text formatting in general, feel free to post them in the comments section below.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.