Step 3: Create Omni-Presence
Step 4: Create Live Chat Button
Step 5: Create Live Agent Deployment
Step 6: Create Force.com Site.
You can refer Salesforce help link for creating Force.com Site. Link: https://help.salesforce.com/articleView?id=sites_overview.htm&type=5
Step 7: Enable Lightning in your org
Link: https://help.salesforce.com/articleView?id=lex_enable_turn_on.htm&type=5
Step 8: Add your website to CORS Whitelist
You should add the website domain to CORS Whitelist. This website is the one where you will include your snap-ins code.
Link: https://help.salesforce.com/articleView?id=snapins_chat_cors_whitelist.htm&type=5
Step 9: Create Snap-Ins Deployment
In order to do this step, we need to move into Lightning Experience and then from setup, search for Snap-Ins. Click on “New Deployment”. Give Deployment name and select the site you created @ step 6. Here is the screenshot –
Step 10: Configure Snap-ins Deployment
In this step, click on Start next to Live Agent Basic Settings. Select the Live Chat Button and Live Agent Deployment you created @ Step #4 & 5.
Step 11: Get the code and put it in HTML page
Step 12: Open the HTML page in your browser and you will see that Chat Button is available.
Step 13: Here is the animated video chat conversation from Lightning Snap-Ins
In my next post, I will explain the customization options available with Snap-Ins.
Reference:
- Youtube Video: https://www.youtube.com/watch?v=VV0cHRRu4-Y&t=952s
- Salesforce Documentation: https://help.salesforce.com/articleView?id=snapins_chat_setup.htm&type=0