Wordpress Installation Steps

1. Schedule Engine now offers a Wordpress Plugin to add our Scheduler and Chat services to your website. Simply add the Plugin and follow the prompts to add to your website.
   • Please note, if you are installing both Scheduler and Chat, the API Key for each will be unique.

For all other webpages

Embed chat widget in own web page

1. Add the following script tag to the index.html head tag to include WebChat script

<script src="https://webchat.scheduleengine.net/webchat-v1.js"></script>

2. Add the following script tag to the index.html body tag to initialize WebChat. loadChat will return a promise, that will resolve when the chat has completed loading.

<script>
    WebChat.loadChat({ apiKey: 'your API key', primaryAccentColor: '#888888', autoOpen: true, autoOpenMobile: true, mobileHeightPercentage: 75, autoOpenExpiration: 1, title: 'Welcome to Your Company Name', initialMessage: 'Hi, thanks for coming to Your Company Name. How can we help you today?' });
</script>

3. Specify different options to suit your needs…

4. To open the chat programatically. You can call

WebChat.open()

Make Chat Appear After Hours Only

<script>
var hour_of_day = new Date().getHours();
var day_of_week = new Date().getDay();
if (day_of_week == 0 || day_of_week == 1 && hour_of_day <= 7 || day_of_week == 1 && hour_of_day >= 18 || day_of_week == 2 && hour_of_day <= 7 || day_of_week == 2 && hour_of_day >= 18 || day_of_week == 3 && hour_of_day <= 7 || day_of_week == 3 && hour_of_day >= 18 || day_of_week == 4 && hour_of_day <= 7 || day_of_week == 4 && hour_of_day >= 18 || day_of_week == 5 && hour_of_day <= 7 || day_of_week == 5 && hour_of_day >= 18 || day_of_week == 6) {
  WebChat.loadChat({ apiKey: 'xxxxxxxxxxxxxxxxx', primaryAccentColor: '#888888', autoOpen: true, autoOpenMobile: true, mobileHeightPercentage: 75, autoOpenExpiration: 1, title: 'Welcome to Your Company Name', initialMessage: 'Hi, thanks for coming to Your Company Name. How can we help you today? '});
}
else {
  client chat code here
}
</script>

Google Analytics Events

If the web page that embeds this chat widget is configured with the Google Analytics script (analytics.js or gtag/js), the chat widget will fire events to the configured GA account. The following events will be fired.