Implementing Live Agent on Salesforce B2B Commerce in 7 Easy Steps


Communication with customers is an imperative aspect of B2B Commerce. Many organizations have specific customer service teams set aside to handle any issues raised by users of a B2B commerce system. Customer service has several communication channels , among them a live chat feature has been gaining popularity. This is not a chat bot. Those have a place as well, but this post concerns itself with the value added proposition of supporting ones customers via an actual human being.

Adding Live Agent feature to B2B Commerce Portal enables agents and supervisors to chat with Portal customers and access other customer service tools in one place.

To Implement a Basic Live Agent for Salesforce B2B Commerce (CloudCraze) follow the simple steps below:

  1. Enable Live Agent
  2. Create Live Agent Users
  3. Create and Assign Live Agent Skills
  4. Create Live Agent Configurations
  5. Create Live Agent Deployments
  6. Create Chat Buttons
  7. Copy & Paste the Code Snippets on the B2B Commerce Portal

 

Step 1 – Enable Live Agent

 

Go to Setup > Live Agent Settings and Enable Live Agent

 

 

Implementing Live Agent on Salesforce B2B Commerce in 7 Easy Steps - Step One

 

 

Step 2 - Create Live Agent Users

Pick a user and make him a live chat agent by checking “Live Agent User”

Implementing Live Agent on Salesforce B2B Commerce in 7 Easy Steps - Step Two

 

Step 3 - Create and Assign Live Agent Skills

 

Go to Setup -> Skills then create a skill and assign Live Agent users and Profile as below.

 

Implementing Live Agent on Salesforce B2B Commerce in 7 Easy Steps - Step Three

 

Step 4 - Create Live Agent Configuration

 

Go to Setup -> Live Agent Configurations and create a live agent configuration as below.

 

 

Implementing Live Agent on Salesforce B2B Commerce in 7 Easy Step - Step Four

 

 

Step 5 – Create Live Agent Deployments

 

Go to Setup -> Deployments, create a live agent deployment as below.

Choose your B2B Commerce Portal as Branding Image Site. 

This step will create a code snippet under “Deployment Code” section.

 

 

Implementing Live Agent on Salesforce B2B Commerce in 7 Easy Steps - step 5

 

 

Step 6 - Create Chat Buttons

 

Go to Setup -> Chat Buttons and select “Chat Buttons & Invitations”

and create a button as below.

Choose the Skill that was created as a part of Step3.

Choose your B2B Commerce Portal as Site for Resources.

This step will create Code Snippet under “Chat Button Code” section.

 

 

Implementing Live Agent on Salesforce B2B Commerce in 7 Easy Steps - Step Six

 

 

Step 7 - Copy & Paste the Code Snippets on the B2B Commerce Portal

 

Copy the code from Steps5&6, and paste it in CC Header Footer Visualforce page as below.

 

 

Implementing Live Agent on Salesforce B2B Commerce in 7 Easy Steps - Step Seven

 

 

Live Agent is Ready!

 

Chat link will now appear on the B2B Commerce Portal and ready to be used by the Portal Customers.

 

 

Implementing Live Agent on Salesforce B2B Commerce in 7 Easy Steps - Final Solution

 

There you have it - chat made available to your B2B Commerce project in seven easy steps. 

 

For more information on our Salesforce B2B Commerce Cloud services, please click this link.

 

SEARCH ARTICLES