How can I add the facebook like button to my website?

  • 0
  • 19
  • Question
  • Updated 1 month ago
  • Answered
  • (Edited)
Here are instructions to get the Facebook like button on your website.

Grab the HTML code from Facebook

  1. Go to this website: http://developers.facebook.com/docs/r...


  2. Fill out "Step 1 - Get Like Button Code" to customize your like button.
    Note: Use your Facebook URL for URL to Like.


  3. . Then, click Get Code which will populate two segments of code that you'll need to add to your website. Make sure to copy both lines of code. Tip: It's a good idea to paste them into a notepad file.

Add HTML code to Facebook

  1. Go to or sign in to your website account.

  2. Click Websites Manager in the left navigation menu. Then, click Edit Site.




  3. Click Insert in the top toolbar. Select More from the drop-down menu. Then, select HTML.




  4. Then, click Enter or Paste HTML button in the HTML settings on the right.



  5. Paste the 1st segment of html code. This html code doesn't generate the Facebook button so it doesn't matter where this html box is located on your webpage. I recommend moving it to a section on your page where it is out of the way.


  6. Repeat steps 3-5. But, this time add the second segment of code you received. This is the code that will generate the like button so make sure to move the html placeholder box to the specific section on that page you would like it to appear.


  7. Save and Publish your website to see the Facebook Like button on your website.

Hope the helps
Photo of Homestead FAQ

Homestead FAQ, Employee

  • 42,436 Points 20k badge 2x thumb

Posted 7 years ago

  • 0
  • 19
Photo of Homestead FAQ

Homestead FAQ, Employee

  • 42,436 Points 20k badge 2x thumb
Official Response
Hi,

Here are instructions to get the Facebook like button on your website.

Grab the HTML code from Facebook

  1. Go to this website: http://developers.facebook.com/docs/r...


  2. Fill out "Step 1 - Get Like Button Code" to customize your like button.
    Note: Use your Facebook URL for URL to Like.


  3. . Then, click Get Code which will populate two segments of code that you'll need to add to your website. Make sure to copy both lines of code. Tip: It's a good idea to paste them into a notepad file.

Add HTML code to Facebook

  1. Go to or sign in to your website account.

  2. Click Websites Manager in the left navigation menu. Then, click Edit Site.




  3. Click Insert in the top toolbar. Select More from the drop-down menu. Then, select HTML.




  4. Then, click Enter or Paste HTML button in the HTML settings on the right.



  5. Paste the 1st segment of html code. This html code doesn't generate the Facebook button so it doesn't matter where this html box is located on your webpage. I recommend moving it to a section on your page where it is out of the way.


  6. Repeat steps 3-5. But, this time add the second segment of code you received. This is the code that will generate the like button so make sure to move the html placeholder box to the specific section on that page you would like it to appear.


  7. Save and Publish your website to see the Facebook Like button on your website.

Hope the helps,

Did this answer help? If so, please mark 'good answer' below for other people to find this post. Also like us on Facebook and Twitter to learn more about how to grow your business.
Photo of Susan2762

Susan2762

  • 60 Points
It may be me, but your instructions did not work. They are very detailed. I felt well-guided. There were steps that were not like my web design page beginning with Step 4. A large dialogue box appeared that left instructed me to type in a "snippet." And, then both boxes for the html code appeared on my published pages.
Photo of Chris Folmer

Chris Folmer, Alum

  • 28,258 Points 20k badge 2x thumb
Hi Susan,

I'm very sorry for not seeing your post. Hopefully you were able to fix the issue. If not, once you add the html box element (step 3), make sure that html box is highlighted (just click on it). With it highlighted, on the far right of your screen you will see the html settings section. There should be a button there that asks you to enter or paste in the code. When you click on that button, a small window will open. Delete the sentence that is there and paste in the code from Facebook. When you publish it should bring up the like button and not code.

If you would reply with your facebook URL...I'd be more than happy to help get this set up for you.

Thanks!

Chris
Photo of kadenzakids1109

kadenzakids1109

  • 90 Points 75 badge 2x thumb
Didn't work for me either. 
Photo of Drew N

Drew N, Alum

  • 262,676 Points 100k badge 2x thumb
