How to setup the facebook messenger platform on a WordPress website

by | Blog, developers, facebook, How to

Here are some simple instructions to get use the facebook messenger platform as a website chat solution on your WordPress website. Its crazy how easy and quick it is to do.

What you need

Facebook page – All you need is a facebook page setup for your website which if you don’t have already go and do that regardless as all websites that want to build a tribe need to have somewhere for the tribe to hang out and talk and facebook does that brilliantly without needing to setup a forum which is a lot of work.

Wordpress website – any wordpress website that you have on your own web hosting can do this.

WordPress plugin – to add the facebook code easily which won’t disappear if you change themes. There are many options here but my favourite at the moment is called Tracking Code Manager its free and really cool to use.

Setting up the facebook messenger platform

Ok so once you are on you facebook page go to  the top right area of the page and click Settings

Then on the left click on  Messenger Platform

facebook Messenger platform

 

Now look down towards the bottom of the page and you will see Customer Chat Plugin click on Set Up

facebook Customer Chat Plugin

Setting up facebook customer chat on the facebook side

No you are taken to 3 simple steps.

Step 1 – Select your language and then change the message that pops up to something that is more your style.

facebook set up customer chat step 1

Step 2 – chooses a response time that works for you or just leave it as automatically set.

facebook set up customer chat step 2

Step 3
– Add your website added in the top left area with the full https:// etc
– Copy the code snippet on the right to put on your website

facebook set up customer chat step 1

Setting up the WordPress side

Install the plugin if you already haven’t called Tracking Code Manager

Tracking code manager plugin

Now go to the left of the WordPress admin area and got to Settings -> Tracking Code Manager

Settings - Tracking Code Manager

Now add new tracking code or it might say you don’t have any do you want to add one.

Add tracking code

Settings for adding facebook chat to manage tracking code plugin

  • Add you own name
  • past in the code got previously from facebook
  • select – After BODY for the position of the code
  • select – Standard code tracking in your WordPress
  • select – In the whole website (pages, posts and archives)
  • finally click the blue Save button at the bottom of the page

Settings for facebook chat in wordpress manage tracking tool

And that is all you need to do and it should then work on your website and appear like so in the lower right corner after a few seconds of the page fully loading.

Facebook chat example on WordPress website

 

 

The WP Guy - Tony Cosentino

The WP Guy

Here to help with many areas of your WordPress needs.

The WP Guy

Website Health Check

Thorough audit of your WordPress website.

The WP Guy

Ongoing Support

Let me take care of the Website stuff so you can focus on what you do best.

The WP Guy

WordPress Training

- One-on-one WordPress training via zoom

- In-house group training