How to Add a Chat Box to Your Hotel Website in Softinn CMS

Hello Softinn CMS user. We have released a new feature whereby you can add the chatbox to your Hotel website in Softinn CMS 🙂

With the presence of chatbox, it gives your hotel an opportunity to improve your customer service experience. You can increase the communication between your guest. In addition, you can get connected with the potential customer by replying to their inquiries instantly.

It will make your Hotel website more user-friendly and you can entertain your guest anytime and anywhere!

Check out the video & guidelines below to find out how to add a chatbox to your Hotel website in Softinn CMS :

Steps to Add Chatbox in Softinn CMS:


Follow the guidelines below:

Step 1 : Go to your Facebook Page account

Step 2 : Click on ‘Settings

  • Make sure your Facebook page visibility is published
  • Make sure you allowed people to contact your page privately / send a message to you

Step 3 : Click on ‘Messaging

Step 4 : Go to Add Messenger to your website and click on ‘Get Started

  • Click on ‘Next
  • Insert your preferred Greeting for your chatbox. Click on ‘Save
  • Click on ‘Next
  • You can customize the color for your chatbox. Click on ‘Next
  • Add your Hotel website domain name. Click on ‘Save
  • Copy the code and click on ‘Finish

Step 5 : Go to Softinn CMS

Step 6 : Select the right property

Step 7 : Click on ‘Custom Script

Step 8 : Click on ‘Add Custom Script

Step 9 : Tick on ‘Active

Step 10 : Insert Name for your custom script

Step 11 : Insert your code on Script

  • Softinn has constructed a modified code for the chatbox. The modified code is shared as below. You may just copy and paste the modified code to the “Script” column on Softinn CMS. And then, only update your Page ID to the modified code
  • You can get your Page ID from the code that you have copied from your Facebook page
  • This is the modified code :

$('body').prepend('<div id="fb-root"></div><div class="fb-customerchat" attribution=setup_tool page_id="XXXXXXXXXXXXXXX"></div>'); window.fbAsyncInit = function() { FB.init({xfbml : true,version : 'v7.0'});};(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); s.id = id; js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));

Step 12 : Click on ‘ending of body‘ for Position

Step 13 : Click on ‘Save Changes’

Hope this helps you to add a chatbox to your Hotel website 🙂

Was this article helpful?

Related Articles

Leave A Comment?