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

Build a chat/messenger into your Superblocks app

This tutorial will show you how to add a full-featured messenger to your Superblocks app using our messenger component.

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

1. Add a Weavy Messenger component

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

Drag the Weavy Messenger 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

  • Display name: This is to set an optional name in the title bar of the Messenger.

Event handlers

  • On Token Expired: Set this to simply run the GetWeavyToken Api. This will refresh the user access token when needed.
superblock-messenger-properties-sm

3. Done!

The Weavy Messenger 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 - full-featured messaging, just like that.

superblocks-messenger
Ask AI
Support

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

Sign in or create a Weavy account