Embed uWebChat on a Power Pages site

Please note: Embedding uWebChat inside a Power Pages site requires access to edit HTML code for the specific site. If you do not have access to do this, please contact the person or organization that is responsible for you maintaining your Power Pages site.

Domain whitelisting

uWebChat requires adding your domain(s) before you can embed it on a website. This is a security measure to ensure that only authorized domains can start a chat with your agents. The number of domains you can add to uWebChat is dependent on which license you use. Please see https://www.uwebchat.com for more details.

Please note, custom Power Pages domains are supported! This means that one need to add xxxxxx.powerappsportals.com and/or customerservice.xxxxxxx.com. Each domain will count as 1 domain.

Add and manage domain

You can add a domain to uWebChat by using the Add Domain command. You can enter the domain name in a rich card.

By using the Edit Domain command, you can change an already registered domain. After entered the command, select the domain which you want to change and enter the new domain in the rich card. Click the Confirm button to save your changes.

With the command Show Domains you can see which domains have already been registered. With the command Remove Domain you can remove an already registered domain.

Add uWebChat to a website

To integrate uWebChat in your website, type the command Embed or Embed Webchat in uWebChat. This command will generate a code snippet which you can use to integrate uWebChat in your website.

You can either select to generate a code snippet for a direct chat with a specific agent or a code snippet that allows your customers to chat with a group (see 5. Working with agent groups). Select which agent or group you would like to embed. After that, a short manual will appear that will guide you through the steps required to embed uWebChat inside a website.

You can copy and paste the code snippets inside the HTML code of your Power Pages site.

In the screenshot below you will see the basic setup where to add uWebChat code to integrate into a Power Pages site. One need to add the Uwebchat button to each desired page of the Power Pages site.

 

In the screenshot below you will see uWebChat integrated into an existing Power Pages site. The default out-of-the-box chat button can be found on the bottom right corner of the screen. You can customize this button by using CSS.

Via make.powerpages.microsoft.com you can edit a Power Pages site.

Caution Power Pages designer and co-pilot page designer could suggest changes that will impact the uWebchat integration temporary.
Please always execute an after (change) test. {.is-warning}

Advanced setup Via webtemplates or webpages in Portal Management one can integrate uWebchat in Power Pages sites aswell (for example in the header as replacement of the magnifier search). {.is-info}