kadenzakids1109, what is happening?
This reply was created from a merged topic originally titled
need facebook like button on website that shows how many people have liked us.


How do I get like button on my site that shows how many people have liked me on facebook I have the follow us on facebook button that is FINALLY working (no fault of homestead) thanks for your help
Photo of Sven7090

Sven7090

  • 132 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled
Facebook Activity Feed.


I would like to add an Activity Feed from a Fb-page to my homepage. How do I do it? Greatful for answers!
Photo of Mike F.

Mike F., Alum

  • 184,578 Points 100k badge 2x thumb
Hi Sven7090,

I have had the best luck getting the html codes directly from Facebook. Here is a link to the Facebook Develpers page: https://developers.facebook.com/docs/...

You'll see that there is a variety of different elements that you can add to your page but creating your own custom code right on their site and embedding it into your web page.

I've found this to be more reliable than using other 3rd party apps.

If this post helps, please give a "Star" and complete this survey to rate me.

Thanks!

Mike
Photo of Albert9338

Albert9338

  • 82 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled
"Sharing" Apps for our Website.


How can you add a "share" link to your website so that visitors can have the opportunity to send e-mail or other social connections about our website?
Photo of Brian0212

Brian0212

  • 428 Points 250 badge 2x thumb
This reply was created from a merged topic originally titled
Social media sharing.


I would like to have a Facebook "Share" button, a Facebook "Like" button and a button to tweet thing to Twitter on specific images or articles on my website. I've added the Facebook and Twitter icons from the "Insert" function in Sitebuilder Plus but the Facebook one is just a like button for my overall site, not the specific item. And the twitter button just asks to follow me. Are these items available?
Photo of Mike F.

Mike F., Alum

  • 184,578 Points 100k badge 2x thumb
You can get a large variety of facebook buttons from the Facebook developers site, and then just add the code as shown above.

For Twitter, you may check this site: https://dev.twitter.com/
Photo of Alex5810

Alex5810

  • 82 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled
how to show the name and profile of the people who liked our site on facebook.


when people visit my website how can they see others who like my site
Photo of Mike F.

Mike F., Alum

  • 184,578 Points 100k badge 2x thumb
The standard like button won't do this but you can visit the Facebook developers page and obtain custom html code for a variety of different widgets which you can embed in your site: https://developers.facebook.com/docs/...

Mike
Photo of Joseph6588

Joseph6588

  • 122 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled
Facebook "like" button image.


I just added a facebook like button, but I do not like the graphic that is being posted once a person clicks the button. Does anyone know how to update the image?
Photo of Mike F.

Mike F., Alum

  • 184,558 Points 100k badge 2x thumb
You may want to visit the Facebook Developers page as there are many customized options that you can choose from and add those to your site by just using their embed code.
Photo of Bob1065

Bob1065

  • 914 Points 500 badge 2x thumb
This reply was created from a merged topic originally titled
how do i add a facebook news feed to my website?.


I would like my facebook newsfeed to appear in a box on my website (like with Twitter). Does anybody know the HTML code for that, or how to do it?
Photo of Mike F.

Mike F., Alum

  • 184,558 Points 100k badge 2x thumb
Bob1065

Follow the steps above. If you click the link in step #1 and go to the Facebook developers page, you'll see  that they provide you with code for many different buttons and feeds.

Mike
Photo of Bob1065

Bob1065

  • 914 Points 500 badge 2x thumb
For some reason, when I click on the link above, and I sign into Homestead, it keeps flashing "You have logged in successfully" over and over. But it doesn't matter. I figured it out. Thanks.
Photo of Mike F.

Mike F., Alum

  • 184,558 Points 100k badge 2x thumb
OK. Let us know if you have any other problems.

Mike
Photo of m4372

m4372

  • 120 Points 100 badge 2x thumb
I followed all these instructions in detail. My Facebook plugin shows up but I am unable to click on it as a link. The cursor does not change when I hover over it. Can you help please, thanks! 
Photo of Drew N

Drew N, Alum

  • 262,676 Points 100k badge 2x thumb
You have the Linked in button sitting on top of the other. If you look in Sitebuilder, spread out the HTML boxes. You should be able to change there size as well to help keep the spacing you want.

