• 0 1


  • 1 2

    Facebook ID

  • 2 3

    Online Preferences

  • 3 4

    Widget Position

  • 4 5



Keeping an open line of communication with your customers (or potential customers!) is one of the best ways to ensure you deliver customer satisfaction. One of the increasingly popular additions to business websites have been chat widgets – giving browsing visitors a direct line to your employees to discuss products, services and general company information. But most chat widgets are complicated and cost money to host. If only there were a free messaging service, that everyone already knows how to use, powered and maintained by one of the world’s biggest tech support teams...

Oh wait. That sounds an awful lot like Facebook!

And with Supple's ( an SEO company from Melbourne, Australia ) easy new Facebook Messenger Widget Creator it’s easier than ever to link Facebook’s messaging system with a small pop-up on your business site. A tweak on this fantastic idea from Tom Critchlow, just provide your Live Chat Hours and Additional Contact Email and we’ll automatically generate a fully-functional widget for your site!


  • Free!
  • Approximately half of world's online users are already on Facebook! - BBC
  • Constantly updated and improved by Facebook’s huge support team!
  • Facebook Messenger is the most popular mobile messaging app in countries like Australia and USA! - SimilarWeb
  • FB Chat widget provides easy mobile use and functionality!
  • Helps promote connectivity between you and your site visitors!
  • Answer customers’ pre-purchase questions / maximize customer satisfaction!

Just a small note: Since this is a free tool, we don’t have the spare time and resources to install the code for you, or to provide troubleshooting support through our own support chat. However, we’ve designed the code to be very simple to add to your site, so it should be easy for you to manage yourself - and if you do need help, please contact your developer for support.


Pssst .. Get in touch with us, if you think we can help you with SEO, AdWords, Web Design or Retargeting

This service is in no way sponsored, endorsed or administered by, or associated with Facebook. Facebook is not affiliated with the company in any way.

First step - enter the Facebook Username of the account you want your visitors to contact you on.

Online Days:
9:00 AM - 5:00 PM
9:00 AM - 5:00 PM
9:00 AM - 5:00 PM
9:00 AM - 5:00 PM
9:00 AM - 5:00 PM
9:00 AM - 5:00 PM
9:00 AM - 5:00 PM


If you want your visitors to be able to contact you while you’re offline, put in a contact email and set the ‘Show “Email-us” option when offline’ slider to ‘Yes’ – that way, when your widget shows you’re offline, visitors can still email you directly with their queries!

Want to stay on top of changes to this widget? Set the ‘Notify me of changes’ slider to ‘Yes’ and we’ll email you with news about any updates or improvements to this product.

Next step – setting your online hours! These are the days and times when visitors can contact you through the widget. When you’re offline, this widget will turn into an ‘Email Us’ button.

To set the days you’re online, simply toggle the button for each specific day of the week – green for online, red for offline.

Next up are your online hours. Once you’ve selected which days you’re online, a Contact Hours slider will appear below for each day. Just slide the online ranges to the times that are convenient for you!

Finally, setting your time zone. Not everyone’s 9:00 a.m. is the same, and unless you want your message inbox filling up before the sun rises (where you are, at least), making sure it’s set to the right location is very important.

Widget Position:

Now, select where you want the widget to appear on your website. We recommend the bottom-right – that’s where the chat box sits on Facebook, so people will catch on a bit quicker. However, it always helps to take a look at your site’s layout and check which corner would work best!


Minified Code
Copy Minified Code
Unminified Code
Copy Code

There we go! Here’s the code for your own customised chat widget. You’ll notice that we’ve provided you with two versions, Unminified and Minified. If you’re looking for faster loading speeds, we recommend the Minified code - it’s the original code with all unnecessary spaces removed, optimising it for speedy browsing.

To put the widget onto your website, select Copy Code or Copy Minified Code and paste it just before the closing body tag of the pages you want the widget to appear.

Voila - now your site visitors (and soon-to-be customers) have a direct line through to your business!



Supple is committed to helping everyone get the most out of the internet – not just our clients! That’s why we’ve developed a number of free tools that anyone can use. From an easy interactive walkthrough on filtering your Google searches to a link generator for Google Reviews, check them out now below!

Awards & Affiliations

Report a Bug
Google Rating
Based on 327 reviews