How to add Facebook Messenger to your website

How to add Facebook Messenger to your website

advertising disclaimer”

Facebook has a free messenger platform’s for customer chat as a plugin to integrate your messenger directly into your website. It allows your customers to interact with your business anytime with the same personalized, rich-media experience they get in Messenger. The customer chat plugin automatically loads recent chat history between the person and your business, meaning recent interactions with your business on, in the Messenger app, or in the customer chat plugin on your website will be visible. This helps create a single experience for your customers, and enables you to continue the conversation even after they have left your webpage. No need to capture their information to follow up, just use the same conversation in Messenger.

Steps to add messenger chat plugin on Squarespace

The first thing you need to do is login to your Squarespace and then open another tab that you are logged into on the business page section. (You must have a business facebook page and be administrator to that page in order to install this.) This way you can have it accessible when we finish the steps to install messenger chat plugin.

  1. On your facebook business page go to settings > messenger platform on the left side where all the settings for editing or adding to page are located.

  2. What opens up is sections on setting up the messenger. The fourth one down says customer chat plugin then click on the jump to section on the right side.

  3. Click on setup > add messenger chat to website > click next.

  4. This is where you can keep the default greeting or click on change to custom enter your own greeting > click save and then next.

  5. Set up the response time with the choices that are given to you. You can change the color of the bubble chat to the default or your own color. Click save and then next.

  6. What comes next I’m not sure if you need to add it but under the topic “add this domain to show messenger chat on enter it below.” Click save. I enter my domain but also my home landing page URL. Only because I want it only on that home page. Because my business is photography and I have galleries, blog pages, and none others that would need it.

  7. In the box is the code you click on to copy to your clipboard. Click done > then finish.


Add to squarespace

  1. Go to Design> custom css> paste code in footer area after <body> or before </body.>. Click save

  2. Refresh page and if it’s not showing up go to your website by entering it in the search bar and see if it appears there. It should. I had no problems.

Must get! I recently purchased one Fire stick and its amazing especially if your a prime member which you will have free access to over 100,000 channels, apps, and more.

Please read my disclaimer policy do to this website may receive a small commission off its affiliates that you might click on or purchase products from.