How to add Facebook Messenger to Your Website

Designing for screenprinting is a nuanced art that requires a delicate balance between creativity and technical precision. To ensure your designs come to life vibrantly and accurately on fabric, it’s crucial to consider several key factors throughout the design process.

First and foremost, vector graphics serve as the foundation for successful screenprinted designs. Vector-based graphics, created using programs like Adobe Illustrator, retain their crispness and clarity regardless of size. This is essential for screenprinting, as it guarantees sharp, clean lines that will reproduce faithfully onto fabric.

We’ve been waiting for this for a long time, and it’s finally here! Now you can embed Facebook Messenger directly on your website and have people talk to you team without ever leaving the page.

The process is quite simple really, while it used to involve many complicated steps to get something similar to work, now it can be done quickly and effortlessly.

Here is a video where I explain exactly how to get it done, step-by-step:

How to install Facebook Messenger on your Website!
LIVE: How to install Facebook Messenger on your Website!
Posted by Armando J. Pérez-Carreño on Wednesday, September 19, 2018

As you can see in the video, Facebook already provides the steps to do it fairly quickly.

I am including the steps here if you don’t want to see the whole video:

Step by Step

Open up Page Settings

Go to your Facebook page, then click on the “Settings” tab on the top right.

Browse to the Messenger Platform Section

Select the Messenger Platform tab from the left panel menu

Scroll down to “Customer Chat Plugin”

Find the section that says “Customer Chat Plugin” and click on the “Set up” button.

Customize Your Plugin

Follow the on-screen instructions to add a special welcome message and/or change the color of your plugin button.

Add Your Domain

Be sure to include your domain on the top left of the screen where you see the code. This is necessary in order for the plugin to work.

Copy and Paste the Code on Your Website

Click inside the box with the provided code and paste it on your website’s code before the end of the “body” block.

Note: it is better to tell your web developer to help you with this step as it may be much simpler for him/her.

Note 2: if you are using something like WordPress, you may need to use an additional plugin or custom snippet to make sure this loads on all the pages of your site.

So that’s it!

Simple? Right?

Now go ahead and add the plugin to your site! Go!

Any questions? Leave them below!