Get Started with Web Chat
- Describe the benefits of live web chat.
- Describe what an embedded chat window is.
- Use a guided setup flow to set up web chat.
- Create a test website using a Visualforce page.
The CEO of Ursa Major Solar, Sita Nagappan-Alvarez, is looking for ways to expand her company’s customer support options and end the frustrating service circus for good. She knows that if she doesn’t respond to her customers’ mounting concerns, her company can’t grow.
In her research, she’s come across live web chat as a potential channel to offer on the Ursa Major Solar website. So, what is live web chat? Why is it important, and how can it be a useful tool for businesses?
It’s not news that customers expect to be able to contact a company through several different channels: email, social media, phone, web form, and more. They want quick and painless support.
Many customers already use live chat in their day-to-day interactions, which makes it an incredibly useful support tool for businesses like Ursa Major Solar. Plus, it gives customers that proactive, personalized TLC right where they need it: while they’re browsing through Ursa Major Solar’s website. Being there can make the difference between a happy customer who keeps coming back, and one who… well… doesn’t.
Sita also learns that the benefits of live chat reach further than nurturing loyal customers. Agents can handle multiple chats at once, which drives down support costs. Plus, her team can get instant feedback and respond proactively. Are customers struggling to find the warranty information? Or they don’t seem to understand the various charges on their bills? Sita can get this feedback and put a solution in motion long before a case makes its way through the pipeline.
This all sounds great to Sita. She’s tasked her systems admin, Maria Jimenez, with doing some poking around to see how it all works in Salesforce.
As Maria looks into the Salesforce web chat options, she comes across a few possibilities and a whole suite of service channels. She sees live web chat, live chat for mobile, text messaging, video calls, social media, and then some. These channels help connect customers to support agents so they can get the help that they need, where and how they want it.
- Chat: the agent part. It gives your support agents the power of conversational messaging right in the console.
- Omni-Channel: the delivery. It gets chat requests to the right agent.
- Embedded Service: the customer part. It provides a chat window that’s optimized for mobile browsers, too, so customers have a great chat experience whether they’re on their desktop or mobile phone.
These parts work together to give your customers and support team an awesome and productive chat experience.
Based on Maria’s findings, she can see how web chat can be added to Ursa Major Solar’s service channels with little effort (or code!). She’s ready to set up a test implementation of web chat to see how it all works.
Maria is thrilled to find that there’s a guided setup flow that can set up web chat in just a few minutes. So, she heads to Service Setup and follows the Chat setup flow. This is how she does it.
- Log in to your organization, and if you’re in Salesforce Classic, switch to Lightning Experience.
Click the Setup gear icon and select Service Setup.
Under Recommended Setup, click View All.
- Enter Chat in the search box and select Chat with Customers.
Read the prompt to learn about what this flow sets up, then click
Enter the queue name Chats and agent group name Chat
Agents. Then select yourself as a member.
- Click Next.
If you see the Prioritize Chats screen, enter the routing configuration name
Chats and give it a priority of 1. (That means it’s the most
important.) If you don’t see the Prioritize Chats screen, skip to step 10.
- Click Next.
Leave the work item size and agent capacity at 5 and 20, respectively, then click
Enter https://*.force.com into the website URL field.
Create or select a Salesforce site. If you’re creating a site, check the box to
- Click Next.
Select Service for your chat type.
- Click Next.
Click Next to skip setting up offline support. We’ll get to this
in a later unit.
Click Copy to Clipboard to copy the provided code snippet, then
paste it somewhere safe. You need it shortly.
- Click Next.
Review what you just set up in the final screen. Everything is enabled in the
out-of-the-box console app in your org.
- Click Done.
Now, Maria needs a website to paste the Embedded Service code snippet into. She decides to create a test website using a Visualforce page, so she can make sure that Sita and the Ursa Major Solar COO, Roberto Alvarez, approve before they go live on the Ursa Major Solar website.
Let’s join Maria in creating a test website using a Visualforce page.
- Switch from Service Setup to Setup using the gear icon.
- Enter Visualforce in the Quick Find box, then select Visualforce Pages.
- Click New.
- Enter the label Web Chat and the Name Web_Chat, with the description A test website for using web chat.
Replace the code in the page with the following code.
<apex:page> <h1>Let’s start chatting...</h1> <br /> Click the button to start a chat. <br /> <!--Embedded Service Snippet--> </apex:page>
Paste your Embedded Service code snippet below the provided code comment. If you want
to remember where the snippet starts, you can leave the code comment in the code.
- Click Save.
Live web chat is ready to go. But before Maria jumps into the console to test it out, she wants to add a little more pizazz to really impress Sita and Roberto.