Customize style of booking form

You are here:
Estimated reading time: 1 min

Customize font of booking form

1. From the app admin page > click Settings > Booking form & custom design

2. In the Customize color & font > Select a font on the  Front dropdown

3. Click Save

Customize color of booking form

1. From the app admin page > click Settings > Booking form & custom design

2. You can select the font and color for the text, button, and background on the booking form

For example,  you can configure the following parts:

  • Font
  • Primary color
  • Cancel button color
  • Text color
  • Text price color
  • Calendar text color
  • Calendar background color
  • Selected day color
  • Day-off color
  • Time slot color
  • Time slot hover color
  • Selected time slot color
  • Unavailable time slot color
  • Unavailable time slot message color
  • Unavailable time slot message background color

Please view the image below for example:

 

Add booking form background

1. From the app admin page, go to Settings

2. Click Booking Form & Customize design

3. Scroll down to the bottom and add a background image (recommended ratio is 16:9)

4. Click Save

 

Setting in the app:

 

Result on the front store: 

 

Use default booking form design

1. From the app admin page, go to Settings

2. Click Booking Form & Customize design

3. Click on Select design and select one among the 4 preset designs

4. Click Apply design > Save

 

Customize texts on booking form

1. From the app admin page, go to Settings

2. Click Text > find the text you want to edit

3. In the Default tab, add target text right below the source text

4. Click Save

For example, you can change Service to Photograph session, change Trainer to Photographer.

 

 

Need support?

Don’t hesitate to contact us if you have any questions or suggestions. Please contact us at: hi@tipo.io

Was this article helpful?
Dislike 0
Views: 33