Using the AutoOps Pro Web Chat and need more customizations in terms of how the chat displays on your website? You have options if the auto-show and/or auto-open settings in the Dashboard aren't suiting your needs. This guide will walk you through setup and some common use cases.
Step 1: Ensure AutoOps is Installed
Step 2: How to Manually Show the Web Chat
Step 1: Ensure AutoOps is Installed
If you already have the AutoOps Scheduling Tool installed on your website, you're good to go! Otherwise, please review our Installation Guide.
You will need to have the AutoOps Scheduling Tool installed on your website in order for the Web Chat to function.
Step 2: How to Manually Show the Web Chat
If you don’t want to auto-show or auto-open the Web Chat button on every page here's how you can manually show it on specific pages of your website.
-
Ensure Web Chat has been configured and is already operational. Reach out to our team if you have concerns that your web chat is not operational.
-
Disable the option(s) in the AutoOps Dashboard under General > Web Chat.
3. On the pages of your website that you want Web Chat to show, add a small snippet of JavaScript. Below are a few options you can pick from.
// Show chat button immediately
window.addEventListener("load", () => {
AutoOps.chat.show();
});
// Show chat button after X seconds
window.addEventListener("load", () => {
const showAfterSeconds = 5;
setTimeout(() => {
AutoOps.chat.show();
}, showAfterSeconds * 1000)
});
// Open chat interface immediately
window.addEventListener("load", () => {
AutoOps.chat.open();
});
// Open chat interface after X seconds
window.addEventListener("load", () => {
const showAfterSeconds = 5;
setTimeout(() => {
AutoOps.chat.open();
}, showAfterSeconds * 1000)
});
Please reach out to Customer Support if you have any questions.
- or chat with our team via the Steer platform.