---
title: "Implement like button in your website"  
description: "In this article I am going to explain how to implement Like plugin on your website."  
author: "Vijay Shukla"  
published: 2013-05-17  
updated: 2019-09-07  
canonical: https://www.mindstick.com/articles/1303/implement-like-button-in-your-website  
category: "api(s)"  
tags: ["api(s)"]  
reading_time: 3 minutes  

---

# Implement like button in your website

In this [article](https://yourviews.mindstick.com/view/81489/kashmir-now-after-an-year-of-abrogation-of-article-370) I am going to [explain](https://www.mindstick.com/forum/159699/what-is-a-compilation-error-in-dot-net-core-explain-with-an-example) how to implement Like [plugin](https://www.mindstick.com/articles/23236/institute-management-for-wordpress-plugin) on [your website](https://yourviews.mindstick.com/view/81591/semrush-tutorial-and-review-2020-how-to-use-it-to-20x-your-website-traffic).\

The Like [button](https://www.mindstick.com/articles/63/how-to-add-button-in-datagridview-in-csharp-dot-net) is a [simple](https://www.mindstick.com/blog/63525/get-the-most-out-of-maths-with-these-8-simple-tricks) plugin that will let [people](https://www.mindstick.com/news/2295/more-people-need-to-monitor-this-crucial-metric-for-heart-health) quickly [share content](https://answers.mindstick.com/qa/93336/can-we-share-content-with-my-sponsored-profile-at-mindstick) with their [friends](https://yourviews.mindstick.com/story/1192/places-in-india-to-visit-with-friends) on Facebook.

You need to implement the Like button with below link: [https://developers.facebook.com/docs/reference/plugins/like/](https://developers.facebook.com/docs/reference/plugins/like/) after clicking this link you will get below screen:

![Implement like button in your website](https://www.mindstick.com/mindstickarticle/1d702ae3-5204-455b-b935-7df39cd402eb/images/1e3686e0-21eb-4bd2-9ed3-02c49d17bd67.png)

1. Click to Like menu to open form.

2. URL to Like: - The URL to Like XFBML, defaults to the current page.

3. Send Button (XFBML Only): - Include a send button (if checked on the checkbox). The send button is available only on sites that are the javascript SDK.

4. Layout Style: - It determines the size and amount of socials context next to the button, this drop down contain three options these are given below.

- Standard
- Button_count
- Box_count

5. Width: - Here give the width of the plugin in pixels.

6. Show Faces: - Show the profile picture, when two or more friend like.

7. Font: - Here give the font of the plugin.

8. Color Scheme: - Here give the color scheme of the plugin it have two options.

- Light
- Dark

9. Verb to display: - The verb of display in the button currently only 'Like' and 'recommend' are supported.

10. Get Code: - click on the Get Code button to get the script.

After clicking on the Get Code button you get below screen which is contain the script for 'Like' plugin.

![Implement like button in your website](https://www.mindstick.com/mindstickarticle/1d702ae3-5204-455b-b935-7df39cd402eb/images/d819dd3b-517f-45bd-8313-d2dcba83e1f9.png)

Copy the red bordered code and paste where which you want to show the Like plugin.

##### Code: -

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Facebook Like</title>
    <div id="fb-root">
    </div>
    <script>        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
            fjs.parentNode.insertBefore(js, fjs);
        } (document, 'script', 'facebook-jssdk'));</script>
</head>
<body>
    <div class="fb-like" data-href="https://www.mindstick.com" data-send="true" data-width="450"
        data-show-faces="true" data-font="arial">
    </div>
</body>
</html>
```

##### Output:-

\

![Implement like button in your website](https://www.mindstick.com/mindstickarticle/1d702ae3-5204-455b-b935-7df39cd402eb/images/1aba8aa7-1405-4957-9154-e0916f9a31b4.png)

![Implement like button in your website](https://www.mindstick.com/mindstickarticle/1d702ae3-5204-455b-b935-7df39cd402eb/images/e3ba95f0-195c-41ec-bc6d-cd59f9b4c9dd.png)

---

Original Source: https://www.mindstick.com/articles/1303/implement-like-button-in-your-website

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
