DEV Community

c a
c a

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

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

Top comments (0)

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

👋 Kindness is contagious

Explore a trove of insights in this engaging article, celebrated within our welcoming DEV Community. Developers from every background are invited to join and enhance our shared wisdom.

A genuine "thank you" can truly uplift someone’s day. Feel free to express your gratitude in the comments below!

On DEV, our collective exchange of knowledge lightens the road ahead and strengthens our community bonds. Found something valuable here? A small thank you to the author can make a big difference.

Okay