IMPORTANT “Start automatically” should be checked.

Under “Custom”, select the “sendbird_utilities_bar”.

In App Setting, click “Utility Items (Desktop Only)”.

Here “Service Console” is used to show the Utilities Bar WidgetĬlick “▾” and “Edit” in the App called Service Console In Salesforce click “Setup” and search for “App Manager” to set where the Utilities Bar widget will appear. Add the Utilities Bar Widget to display in Salesforce Note that sendbird_bar is the saved “static resource”, not the name of the uploaded.

Reference the static resource.”!$ndbird_bar + ‘/index.html’}”.

Add a lightning:container tag to the Utilities Bar widget.

Reference the static resource “sendbird_bar” in the Utilities Bar widget Any external code dependencies will not work even if they are whitelisted in the CSP trusted sites list.Ģ.4.

100% of the code and assets you use in a Lightning Component will need to be included in the.

Salesforce saves the resource name, not the name of the.

Be sure to click “save” after uploading your file.

Index.html should always be at the root level of the.zip file and set “Cache Control” to “Public” In Salesforce’s static resources create a new resource called “sendbird_bar”.Ĥ. Set aura:component as a utility bar and provide an aura:idĢ. Create an empty Utilities Bar Widget house a Lightning Container

The iframe HTML and JavaScript code are loaded as a static resource into Salesforce and compiled as a view within the Utilities Bar Widget.Ģ.1. Here is an example video.Ī Salesforce “Lightning Component” is displayed in the Salesforce’s utilities bar at the bottom. For a high-level overview of a Salesforce Lightning Component, try this blog post and this guide for Salesforce Lightning Containers. This section describes the implementation of a Salesforce Lightning Container containing the Sendbird JavaScript UIKit, to create a Utilities Bar widget. Add the Sendbird UIKit to Salesforce as a Utilities Bar widget

Zip express live chat agent