Drew
Photo of m4372

m4372

  • 120 Points 100 badge 2x thumb
Ah yes indeed, thanks!
Photo of Drew N

Drew N, Alum

  • 262,676 Points 100k badge 2x thumb
You're welcome
Photo of Chris3758

Chris3758

  • 60 Points
I tried the instructions above. It seemed to work great! I saved and previewd the page and all was fine. Then I published the page and it was still there. Later I closed my browser and the next time I looked at my website the LIKE button was gone and then I logged into Homestead and it was gone there too.

I hate Homestead with a passion!!!1
Photo of William S

William S

  • 18,878 Points 10k badge 2x thumb
I'm sorry this happened to you. We do not automatically revert sites in any way so I'm not sure how this would have happened. Is it on a different page? Does anyone else edit your website also?
Photo of Angela6389

Angela6389

  • 1,046 Points 1k badge 2x thumb
When I added this an advertisement for homestead popped up at the bottom.  How do I removed this?  @chris3758, you probably just need to hit refresh.
Photo of William S

William S

  • 18,878 Points 10k badge 2x thumb
Is this part of the footer with copyright information? If not, what page is affected and I can look.
Photo of Angela6389

Angela6389

  • 1,046 Points 1k badge 2x thumb
I fixed it by deselecting include copyright in the footer section of page setup but thank you!
Photo of William S

William S

  • 18,878 Points 10k badge 2x thumb
No problem!
Photo of Steve3961

Steve3961

  • 82 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled How can I link my website home page to my facebook page.
Photo of Todd H

Todd H, Social Media Specialist

  • 20,744 Points 20k badge 2x thumb
I hope this guide helps you out.
Photo of Linda8325

Linda8325

  • 580 Points 500 badge 2x thumb
I was able to follow the instructions to get a Facebook Like button and a Share button. However, there is no Facebook "F" icon to go with them. Where can I get that? All I can find is a png file, which Homestead won't let me insert on my website.
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 39,582 Points 20k badge 2x thumb
Adding an image would be the way to accomplish this. What happens when you try to add that file?
Photo of Linda8325

Linda8325

  • 580 Points 500 badge 2x thumb
I want to add an image, but the only Facebook images I can find are png files, not jpg or gif.
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 39,582 Points 20k badge 2x thumb
png is fine. What happens when you try to add the file?
Photo of Linda8325

Linda8325

  • 580 Points 500 badge 2x thumb
Do I add it through IMAGE? Because if I do it there, there's no option to find a png file.


Photo of Elyzabeth

Elyzabeth , Official Rep

  • 39,582 Points 20k badge 2x thumb
Oh, ok. You are using a very old program that really isn't recommended to use anymore. My best suggestion would be to start using Sitebuilder Plus. You can definitely upload PNG files in that builder. You should be able to in that program you have but if it is not allowing you to, there is nothing I can do about it. That builder is severely outdated and not supported anymore. If you won't use Sitebuilder Plus, you might just have to hunt for a jpg or find a file converter. 
Photo of Linda8325

Linda8325

  • 580 Points 500 badge 2x thumb
I eventually plan to try the new Website Builder. But for now, maybe I can try a file converter. Thanks for your help the past few days! :-)
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 39,582 Points 20k badge 2x thumb
Photo of Linda8325

Linda8325

  • 580 Points 500 badge 2x thumb
Converting the file worked. Thanks.
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 39,582 Points 20k badge 2x thumb
I'm glad that worked.
Photo of Tami1484

Tami1484

  • 572 Points 500 badge 2x thumb
Hi Elyzabeth
I thought I followed instructions to add the like and share button to my website from 
https://developers.facebook.com/docs/plugins/like-button
But when I add the two codes nothing appears, what am I doing wrong
Thank you
Tami
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 40,510 Points 20k badge 2x thumb
Hello,

This article is from 2012, so it seems to have been made before both builders had a Facebook like element. Since the builders have built in social elements, you don't have to use code. However, if you still do want to use this code, just paste them both into the same HTML box, just add a line (press enter) between the two snippets of code. That is what worked when I tested it on my end.