How to Embed a SupChat Widget in SharePoint

To embed the SupChat widget on a SharePoint site, you first need to authorize the domain, then embed the widget using the iFrame method.

Note: You must be a SharePoint site administrator to complete the domain authorization step.

Step 1: Allow the SupChat Domain in SharePoint

Before embedding the widget, you need to make sure SharePoint allows content from SupChat.

Instructions:

1. Navigate to your SharePoint site.

2. Click the gear icon in the top-right corner and choose Site Information.
    

   

3. Click View all site settings.
    

   

4. Under the "Site Collection Administration" section, click HTML Field Security.
    

   

5. Add this domain to the list of allowed iframes:

   supchat.<your-domain>.supwizapp.com
   

This allows SharePoint to load widgets hosted by SupChat.

Step 2: Create and Configure the SupChat Widget

1. Log in to SupChat and create a new widget.
2. Configure the widget as needed:
   • Chat styling
   • Opening hours

   • Agent routing
      

     

Step 3: Embed the Widget in SharePoint

1. Return to your SharePoint page.

2. Click Edit in the top-right corner.
    

   

3. Click the + icon, then choose See all web parts.
    

   

4. Scroll to Advanced, then select Embed.
    

   
5. Paste the following iFrame code into the embed field:

<iframe height="480" width="850" src="https://supchat.<your-domain>.supwizapp.com/widget/index_app.html?config_id=<your-widget-id>"></iframe>

You can adjust the height and width values to fit your layout.

Troubleshooting

If the widget doesn’t appear and you see an error like this:

"Embedding content from this website isn't allowed..."

It means the SupChat domain wasn't added correctly in HTML Field Security. Go back and repeat Step 1.

[Screenshot Placeholder – SharePoint iframe permission error message]

Step 4: Publish Your SharePoint Page

Once the widget is configured and displaying:

1. Click Republish in the top-right corner.

Your SupChat widget is now live and ready for use.