---
title: "Implement Facebook Follow (Subscribe) button in your website"  
description: "In this article I am going to explain how to implement Facebook Follow (Subscribe) plugin on your website."  
author: "Vijay Shukla"  
published: 2013-05-16  
updated: 2022-12-22  
canonical: https://www.mindstick.com/articles/1301/implement-facebook-follow-subscribe-button-in-your-website  
category: "api(s)"  
tags: ["api(s)", "facebook api"]  
reading_time: 3 minutes  

---

# Implement Facebook Follow (Subscribe) 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 how to implement [Facebook](https://yourviews.mindstick.com/view/81069/meaning-of-facebook-and-jio-deal) Follow (Subscribe) 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 Follow button lets a user follow your public updates on Facebook.

You need to implement the Follow button with below link: https://developers.facebook.com/docs/reference/plugins/follow/ after clicking this link you will get below screen:

![Implement Facebook Follow (Subscribe) button in your website](https://www.mindstick.com/mindstickarticle/000a86f3-6c0f-4be4-aead-a4f9489e2c7e/images/8d0657f6-8935-4981-867b-425ae81e4579.png)

1. Click to Follow button menu to open form.

2. [Profile](https://www.mindstick.com/articles/44686/how-to-write-a-profile-essay) URL: - Give the Profile URL of the user to follow. This should be a facebook.com profile URL.

3. Layout URL: - it determines the size and amount of the social context next to the button, it have three [options](https://www.mindstick.com/articles/12789/best-options-for-a-home-based-business) these are given below.

- [Standard](https://www.mindstick.com/articles/23223/naming-convention-or-coding-standard) – It will display social text to the right of the button and [friends](https://yourviews.mindstick.com/story/1192/places-in-india-to-visit-with-friends)' profile photos below. Minimum width: 225 pixels. Default width: 450 pixels. Height: 35 pixels (without photos) or 80 pixels (with photos).
- button_count – It will display the full amount number of followers to the right of the button. Minimum width: 90 pixels. Default width: 90 pixels. Height: 20 pixels.
- box_count - It will display the total number of followers above the button. Minimum width: 55 pixels. Default width: 55 pixels. Height: 65 pixels.

4. Show Faces: - It will specifies whether to display profile photos below the button (standard layout only)

5. Color Scheme: - Here give the color scheme for the plugin. Options: 'light' (default) and 'dark'

6. Font: - Here give the font to display in the plugin. Options: 'arial', 'lucida grande', 'segoe ui', 'tahoma', 'trebuchet ms', 'verdana'

7. Width: -Here give the width of the Follow plugin.

8. Get Code: - Click on the Get Code button to get the script for the Follow plugin.

After clicking Get Code button to appear below screen with script.

![Implement Facebook Follow (Subscribe) button in your website](https://www.mindstick.com/mindstickarticle/000a86f3-6c0f-4be4-aead-a4f9489e2c7e/images/8ded5cfd-720d-4e23-81b9-72bdd8085064.png)

Copy above red bordered code and paste in your website area where which you want to show the Follow 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 Follow</title> \
<div id='fb-root'> \
</div> \
<script> ([function](https://www.mindstick.com/articles/43970/purchase-suitable-wedding-dresses-for-your-wedding-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](https://www.mindstick.com/articles/328642/what-to-consider-while-choosing-a-software-documentation-tool), 'script', 'facebook-jssdk'));</script> \
</head> \
<body> \
<div class='fb-follow' data-href='http://www.facebook.com/wowvijai' data-show-faces='true' \
data-font='arial' data-width='450'> \
</div> \
</body> \
</html>

Output: -

![Implement Facebook Follow (Subscribe) button in your website](https://www.mindstick.com/mindstickarticle/000a86f3-6c0f-4be4-aead-a4f9489e2c7e/images/5c62a3be-4818-487b-b5c2-26474f4f493a.png)

---

Original Source: https://www.mindstick.com/articles/1301/implement-facebook-follow-subscribe-button-in-your-website

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
