Loading...

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. πŸ‘‡

Screenshot 2024 04 24 160606

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. πŸ‘‡

Screenshot 2024 04 24 161135

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. πŸ‘‡

Screenshot 2024 04 24 162101

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.πŸ‘‡

Screenshot 2024 04 24 163620

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. πŸ‘‡

Screenshot 2024 04 24 164342
Screenshot 2024 04 25 155212

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.” πŸ‘‡

Screenshot 2024 04 25 155854

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

Screenshot 2024 04 25 160341

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

Screenshot 2024 04 25 161233

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.πŸ‘‡

Screenshot 2024 04 25 163505

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”. πŸ‘‡

Screenshot 2024 04 25 164307

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

Screenshot 2024 04 25 165147

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

Screenshot 2024 04 25 165650 1

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

Screenshot 2024 04 25 170319
Screenshot 2024 04 25 171350

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

Screenshot 2024 04 25 171632
Screenshot 2024 04 25 172044

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

Screenshot 2024 04 25 172340
Screenshot 2024 04 25 172504

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.

No Data Found.

Related Articles
Design and Implementation of Salesforce Jira Task Integration 1 1

Businesses have been using Salesforce for CRM operations and Jira for Agile project tracking. However, without integration, teams manually update both systems, leading to data inconsistency and inefficiency.This mechanism establishes a real-time integration between Salesforce and Jira, allowing seamless synchronization of tasks and agile board statuses.Β  A custom Salesforce dashboard was developed that replicates Jira-style […]

Read More
Dark Mode in Salesforce Enabling It and Creating Theme Ready Lightning Web Components with SLDS 2.0 1 1

With the Winter ’26 release, Salesforce introduced Dark Mode in Lightning Experience. Dark Mode has been introduced as a beta feature in Winter ’26, and at first it was available only for Starter Edition orgs. It is now rolling out further with Spring ’26 to Professional, Enterprise, and Developer editions. To use Dark Mode, Salesforce […]

Read More
How to Merge and Brand PDF Files in Salesforce Using LWC Visualforce PDF LIB 1

Salesforce developers frequently encounter document automation requirements that go beyond standard Apex-based PDF generation. From merging multiple ContentVersion files to dynamically applying branding like watermarks and headers, traditional server-side approaches often hit Salesforce heap size limits (6MB/12MB), creating performance and scalability challenges. This guide presents a heap-limit-safe PDF merging architecture in Salesforce using Lightning Web […]

Read More
Building a Reusable Popup Modal Architecture in Salesforce LWC 02 1

Modern Salesforce applications frequently rely on popup modals for confirmations, warnings, access control decisions, and destructive actions. However, building modal logic separately inside every Lightning Web Component often leads to duplicated code, inconsistent user experiences, and growing technical debt. This blog introduces a flexible popup modal architecture in Lightning Web Components (LWC) that centralizes modal […]

Read More
How to Add a Lookup Recipient in a Sign Template

This step-by-step guide will provide you with quick steps on how to add a lookup recipient inside a sign template in just a few easy steps. This process improves your eSignature for Salesforce workflow by pulling recipients directly from related records. Whether you rely on Salesforce digital signature features or any eSignature integration, adding lookup […]

Read More
Agentforce VS code

As Salesforce continues to move toward AI-assisted development, Agentforce is emerging as a powerful tool that helps developers interact with their org metadata, objects, and configurations using intelligent prompts. When combined with Visual Studio Code (VS Code) and the Salesforce CLI, Agentforce enables a faster, more context-aware way to explore and build on the Salesforce […]

Read More
Our Location worldwide
Indian Flag India
3rd Floor, A-10, Pegasus Tower, Sector 68, Noida, Uttar Pradesh 201301 +91-1203239658
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
6D - 7398 Yonge St #1124 Thornhill, ON L4J 8J2 Canada +1(262) 310-7818