How To Add A Like Button To A Web Page

How To Add A “Like” Button To A Web Page

Step 1. Log Into Facebook And Go To Your Facebook Page

Note: This is also same place and method you use to set up a like box, like buttons, Facebook comments on your website.

Step 2. Go to your Fan Page and click “Edit Page”

 

media_13601499405941.png

Step 2. Click “Edit Page” then “Update Info”

 

media_13601501009601.png

Step 3. Click Resources & Chose “Use Social Plugins”

 

media_13601501790901.png

Step 4. Click “Like Button”

 

media_13601502593601.png

 

You can also get to the Facebook Social Plugins pages directly by going to: https://developers.facebook.com/docs/plugins/

Step 5. Type in the URL of your Fan Page

 

media_13601504488781.png

 

 

Chose the type of button you’d like to use by selecting from the “Layout Style” section. Chose your width. Note: If you’re embeding this on a custom landing tab on your Facebook page, I recommend you go with 790 Pixels. Otherwise chose the desired size that fits the space on your website where you want your “Like Button” to appear!

 

media_13601506420221.png

 

 

Copy this code and paste it into text edit on your Mac, or notepad on your PC. You only need to copy the bottom code where the arrow is pointing.

Next open up your wordpress back end and click on widgets.

 

media_13677928535021.png

 

Click on appearance then widgets.

Next drag a text widget into your side bar.

 

media_13677930595151.png

 

If you have floating widgets or anything like that you can drag the text widget there as well which will allow you more flexibility in where you can place the widget.

Next open up your text widget by clicking the drop down arrow on the right side

 

media_13677932664141.png

Now paste your “Like” button code in the text widget and save it.

 

media_13677933485691.png

Next go to your website front end and refresh your browser

 

media_13677934738771.png

 

Your new “Like” button will show up.

You can also add a ‘Like” box in the same exact way you add a “Like’ button.

 

media_13677936828241.png

Add a “Like” box instead or in addition to your “Like” button

 

media_13677938902361.png

When your at: https://developers.facebook.com/docs/plugins/ you can see all the options Facebook allows you to use. Chose the “Like” box option and then follow the same steps above to add the “Like” box to your website.

Now You Know How To Add A Like Button To A Web Page

And that’s all there is to it!  Let me know if you have any questions and what you think by leaving a comment below.  If you enjoyed this post please “like & share” it.  Also let me know what other kinds of videos I can make for you.

Have an amazing day!

Adam

Facebook-Ads-Research-Action-Guide-604-342-Divi

SUBSCRIBE & DOWNLOAD

SUBSCRIBE TO THE SOCIAL MARKETING SYNDICATE NEWSLETTER AND YOU’LL ALSO GET THE FACEBOOK ADS RESEARCH ACTION GUIDE + VIDEO TUTORIAL (A $19 VALUE) FREE!

Please go confirm your email!

Send this to a friend