Widgets themes

Introduction

The "Widgets Themes" enables you to create and apply themes for your widgets based on your brand guidelines, making the widget creation process faster and more consistent. By specifying graphical properties such as colors, font styles, and default button configurations, you can define a theme and apply it to any new widget created in a test or personalization campaign. This guide will walk you through the steps of creating a theme, applying it to a widget, and managing your themes.

 

Editing a theme

By editing a theme, you can customize the appearance of your widgets to match your company's brand guidelines, ensuring a consistent look and feel across your web pages.

First, navigate to the Theme page by accessing the dedicated Theme page through the application menu. Click on "Library" and then select "Theme." Upon arrival, you will see that the page is divided into two parts: a property definition form on the left and a "Live Preview" example widget on the right.

Edit your theme by replacing the default values by your brand values (colors, texts, buttons). Once done, click the "Save" button at the bottom-right of the page. It is recommended that you start by naming your theme and then setting the various values for the graphical styles.

2023-04-20_14h51_35.png

The form is divided into three categories: colors, font styles, and default button (CTA) configuration. As you make changes to the graphical configurations, the live preview on the right side of the page will immediately reflect the results, providing you with a clear visual representation of how the changes will affect your widgets.

Take the time to adjust each property according to your brand guidelines, ensuring that the theme accurately represents your company's style. Keep in mind that the properties available for customization include colors, font families, font styles, font sizes, button configurations, and more.

2023-04-20_18h01_07.png

Once you are satisfied with your theme's appearance, save your changes by clicking the "Save" button at the bottom-right of the page. If you decide to cancel the editing process at any point, simply click the "Cancel" button at the bottom of the page.

2023-04-21_14h35_49.png

 

Applying the theme to widgets

When you have finished editing your theme and saved the changes, the theme will be automatically applied to any new widgets created in variations of testing or personalization campaigns. This means that all graphical properties defined in the theme will be initialized when creating a new widget, providing a seamless integration with your web pages.

2023-04-21_14h45_02.png

It's important to note that applying a theme to your widgets is an initialization process that occurs during widget creation. After a widget has been created and its properties initialized based on the theme, you still have the flexibility to modify these values as needed for your current use case.

When you make changes to an existing theme, the updates will not affect already-created widgets, as they have been previously initialized. However, any new widgets created after the theme update will take the new values into account. This ensures that live campaign widgets are not inadvertently affected by theme changes.

In summary, applying a theme to your widgets allows for a consistent, streamlined experience in AB Tasty.

Current Characteristics and Anticipated Updates

The Widgets Themes feature is currently designed with the following characteristics:

Firstly, a theme is created and applied to a single account. When a theme is created, it is saved within the active user's account. As a result, the theme's properties will apply to widgets created for campaigns within that specific account. If a user has access to multiple accounts, the theme will not impact other accounts they can access.

Additionally, at the moment, only one theme can be created per account. The objective of this limitation is to encourage the use of themes to define our clients' brand guidelines. However, it is anticipated that the feature will be updated in the future to allow the creation of multiple themes for a single account. This will enable users to create variations of themes and manage multiple visual identities.

Lastly, the development of a theme-sharing system between multiple accounts is also planned. With a synchronized approach, it would be possible to share a theme across several accounts that share the same brand identity, thereby simplifying cross-account management.

 

Was this article helpful?

/