How to customize your Fouita Whitelabel
This guide walk you through the steps necessary to customize your Fouita Whitelabel UI.
When making your space branded the way you like, you want to be able to change the language, the colors, the font, and add some custom script for customer support chat.
In this Guide we look into the following features
Customize texts and colorsAdd custom fonts, favicon...Add custom script (GTM, analytics, chat support...Etc) 1. Customize the space
Visit your White label space by clicking on the link from your dashboard
When visiting the link, you should land on the login page, if this is not the case, make sure to logout and visit the link again.
First click on "Ctrl + i" to display fouita logo, then click to login with your fouita account, connecting directly from the form inside the page will not work.
After login, select the profile that you like to see the pages on
You can switch between profiles and see how the vistor / connected user see the page.
Now you can preview the login page as a public user (visitor), where you will be able to edit and customize
Click on the "edit" icon from the right toolbar to enable the edit mode, then click on the edit on the left to start editing the login.
This works the same way for all the components inside the pages.
Edit content, by changing the logo and selecting the colors, heading text, placeholders....
When switching the profile back to "Authenticated" you will see the same icon to customize the dashboard.
Keep navigating when the edit mode is active and start editing until you're satisfied with the set.
2. Add Custom Script & Fonts
You can add custom headers and fonts to the White label space, by clicking on the "settings" icon
Click "Theme" and add links to fonts from google fonts
You can get the link from this page after selecting the font
You can also add favicon, fonts and meta tags using custom headers
That's it, now you should be able to have more control over your white label space :)