Apptoto Support

How do I change my booking page’s appearance?

Please note this article only outlines how to change the appearance of your online booking page and does not include directions for which fields or appointment types are needed.

Below are the directions and settings needed to ensure your page looks like: 

Screenshot 2024-09-06 at 9.39.59 AM.png

  1. Navigate to "Booking Pages" > Select Booking Page > "General" tab
  2. Set Title: Book Your Free Math Skills Assessment Today!
  3. Paste the following into the Description:
    • {{ logo_centered }}

      Book Your Free Math Skills Assessment Today!

      {{ franchise_location_name }}

      The best way to see if we are a good fit for your child's needs is to visit our center.

      Our assessment and consultation (# mins) will help pinpoint your child's math strengths and identify foundational gaps. During the consultation, we will review the results with you, set goals, and explain how we put together the customized learning plan for your student.
      If the time you are looking for is not available, please contact us and we'll be happy to accommodate.
      We look forward to seeing you soon!
      {{ user.phone }} I {{ user.email }} I {{ location.address }}

      {{ booking_form }}

    • Update the minutes your assessment will take in the sentence "Our assessment and consultation (# mins)..." 
    • Center the text
    • For all text on the booking page (except for "{{logo_centered}}" and "{{booking_form}}"), set the text background to black and the text color to white. Screenshot 2024-09-06 at 9.47.25 AM.png
  4. Next, click the "Appearance" tab
  5. Set Layout to: "Legacy - One column customized."
  6. Enter the color codes for the associated elements as listed below:
Element Color Code
Main Background #b5121b
Container Background #000000
Booking Form Background #ffffff
Hover #fff000
Type Border #b83232
Type Background #ffffff
Available Times #ebe70e
Unavailable Times transparent
Available Days #ebe70e
Unavailable Days #c8c8c8
Type Border Hover  #ebe70e
   
Main Font Arial
Booking Form Font Default

 

The appearance tab should look like this when you are finished: Screenshot 2024-09-06 at 9.51.40 AM.png

7. Click "Save" in the upper right-hand corner. 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Article is closed for comments.