DEV Community

Chris Achinga
Chris Achinga

Posted on • Originally published at chrisdevcode.hashnode.dev on

Facebook Page Like Button

Do you have a Facebook Page and would love to promote it over your website or any site at all? A Like button is all you need. No technical procedures, just click and copy!

Facebook like button

Facebook like button

Let's make one in few simple steps:

Go to Facebook developer's site

Facebook developer:

You will find all tools and stuff you could utilize provided by Facebook open source and APIs.

Go to the docs page: https://developers.facebook.com/docs/ and hover over the docs section on the navigation bar at the top, and select the Like Button - Social plugin:

Screenshot from 2021-04-01 00-10-19.png

Like Button - Social Plugin

Customize your Page's button

While still on the current page, go to the section Get a Customized Like Button

customizebtn.png

Paste the Facebook page URL you'd like to create the like button in the URL to like input.

Select the layout of the button, action type, and button size from the options listed.

Action Type

btnaction.png

Button layout

btnlayout.png

Button Size

btnsize.png

Once you are done with the selections, click on Get the code:

getcode_ja.png

Conclusion:

You can copy the code snippet into your website to start promoting your Facebook page:

Check out the example below:

https://codepen.io/chrisachinga/pen/KKagVZr

Written with 💜 by Chris Achinga

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more

Retry later