To ensure that your Feedback Buttons, Feedback Forms, In-Page Forms, Email Widgets, and Campaign Forms are aligned with the design of your website we allow you to set a Custom Theme. The Theme of a form or widget defines how it will look and feel for your users. In this article, we'll discuss how you can use Custom Themes and what can be customized.
How to use Custom Themes
We always recommend that you use a Custom Theme and more specifically, one that matches the design of your website. Doing so ensures that experience of Usabilla part matches the experience of your website, which in turn results in a fluent experience overall for your user. To make sure that the forms that you've created with Usabilla blend into your website your Customer Success Manager will create a Custom Theme for you that aligns with the design of your website.
As soon as you become a customer at Usabilla your Customer Success Manager will create a Custom Theme for you and make sure that the theme is ready before your Getting Started Training.
Making Changes to your Custom Themes
If you want to make changes to your Custom Theme or you, for example, want a seasonal Custom Theme for Christmas to be added, you can request a change to your existing Theme or a new Custom Theme through our Customization request form. When requesting themes always make sure to upload all resources in the recommended formats (font .WOFF, logo .PNG, color HEX)
Did you Know: Our Themes are platform agnostic, meaning that they can be used in any of our Web and Email products. We've also made sure that the basic design for our App product aligns with the themes.
What can be customized in the Themes?
In order to provide your users with the best possible experience for responsiveness, accessibility, performance, backward compatibility, and web design best practices there are some limitations in place. In order to provide you with a clear overview of what can be changed, we've created the reference down below. All the elements of the forms have been annotated with the possible customizations in the interface as described below (click to view in full-screen).
When you look at the overview you'll see that you can change the styling of the elements from the list below.
- Base Style
- Base Colors
- Typography
- Button
- Banner
- Mood rating
When you request a Custom Theme via our Customization request form you'll be guided through all the possible customizations. After your themes have been created and added to your Usabilla Team Account you can apply the Theme to your forms. Changing the theme is very easy and can be done from the advanced settings of each form. You can change a Theme without changing the implementation itself, this applies to both the selected theme or the styles within the theme.
If you're keen on seeing some examples or if you have any questions specific questions about themes, please do not hesitate to get in touch with your Customer Success Manager or with our Support Team.