Jump to content

(NE) Add Facebook Chat Plugin


Nathan Explosion
 Share

Recommended Posts

 

What is it

This adds Facebook's "Chat plugin" functionality to your site, allowing your configured visitors to initiate Facebook Chats with your Facebook page.

How?

Simple - it adds the code provided by Facebook to your theme without the need to edit the theme itself. All you have to do is provide your Facebook Page ID to the plugin's settings.

But how do I do that?

Well, first you do the following (correct at the time of posting this, and will be updated as and when Facebook change their instructions):

  • Go to your Facebook page
  • In the 'Manage Page' column, locate and click 'Settings'
  • In the 'Page settings' column, click 'Messaging'
  • Scroll to the 'Add Messenger to your website' section, and click 'Get Stared'
  • On the resulting page, you should be in the 'Chat plugin' section.
  • Click 'Set up' and then follow the prompts to:
  • Set your language
  • Add your site domain
  • Copy the code (you'll need this soon)
  • Paste the code (just pretend you've done it, click 'Finish')
  • You can configure the chat plugin further, if you wish, via the 'Customise your Chat plugin' section
  • Then you look at that copied code, find the line that contains the 'page_id'
chatbox.setAttribute("page_id", "123445523342432376");
  • The series of numbers in there is, surprise surprise, your Facebook Page ID: 123445523342432376
  • So copy it and add it in the relevant field in the plugin settings in the ACP.

 

Edited by Nathan Explosion
Link to comment
Share on other sites

  • 1 month later...
Posted (edited)

The style of the icon is controlled by Facebook settings, not the plugin:

On 11/24/2021 at 9:18 AM, Nathan Explosion said:

You can configure the chat plugin further, if you wish, via the 'Customise your Chat plugin' section

I am happy to take a look if you provide a link to your site here, to see if there is something that can be added to your css to override it, but there are. No guarantees it will work though.

Edited by Nathan Explosion
Link to comment
Share on other sites

On 1/9/2022 at 9:20 PM, Nathan Explosion said:

The style of the icon is controlled by Facebook settings, not the plugin:

I am happy to take a look if you provide a link to your site here, to see if there is something that can be added to your css to override it, but there are. No guarantees it will work though.

I understand, I'll PM you my site address.

Thanks for taking a look and for creating this.

Link to comment
Share on other sites

  • 1 month later...
  • 3 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...