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 colors
  • Add 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

    go to whitelabel



    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.

    login page

    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.

    login fouita


    After login, select the profile that you like to see the pages on

    update profiles



    You can switch between profiles and see how the vistor / connected user see the page.

    switch profile



    Now you can preview the login page as a public user (visitor), where you will be able to edit and customize

    login page


    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.

    toggle edit


    Edit content, by changing the logo and selecting the colors, heading text, placeholders....

    edit content

    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

    wl settings
    Click "Theme" and add links to fonts from google fonts

    theme wl fouita
    You can get the link from this page after selecting the font

    copy font link




    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 :)