How to Install Facebook Messenger on Squarespace
You know the little chat icons you see in the bottom right hand corner of web apps like MailerLite, Dubsado, and so many others?
Have you ever wished that you could have something like that too, but can't afford the expense or just don't want to pay for it yet?
I've gotchu fam! I'm going to show you how to install the Facebook Messenger plugin on your Squarespace website in about 5 minutes, for FREE!
First things first, make sure you're logged into your Squarespace website and your business Facebook page (I can’t say whether this works or not using a personal FB page, but I’d imagine not).
Go to your Facebook Business Page
01 Click on Settings in the top right.
02 Click on Messenger Platform, from the menu on the left.
03 Scroll down to the area that says "Whitelisted Domains," which will be in the General Settings section of that menu area.
Don't freak out if you don't know what "Whitelisted Domains" means! Facebook's description is lacking, but basically this is a list of domains you own and where want to use the plug-in. In order for Facebook to allow the plug-in to be installed, you have to tell them where you want to install it.
For example, I own 2 domains: www.studio1862.com & www.katelyndekle.com. I want Facebook to allow me to show the plugin for both.
They do have to be secure domains, so that means in order for this to work, your prefix has to start with "https://" (that 's' is the important part there).
If you don't have a secured domain, then it won't work. (You can't just add the 's' and call it a day; sorry!)
04 Scroll down to find the Customer Chat Plugin section
05 Click the Setup button for that plugin
A popup window will appear that looks like this (below) that will walk you through the customizations you want to make.
Go to your Squarespace Page
Now that the code has been copied to your computer's clipboard:
06 Go back to your Squarespace website tab in your browser
OPTION A: Do this if you want to use the plugin on all pages
07:A Click on Settings in the Squarespace menu within your account
08:A Click on Advanced
09:A Click on Code Injection
10:A Click inside the text box labeled "Header"
11:A Paste the code in that Header section, then click Save
OPTION B: Do this if you only want to use the plugin on a few specific pages
07:B Click on Pages in the Squarespace menu within your account
08:B Click on the settings icon for a specific page where you want the plugin to appear
09:B On that page's settings popup, click the Advanced tab
10:B Under "PAGE HEADER CODE INJECTION," Click inside the text box labeled "Header"
11:B Paste the code in that Header section, then click Save
(Repeat the steps for Option B on each additional page where you want the plugin to appear.)
Go back to your Facebook Settings
12 Click Finish on that Setup popup window.
You're all done!
See? I told you that was simple! Your new plugin should appear on the bottom right hand corner of your website on the page(s) you installed it.
If it doesn’t, then your template likely requires something slightly different, or you don’t have a secured domain. You can try this free tutorial by SquareStudio instead or reach out to hire an expert* for this quick task so they can get it working for you.
*I’m an affiliate, but I’ve also used them before for very specific things; they are cheap, fast-working, available quickly & great to work with! The expert receives access to your SQS site with your permission & logs onto a video screen-sharing chat so you can see them work while you ask questions or talk them through the problem. Once the task is done, they sign off & you can remove their access permissions. Payment varies, but it’s something like $1-2/minute on average for simple tasks.
One more Bonus Tip
If you're tech savvy, you can setup Messenger automations with apps like ManyChat (which has a basic free version).
This would allow you to setup work-flows or automation sequences for people who use Messenger to contact you about your business.
What do I mean by all that?
You can provide a menu of your services with links to your website, where that information is located.
You can send a photo of yourself and say hi, so they know you're a real human being.
You can create an automated sequence to go through if they choose certain menu options.
You can provide links to FAQs, and so much more.
That's all there is to it!
You can encourage your potential clients to start a conversation with you, by setting up this Facebook Messenger plugin on your site.
If you're worried about getting a ton of irrelevant messages, remember that you can assign it to specific pages (like your Services & Contact pages) if you want to limit the intake to only the more serious inquiries.