How to Add Live Chat to Your Facebook Page

With the rise of the social media and the number of platforms through which a business can be discovered and reached by a prospective client, it becomes extremely important that companies  do not miss the opportunity to covert those random visitors into customers. This requires from a business to be able to engage clients and provide customer service basically from any landing page the customer finds himself at, be it the company’s Facebook, Twitter or Google+ page.

In our effort to increase the number of channels through which prospective clients can reach our customer’s business, we have created a special Facebook code, which allows you to add a live chat button directly to your Facebook  page.  Below in this article we will explain how you can accomplish this task.

Live chat link can be added to timeline pages as a tab using Facebook application “Static HTML: iframe tabs“.

Please note that this application allows adding custom tabs only to pages. Tabs cannot be added to your personal Facebook profile. Additionally, according to recent API changes, your page needs to have at least 2K Likes in order to be able to install a custom tab.

Here is what you need to do to add a live chat tab to your page:

1. Open the Home page of you Facebook profile

2. In the Search box at the top of the page start typing “Static HTML” and select the application “Static HTML: iframe tabs“

3. Click “Add Static HTML to a Page“

4. A new browser window or tab with “Add Page Tab” option will appear. Select your page to which you would like to add the application from the drop-down menu “Facebook Pages” and click “Add Page Tab”

5. At this point a new page tab called “Welcome” will be added to your page by the static html application. There will be a green button “Edit tab” below the tab name, which will get you into the editing mode.

6. In the tab settings screen you will see a text box for entering the html code for your tab. The code will be stored in the index.html file. Basically, if you are familiar with html, you can create a nice page for your Live Chat tab. Here, however, we will add only the chat button. Copy the Chat Button Code for Facebook Pages from your admin panel at www.providesupport.com website and insert it in the text box as shown in the picture below.

7. In the same screen you can click “Actions“, select “Edit name and image” (shown in the screenshot above) and change the name of the tab from its default “Welcome” to something more appropriate, such as “Live Chat”, “Live Support” etc. At the end of it all, click the button “Save tab name” and the blue one “Save & Publish“.

Congratulations! You are done. Now you can go back to your Facebook page and see what the new tab looks like.

Here’s how we implemented live chat on our own Facebook page, http://www.facebook.com/providesupport/.

Feel free to start a chat and see how it works. We will be glad to hear from you 🙂

• About
• Latest Posts

Maria Lebed

Maria is a Customer Service Advocate and Social Media Coordinator at Provide Support, LLC. She is a writer and blogger on customer experience, customer service innovation and live chat support service.

Latest posts by Maria Lebed (see all)

• Proactive communication with customers: what benefits can it give to your business? - June 22, 2018
• 7Customer Service Challenges and How to Overcome Them - May 10, 2018
• Soft Skills to Master for an Ever-Learning Customer Service Rep - April 21, 2018