<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PP7S83N" height="0" width="0" style="display:none;visibility:hidden">
Tutorial

Add group chat to your Superblocks app

This tutorial will show how to create a group chat and add it to your Superblocks app using our chat component. 

Have your Superblocks app ready, and let's get started.

1. Add a Weavy Chat component

Open the Add components panel in the Superblocks app editor and locate the Weavy Chat component.

Drag the Weavy Chat component onto your page canvas.

superblocks-components-smaller-2x

2. Set component properties

Once you've added your component to the canvas, it's recommended to set some properties on the component. The component is automatically adapted to the current theme you are using in Superblocks.

Content

  • Uid: Set a unique identifier that relates to both the page you are showing and the purpose of the component. For instance customer-chat-{{Table1.selectedRowIndex}} if you want to relate it to each row in a table.
  • Display name: This is the readable name for the component. It's used when notifications are generated etc. You can set it to {{Table1.selectedRow.name}} Chat to relate it to the row data in a table.

Event handlers

  • On Token Expired: Set this to simply run the GetWeavyToken Api. This will refresh the user access token when needed.
  • On Set Weavy Navigation: If you have set up Weavy notifications already, set this event to trigger the setPageNavigation event with the uid set to the uid property of the files component, for instance WeavyChat1.uid.
superblocks-chat-properties

3. Done!

The Weavy Chat component should load instantly.

To give it even more power, set up Notifications to trigger updates when users interact with your component.

Note that this is fully working now and available for all your users if you want - group chat added, just like that.

superblocks-chat
Ask AI
Support

To access live chat with our developer success team you need a Weavy account.

Sign in or create a Weavy account