Display Omnichannel chat widget in the footer of your portal
The combination of PowerPortals, Dynamics 365 Omnichannel and Power Virtual Agents increases the level of customer engagement for customers, in this post I'm going to guide you how to add your Omnichannel chat widget that you configured to your portal.
First, below are the pre-requisites to follow the blog,
- You have at least one Portal
- Omnichannel is installed
- Power Virtual Agent bot is configured to hand of chat conversations to Omnichannel
After having the above pre-requisites done, follow the below steps,
- From the "Omnichannel admin center" model-driven application
- Go to Workstreams and create and configure a new workstream based on your channel
- Enter your stream record, and click on "Copy code snippet"
- Switch to "Portal Management" model-driven app
- Create a new content snippet and past the copied snippet from Omnichannel work steam
- Go to "Web Templates" and enter the "Footer" record
- Search for the footer tag and add the widget using the below code
{% include 'snippet' snippet_name:'Your Chat Widget Name' %}
The footer tag will look like this
<footer role="contentinfo">
<div class="footer-top hidden-print">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12 col-xs-12 text-left">
{% editable snippets 'About Footer' type: 'html' %}
{% include 'snippet' snippet_name:'Your Chat Widget Name' %}
</div>
</div>
</div>
</div>
- Clear your portal cache by navigating to "<< Your portal URL >>/_services/about"
You need to be logged in to your portal with a contact that has administrator portal role
click on "Clear Cache" button
- Refresh your portal and you will see the chat widget displayed!
That's it!
You want to add it to more web templates? follow the steps from step number 5 on the web template you like.
Published on:
Learn moreRelated posts
Add a Custom Component (Preview) in the Power Pages Portal
During a recent project, a client wanted a consistent banner design across multiple pages in Power Pages Design Studio, with customizable text...
[Quick Tip] Power Pages | Liquid | FetchXML | Read ‘Choice’ Field Value
Please refer to one of my previous articles Prepare and Execute FetchXML Liquid Template Tag on how to use the FetchXML in Liquid Tag. In this...
Enhancing Security and Troubleshooting in Power Pages with Microsoft Purview Activity Logging
As a Power Platform Administrator, my job is to manage and secure the organization’s Power Pages applications, ensure everything runs smoothly...
Fixing “No list could be found..” ERROR in Power Pages
Problem Recently while setting SharePoint integration in Power Pages we faced below issue. Solution Recently while setting up Document integra...
Power Pages available in Norway
In 2022, I was among the first to announce a significant development: Norway had officially gained Dynamics capabilities, thanks to the new No...
Power Pages Websites | Turn off ‘AI Summarize’ pane
On my new Portal website, I’ve started seeing the ‘AI Summarize’ pane by default on every page, above the List controls. This is a...
Enhancing Microsoft Power Pages Portal with the Modern List
A list is a configurable component designed to display a collection of records on a portal without requiring developer intervention to present...
Power Pages Fundamentals #15: Core Components of Power Pages-Styling(Boost Your Website’s Appeal with Power Pages Styling): Quick Read Series
Next after Pages we have styling as main core component for power pages website. For any website, User Interface plays a important role where ...