If you need to use live chat on a website, web application, or even a mobile application, you will need to create a website workspace. You can create as many website workspaces as you wish, and they will all be linked to one Ruut dashboard.
Here is an integration guide on how to set up the website workspace on Ruut:
Step 1: Connect from Dashboard
On the dashboard, as a new user, you will see an option to set up your workspace. Click on it, and it will take you directly to the workspace section, where you will find a list of channels you can set up in your workspace.
Step 2: Create a New Workspace
From the workspace section on Ruut, you need to create a new workspace. Select the website workspace, and it will open up its requirements. Follow the steps provided.
Step 3: Enter Necessary Information
When you click on the website channel to connect to your workspace, you will need to submit several items:
-
Website Name: This is the name that will show on the Chat Widget.
-
Website Domain: This is the domain or web URL of the website or application you are integrating.
-
Blog URL: If you have a blog and want your users to read it directly from the chat widget, provide the link. The view will be rendered, allowing users to interact with it from the chat widget.
-
Widget Color: Set your company’s primary color as the widget color to match your brand and business.
-
Welcome Heading: This is the first text presented to your users when the chat widget is launched, e.g., "Welcome to Ruut Chat" or "Glad to have you join us here."
-
Welcome Tagline: This tagline accompanies the welcome heading, e.g., "Ask us anything."
-
Enable Greeting: If you want automated greetings when users first visit the chat widget, enable channel greeting. This will present another field where you can add a message for the greetings.
After inputting all the necessary fields, click "Create Inbox" to save your details. Once saved, proceed to the next step.
Step 4: Add Your Agent
Once your website channel has been connected, add your support staff to that workspace. Once that’s done, you are ready to use your website channel with any application you wish.
Step 5: Use Your Website Channel
Now that your website channel is created, you will be presented with a view like the image below.
For some applications you will be integrating with, you need to copy the entire script tag to the JavaScript section of your application. For mobile, WordPress, or other platforms, you will be required to copy the value of the Website token, which allows you to interact directly with the application.