Step By Step Guide To Setting Up Live Web Chat in Salesforce

Salesforce Live Web Chat (previously known as Salesforce Live Agent)
Salesforce Live Web Chat (Source: Salesforce)

Acknowledgement: This step-by-step guide has been contributed by one of the trailblazers – Khyati Mehta.

Salesforce Live Chat / Live Web Chat (previously known as Salesforce Live Agent) is a feature that allows customers to communicate with company via the web through instant message.

These days customers prefer Live Chat over the phone or email to communicate with the company. With Live Chat, communication is in near real time and is stress free.

In this guide we will take a look at how to configure live chat in Salesforce. We will get the basic Live Chat functionality configured and tested in just under 10 minutes and then take a look at some of the additional features and functionalities that Salesforce offers.

How To Setup Live Web Chat

And here is an outline of what we will be covering in this guide:

  1. Setup Live Web Chat
  2. Create Visualforce Page
  3. Test Live Chat
  4. Brand Chat Widget
  5. Incorporate Pre-Chat Form
  6. Enable Offline Form Submit

Do note that Live Chat in Salesforce offers much more than what we will be covering in this guide. So, the idea behind this guide is to help you get started very quickly and then you can explore all the additional bells and whistles on your own.

And here is the detailed step-by-step guide with screenshots.



To get the PDF copy of the presentation above (link to download the PDF will be emailed to the email address specified below)

Check to subscribe and get notified for new guides



(You'll never be spammed on my watch and that's a promise)

References & Useful URLs

3 thoughts on “Step By Step Guide To Setting Up Live Web Chat in Salesforce”

  1. Thanks for the useful information on Live web chat,

    Can you please add more slides on customizing like whenever all the agents are offline don’t want to use offline submit form instead of offline submit form wanted to use “Email Us”.

    And also is this possible to change the Icon to default Email Icon.
    1.When Agent online i need to see Chat Icon.
    2.When Agent offline i need to see Email Icon and “Email Us” button.

    1. Hi Priyanka, all you need to embed live chat is to paste the JavaScript code. So technically it should be possible as long as you can embed the code in your page. But what will be the use case of doing this?

Leave a Comment

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Scroll to Top