Custom Branded Webchat


Today we are pleased to announce that you can now customise your Modular hosted Riot at the touch of a button, through the Modular host admin interface. Better yet, this is available to all Modular customers at no additional cost.

To get your very own branded chat, simply set up a Modular host using the normal setup wizard, if you have not done so already. Next, navigate to the "Manage servers" page of your account from the dropdown menu of your account.

Manage your servers

At the bottom of your host management screen you will see a new section titled "Client look & feel".

Customise your Riot instance

The settings in this section can be used to adjust the following aspects of your client's appearance:

  • Default theme - This is the default theme that your users will see when logging in to your client. Currently this is either "light" or "dark", but other themes will be added in future. Your users can obviously still override this setting to suit their personal preference from within their Riot client.
  • Client name - You can choose to rename the client all together! So, rather than your users seeing "Riot", you might want to call it "YourCompanyChat", or something. This could be really useful if you want to make the branding match your company name, or if you are interested in reselling Riot to your users.
  • Client logo - The logo to use for the client (this replaces the standard "Riot" logo). At the moment this is just used on the login page / form.
  • Welcome page content - You can set custom HTML content to be displayed on the page that your users will see on visiting your chat client, before logging in. If using this, your page should include links to "Login" (/#/login) and "Create Account" (/#/register). See the screenshots at the end of this article for examples.
  • Welcome page image - In addition to setting the content (text etc.) shown on the welcome page, you can also override the background image for the page using this setting.
  • Home page content - In addition to setting the content that your users will see before logging in, you can use this setting to set the content that your users will see on the homepage when logged in to their account. This can be accessed by clicking on the user's menu from within Riot, and then "Home" from the dropdown menu.
Home button

We think that this is a really exciting feature, and we can't wait to see the ways in which you customise your Riot clients. Tweet us your best screenshots at @ModularIM!

To give you some ideas here are a few screenshots from some of our hosts.

Here's the custom branding for chat.federator.dev:

Federator.dev welcome page

... and, of course, the welcome page from our good friends over at KDE (webchat.kde.org):

KDE.org welcome page

Please come and have a chat in #modular if you have any questions about getting set up, or branding for your company or organisation. You can also email any questions to Modular support.

2019-03-06