You are here:
Embedded Messaging
Use the Embedded Messaging component to add Messaging for Web to your Experience Cloud site.
Note the following considerations before you begin.
- If you use the Embedded Service or Channel Menu components on your Experience Builder site, remove them. Use the Page Structure panel to find and remove the extra components.
- To effectively iframe your website and reduce JavaScript library conflicts, Messaging for Web creates a unique site that appears in your All Sites list in Setup. Don’t reuse this generated site URL, which has reduced security, for other purposes. Don’t modify this generated site through Builder or Workspace links.
- Complete these setup steps for Messaging for Web.
- For Experience Builder sites, from the Experience Builder Components list, select the Embedded Messaging component and drag it onto the page that has the Experience Builder site as the host domain value.
- From the Experience Builder Components list, select the Embedded Messaging component and drag it onto the page that has the Experience Builder site as the host domain value.
- On the page, select the Embedded Messaging component.
-
In the property editor, configure the properties for the component:
Property Details Embedded Web Deployment Choose your Embedded Service Deployment for Messaging for Web. Chat Button Visibility Default Visibility means that the chat button is shown by default or according to any business hours that are configured.
Always Visible overrides your existing visibility settings and ensures that the chat button is always shown on page load.
Always Hidden overrides your existing visibility settings and ensures that the chat button is always hidden on page load.
After publishing your site, the conversation and active messaging button appears on your site. Experience Builder helps you design the experience but is nonfunctional.
The component uses your default site language unless you enable a new language in Translation Workbench.
Make sure to return to the messaging for web deployment configuration instructions and complete the CORS allowlist step.

