Understand the steps mentioned below to set up messaging for app and web chat for a streamlined experience.

What is an App and web Chat?

App and Web Chat is a service channel within the Service Console. It allows us to communicate with external users via web chat to solve their problems.

App and web Chat is an integrated tool within the Salesforce CRM platform designed to facilitate real-time communication between customer service teams and website visitors. With this feature, businesses can easily interact with their customers or targeted audience, and deliver instant support and assistance.

Prerequisite of App and Web Chat:

  • Create a Digital experience Site. Here is the reference link
  • Enable Chat setting.
  • Set up Omni channel.Β 
  • Enable Messaging Setting.
  • Create a Queue.
  • Digital Engagement license.

A Step-By-Step Guide on Setting Up App and Web Chat

Step 1:Β  In Quick Find, Search>Chat settings>Enable chat. For reference. πŸ‘‡

Step 2: Now, Create a Messaging Channel β€œApp and web”. In the Quick Find box Search>Messaging settings>Enable Messaging to create a new Channel. πŸ‘‡

Step 3: Create a New Channel β€œ Messaging for In-App and Web”. Click on β€œNew Channel” then Choose a Channel type β€œMessaging for In-App and Web”. For reference. πŸ‘‡

Step 4: Now, create a β€œQueue” to route the web chat to the appropriate agent. In the Quick Find box, Search>Queue>Click>New. And select objects β€œChat transcript”, β€œChat session”, β€œMessaging user,” β€œMessaging Session” β€œQueue” and β€œAgent Work”. For the Queue member section add Members. For reference.πŸ‘‡

Step 5: Now Add Queue In β€œMessaging in- For App and web” as the Routing type. In the Quick Find box Search>Messaging Setting>Click on Channel Name> Add Queue Routing type. For more reference. πŸ‘‡

Step 6: In the Quick Find box, search for ‘Users’, click on the user’s name, then navigate to ‘Permission Set License Assignments’ and assign the ‘Messaging for In-App and Web User‘ and ‘Messaging User‘ permissions to the user.” πŸ‘‡

Step 7: In the Quick Find box, Search β€œEmbedded Service Deployment”. Click on β€œNew Deployment” to Create a new web chat. For reference. πŸ‘‡

Choose web and in the Domain section add Community site. For reference check the below Screenshot. πŸ‘‡

Note: You must add this Domain into β€œCORS” to allow the origin to Communicate Salesforce to a specific origin.

Step 8: In the Embedded Service deployment, go to the ‘Code Snippet‘ section to copy the code and paste it into your website for chatting with the Community user. For reference.πŸ‘‡

Step 9: Now, create a VF page and paste the snippet code that I copied in Step 8. In the Quick Find box, Search β€œVisualforce pages”. Create a new β€œVisualforce page”. πŸ‘‡

After creating a new VF page, paste the ‘scrt2URL’ into the VF page snippet code.

Step 10: In Quick find box>Search>CSP. β€œAdd scrt2URL” into CSP trusted URL. For reference.πŸ‘‡

Step 11: Click on the ‘App Launcher’, search for ‘Service Console’, and make β€œAvailable Messageβ€œ in Omni-Channel.πŸ‘‡

Step 12: Now move to the Visualforce page and Click on β€œPreview” to Chat with Agent bidirectional.πŸ‘‡

Step 13: We can chat bidirectional Agent to the guest user and guest user to the agent. Check the below Screenshot.πŸ‘‡

Yay! We have successfully set up ‘App and web chat‘ in Service Cloud!

Conclusion

In a nutshell, the integration of messaging capabilities within both the app and web platforms directly connects users with service agents, facilitating seamless communication and issue resolution. Leveraging app and web chat functionalities significantly enhances the efficiency of customer support processes within Salesforce Services.
By offering users the convenience of instant communication channels embedded within the app and web interfaces, businesses can swiftly address customer queries and concerns. This real-time interaction not only expedites issue resolution but also fosters a more satisfying user experience.

Related Articles

In this detailed guide, we will walk you through the significant yet easy steps to configure Email to Salesforce. Without any further ado, let’s get started! About Email to Salesforce As the term refers, Email to Salesforce is valuable for any organization that businesses use as their Customer Relationship Management (CRM) platform. It helps streamline […]

Read More
Guide on CRUD Operations in Node.js with jsForce

CRM developers typically need to integrate Salesforce with Node.js apps. One well-known library for this purpose is jsForce, which provides a comprehensive set of tools for interacting with Salesforce data and performing CRUD tasks effectively. Let’s dive into the blog, where you will understand the use of jsForce to execute key CRUD tasks within Salesforce, […]

Read More
How to Implement Round Robin Assignments in Salesforce Using Apex

Ensuring a proper workload balance and quick follow-ups from internal or external team members, leads, opportunities, or task distributions is crucial. To achieve this, all you need is a Round Robin assignment. In this step-by-step guide, we will walk you through the process of implementing a round-robin assignment in Salesforce using Apex. Here, we’ve used […]

Read More
Best Salesforce Developments Services Provider

In this step-by-step guide, we will walk you through the significant role of Large Data Volumes in Salesforce, and what strategies or practices you should keep in mind. What is Large Data Volumes? In Salesforce, Large Data Volumes (LDV) refers to managing a huge amount of records available in the platform. LDV usually comes into […]

Read More

Salesforce Apex includes numerous built-in text handling classes, and in addition to them, the Pattern and Matcher classes are good for performing complex string operations. These classes enable us to define and work with regular expressions, which are of particular importance for data validation, searching, and modification. In this technical blog, we will find out […]

Read More

Maintaining security and compliance in Salesforce requires effective user access management. This article will lead you through the process of creating expiration dates for Permission Sets and Permission Set Groups, allowing you to automate access removal while minimizing manual work. Know how this functionality simplifies workflows, guarantees compliance, and improves security procedures. Why Use Expiration […]

Read More
Our Location worldwide
Indian Flag India
3rd Floor, A-10, Pegasus Tower, Sector 68, Noida, Uttar Pradesh 201301 +91-1203117884
United States of America Flag USA
333 West Brown Deer Road Unit G – 366 Milwaukee WI, USA 53217 +1(262) 310-7818
United Kingdom Flag UK
7 Bell Yard, London, WC2A 2JR +44 20 3239 9428
Canada Canada
HIC Global Solutions INC
43 Lafferty Lane, Richmond Hill, L4C 3N8, CA +1(262) 310-7818