Search
Shift Synchronization
Example PowerShell script
Statistics
Supervisor
Agent
SocialConversationParticipant Export
SocialConversationInfo Export
SocialQueue Export
Virtual Call Info
Quality Assurance
Sentiment
Summary
Transcript
MCP Server Setup
Customer data
General
Create App Registration for Email TouchPoint
Module settings
Examples
Setup Access
Configure Teams client to enable Toastar
Enable users
Webhook & Postback URL
Add TOASTAR App to Teams
Create Teams Virtual User
Register Azure BOT Channel
Example PowerShell script
Phonebook
Webchat to Teams
WhatsApp to Teams
Recognize customer by email
Use webchat form to recognize customer
Start voice call (Beta)
CRM
AddTranscript
Translate
OpenAI
GetFormInput
HttpAction
Go to
Convert Image
SetAction
GetPageVisits
Sentiment
Powerhook
SendEmailAction
Chatbot
Get Transcript
Set Participant
Schedule
Merge
Choice
WaitInput
SendMessageTo
The basics
Webhooks for SMS Provider
Sandbox cm.com
WhatsApp OUT
Adding templates
Webhooks for WhatsApp Providers
Customize Layout
Add status message
Webchat Parameters
Create adaptive card
Connect Teams Channel
Add ROGER365 app to Teams
AI Endpoints
Classification Action Configurations
Quality Assurance Forms
Audio Providers
Flows
Last Conversation Data
Call to SMS (Beta)
Store feedback
Call to WhatsApp (Beta)
Cancel Virtual Call
Get Virtual Call Info
Make Call Virtual
OpenAI
Last agent
Text to Speech
Speech to Text
VoiceRecording
Switch
Subflow
Set Variable
Send Webhook
HTTPAction
Wait Timer
CRM
Cancel Task
Cancel all Tasks
Queue
Get Queue Info
WaitForEnd
Set language
Safe Transfer
Schedule
Contact Center
Setup Access & Security
Schedules
Resource Accounts
Queues
Callflows
Audio Files
Agents
Logging
Audit
CRM
Languages
Create Tenant App
Getting started
Subscriptions
Call Flows
AI Flow
Copilot Touchpoint
Insights & Analytics
Wallboard
Permissions
Logging
CRM Calling Integration (Toastar)
Custom CRM Connector
Default CRM Connectors
CRM Replicator
Email Configuration
Schedules
Agent Assist
Setup Access & Security
Malicious File Blocking
Wallboard
Reporting
Messages
Examples
Graphical Designer
Using the library
Email Touchpoint
API TouchPoint
Facebook TouchPoint
SMS TouchPoint
WhatsApp for Business TouchPoint
Webchat TouchPoint
Microsoft Teams
Queues
AI Flow (Beta)
Classification
Skill Based Routing
Reason Codes
Audio Prompts
Agent Profiles
Agents
Call Park
Resource Accounts
Graphical Designer
Form Based callflow
Using the library
Queues
General
Agent page functionalities
Social Messaging
Contact Center
Support & Assistance
Compliance by design
Social Messaging
Contact Center
Getting Started
General
No results
Try a different search query
Webchat TouchPoint
By default you have 1 webchat touchpoint available, which you can add to one or multiple websites. If you need more touchpoints you can add them via the admin portal. Based on the URL configured and attached the correct will be used.
If you would like to quickly create a webchat test website, use this manual
You can watch the steps described underneath in this tutorial video
Configure website tracking
You must register the URL’s on which websites your Webchat TouchPoint will be active. You can use a wildcard to make it available on all pages. For example: https://www.roger365.io/*
- Open web browser and go to: https://admin.roger365.io
- Login with Microsoft 365 credentials
- Go to [Social Messaging], [TouchPoints] on the right top click [+Webchat Urls]
- Add websites URL you want to host the ROGER365.io webchat
Add website to Webchat TouchPoint
- Go to [Social Messaging], [TouchPoints]
- Click the edit icon right to website touchpoint (by default you have 1 Webchat TouchPoint available, but you can add more if you like)
- Scroll down to section “Page urls where webchat is active”,
- Press [+] and choose each website URL you want to run the webchat
- Click [SAVE]
- Click Close
WordPress plugin
If you are using WordPress as your CMS, you can make use of our WordPress Plugin. It adds the ROGER365.io to your website and you are able to customize the layout.
NOTE: Do not change the name of folders!
Manually add webchat to your website
The webchat layout requires the following code to be included in your webpages. These lines must appear in the order shown below.
Add jQuery library in your website (between the <HEAD> and </HEAD>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
CSS:
<link rel="stylesheet" type="text/css" href="https://api.roger365.io/v1.0/webchat/files/startup.v1.css">
<link rel="stylesheet" type="text/css" href="https://api.roger365.io/v1.0/webchat/files/webchat.v1.css">
<link rel="stylesheet" type="text/css" href="https://api.roger365.io/v1.0/webchat/files/spinner.v1.css">
JS:
Jquery library (normal version, not SLIM)
<script src="https://api.roger365.io/v1.0/webchat/files/defaultWebchatOptions.js"></script>
<script src="https://api.roger365.io/v1.0/webchat/files/webchat.js"></script>