Grill.chat by Subsocial integrated into Apillon

In just a few steps, you can enhance your dapp with a fully decentralized chat room to grow and nurture your Web3 audience.

Apillon
Published in
6 min readMar 6, 2024

--

Creating a decentralized app is a skill in itself, but allowing your community to grow within it adds another dimension to its autonomy and relevance in the Web3 society.

And what better way than incorporating a fully decentralized chat room that reinforces your Web3 stance and allows your users to retain control over their social accounts?

Enter Grill.chat by Subsocial.

Now, with Apillon integration, you can spin up a custom Web3-based chat channel for your dapp in minutes.

Why Subsocial’s Grill.chat?

Subsocial, a top Web3 community building network, has been redefining social engagement through innovative UX solutions and user-friendly social features for Web3 content creators, platforms and dapps. And Grill.chat is one of their leading products.

Grill.chat is a multi-user chat app that lowers the entry barrier to Web3.

On the official Grill.chat platform, anyone can join general discussions.

Recommended chats list on Grill.chat

But Grill.chat’s social reach spans beyond its native URL — and this is what Apillon’s integration is all about. Its high-speed on-chain chat room functionality can be integrated into any existing application for users to communicate with one another while they interact with the site.

With Grill.chat on Apillon, you too can transform your dapp into a social experience and boost your audience’s engagement without directing them to third-party social channels.

Example of Grill.chat integration on THORSwap

There are several benefits such an integration could bring:

  • Web3 by design: You can bring your community to your app on-chain and cut the need to use external Web2 platforms like Twitter or Telegram
  • Better UX: On-chain interaction helps nurture transparency, leading to enhanced user reputation and freedom
  • Embedded chat: The Web3-native social engagement helps boost user interaction and loyalty to your brand
Example of Grill.chat integration on the Rarible NFT marketplace

Get social with Grill.chat on Apillon

With Grill.chat functionality provided on the Apillon platform, you can bring Web3 chat room to your dapp even faster.

Apillon takes care of the complete blockchain configuration, payments, and other complexities. The only thing left for you to do is to bring it to your dapp’s front end.

☝️ Note: Integration via API and SDK will become available with future platform upgrades.

Before diving into Grill.chat for real, take a look at the Demo to get a general idea.

Grill.chat overview 🔥

Grill.chat integration, step-by-step

To enable Grill.chat functionality for your dapp, follow the steps below:

Hub and channel setup

1. Log into your account on the Apillon dashboard.

2. In the menu on the left, under Web3 Services, navigate to Social. Click the “Create first hub” button.

3. When a pop-up window opens, enter your hub name. If you wish, you can also add a description and tags to distinguish it from other hubs you might want to create in the future.

🔎 Note: Subsocial’s Grill.chat operates very similar to Slack, where a hub is equivalent to a Slack server, while a channel is analogous to a Slack channel.

4. Now, your hub is being deployed on chain, as shown by its Draft status. The deployment could take a few minutes, so please be patient.

5. Once your hub is deployed and its status changes from Draft to Active, you can view details by clicking directly on the Hub name on the hub list or clicking “View” under the three dots on the right.

6. Now, you can create a New channel inside your social hub. Click the “New channel” button on top right.

7. In the pop-up, enter your newly created channel’s title, content, and, optionally, equip it with tags. Click “Create channel”.

8. The channel is now being deployed, as shown by the Draft status.

9. Once your channel is active, you can see it on the right-hand side, where you can log in using different methods.

Now it’s time to configure the settings.

Configuration

There are two ways to configure the Grill.chat widget on your website or dapp. One for the whole hub and the other for only a specific channel.

1. Hub configuration

With this method, you can integrate the whole Grill.chat-provided hub into your dapp. Since a hub can cover multiple channels, your community will be able to further navigate and choose among all the channels you created under that hub.

In the top right corner, click “Show hub settings”, follow and customize the config details that appear in the pop-up window.

2. Channel configuration

Alternatively, you can just integrate a specific Grill.chat channel to your website or dapp.

On the list of channels, click either the right-facing arrow on the left or “Select channel” under the three dots on the right.

These will expand the details of the channel, which includes configuration settings for you to use in your dapp’s back end.

That’s it! You can now invite your community to engage through Grill.chat — either hub or channel — on your dapp and boost its social value.

All things covered — payments included

Grill.chat operates using Subsocial’s SUB token. Users who want to create hubs or channels need those tokens or energy, which can be received by burning SUB tokens.

However, if you integrate Grill.chat over Apillon, you’re spared the hassle of handling the financial aspect of either acquiring SUB tokens or converting them to energy. Apillon handles all the underlying payments in the back end.

To use Grill.chat on production, you simply need enough Apillon credits. Get started, create an account on Apillon, and receive free credits to build your dapp’s social hub.

Chat away with Grill.chat! 🔥

⧓ About Apillon

The Apillon platform serves as a unified gateway to the Web3 services provided by linked Polkadot parachains. Following the multi-chain vision, Apillon powers the transition of developers to Web3, simplifying its adoption in the real economy, and expanding its versatility as the ecosystem grows. With Apillon, Web3 services are within reach for every developer, regardless of their background and experience with blockchain technology.

Website | Wiki | GitHub | Twitter | Telegram | LinkedIn | Reddit

--

--

Apillon Web3 development platform eases the development of advanced Web3 apps by connecting parachain services through APIs and bypassing blockchain complexity.