How can I Customize the Appearance of the Products?
The appearance of Civitfun Products (Check-in, T-Paperless, Check-out...) are configured from the Civitfun dashboard, accessed through the "Appearance" section.
Check-in
In the Online Check-in appearance settings, you can customize three colors and upload your hotel’s logo. The colors available for customization are as follows:
- Main color: Text color to be applied (keep in mind it will appear over the Background Color, so ensure sufficient contrast).
- Secondary color: Color used as the background for buttons and other components.
- Background color: Color that will serve as the background for the entire check-in.
You can add your hotel’s logo by clicking the square and selecting a 1024x1024 PNG image from your computer:
With the specified colors and logo shown in the previous images, Check-in Online will appear as follows:
T-Paperless
In the T-Paperless appearance settings, you can customize three colors and upload your hotel’s logo. The colors available for customization are as follows:
- Secondary color: Color used as the background for buttons and other components.
- Kiosk main color: Primary text color that will appear over the kiosk background color.
- Background color Kiosk: Color that will serve as the background for the entire app.
You can add your hotel’s logo by clicking the square and selecting a 1024x1024 PNG image from your computer:
With the specified colors and logo shown in the previous images, T-Paperless will appear as follows:
Payments
In the Online Check-in appearance settings, you can customize three colors and upload your hotel’s logo. The colors available for customization are as follows:
- Main color: Text color to be applied (keep in mind it will appear over the Background Color, so ensure sufficient contrast).
- Secondary color: Color used as the background for buttons and other components.
- Background color: Color that will serve as the background for the entire payment process.
You can add your hotel’s logo by clicking the square and selecting a 1024x1024 PNG image from your computer:
With the specified colors and logo shown in the previous images, Payments will appear as follows:
Check-out
In the Online Check-in appearance settings, you can customize three colors and upload your hotel’s logo. The colors available for customization are as follows:
- Main color: Text color to be applied (keep in mind it will appear over the Background Color, so ensure sufficient contrast).
- Secondary color: Color used as the background for buttons and other components.
- Background color: Color that will serve as the background for the entire check-out process.
You can add your hotel’s logo by clicking the square and selecting a 1024x1024 PNG image from your computer:
With the specified colors and logo shown in the previous images, Check-out will appear as follows: