Updated: 09.10.2023, by: Sofía Terán

Estimated read time: 4 - 5 minutes

The theme allows you to define the visual style and ambiance of your messages and applications, ensuring they align perfectly with your company's identity.

We recommend that you set a default theme.

This can be done under Admin > App Setup > Defaults > Theme.

You can still have and use multiple themes between messages.

Below are the steps for creating a theme:

Once you click there, you'll encounter the Theme dashboard, giving you the ability to delete, create, and edit both new and existing themes.

You'll get a default name, such as Theme 1,2,3, and so on.

Select the theme you want to remove and click on the dump and it will deleted.

NB: Once this action is performed there is no way to recover the theme.

NB: Changes to existing themes will take effect take effect immediately on all messages that have this message attached. Changes are not reversible

Here you can edit the general settings of the theme:

You can enter a name for your theme here. We recommend choosing a descriptive name to help you easily identify it among your other themes when you need it in the future.

You can either upload a file from your desktop or add it from the media library.

That image will fill your entire message screen.

Recommendations:

Adding a bookmark icon to a theme will make it easier for users to return to specific pages, sections, or items of interest within the app without having to navigate through the entire app or remember the exact location.

You can either upload a file from your desktop or add it from the media library.

​Recommendations:

Here you'll be able to edit the header settings

Hide header

Hide the header in messages with this theme attached.

Hide header logo

Hide the header logo in the message with this theme attached.

Upload header logo

You can either upload a file/image (logo) or add it from the media library.

The header logo will appear centered in the header, and the logo below is 217px x 50px.

The Homepage message will be the default selection, but this section provides the option to decide where to navigate upon clicking the home icon or the header logo.

Recommendations:

You can use the header logo for navigation. Let's say you're creating a theme for your app, you can select the message that contains the front page of the app in the dropdown. Then users can easily get back to the point of departure by clicking the header.

You can upload an image to display in the background of your header.

Recommended header background sizes:

If you prefer a monochrome background color for the header, you can configure it here. Alternatively, you can paste a color code in hex, RGB, or HSV format

Here's where you set the color if you need text in your header. Or you can paste a color code in hex, RGB, or HSV format.

For your app, it's important to have a menu for smooth navigation. In this section, you can define its color or simply paste a color code in hex, RGB, or HSV format.

In this section, you can define its color or simply paste a color code in hex, RGB, or HSV format

These changes will be shown in the messages published in the app.

You can either upload a file from your desktop or from the media library. This image will be shown in the background of your app messages.

You can decide whether to have or not a background color for your messages.

You have the option to select the color in which you want links to be displayed.

To set the color for your messages, you can either click on your preferred color from the selection or paste the color code in hex, RGB, or HSV format.

You can adjust the message line height according to your preference by moving the scrollbar.

You'll need to import the font to the Content Library.

Once uploaded, go back to your message > advance settings > theme > message > regular font, and select the font you want from the dropdown.

The format can be .OTF or .TTF

These changes will affect the buttons you've added to your messages:

To set the color for your buttons, you can either click on your preferred color from the selection or paste the color code in hex, RGB, or HSV format.
​

To set the color for your button text, you can either click on your preferred color from the selection or paste the color code in hex, RGB, or HSV format.

To set the color for your buttons, you can either click on your preferred color from the selection or paste the color code in hex, RGB, or HSV format.

You can increase the width of the button border. If you don't want a border to appear around your button, then set it to 0.

Move the slider to determine the roundness of your buttons

Move the slider to have the buttons appear with more or less transparency

The final settings concern the appearance of the footer in your messages.

It's not an absolute necessity to have a footer, but you might find it convenient to have your company address, a link to your company website, or something else available here.

If you want to add text in your footer, you'll have to click on the ➕

A text box will appear, where you can write a text or add a link.

You can delete the footer by clicking the blue box with the white x.

If you want to use an image in your footer, you can upload it from your desktop or add it from the Media Gallery.

Recommendations:

You can set the color for the footer by clicking on the color you like in the color selection or paste the color code in hex, RGB, or HSV format.

You can set the color for the footer by clicking on the color you like in the color selection or paste the color code in hex, RGB, or HSV format.

Tags: Theme, footer, header, customize, buttons

Contact: Email: [email protected]