Skip to main content
All CollectionsAI SchedulerEvents
Scheduler Customizations

Scheduler Customizations

Learn how to customize the appearance of your booking page

Updated over 2 weeks ago

The main part of the Event builder where cosmetics and design kick into place.

Create perfect design for your scheduler, and use iClosed preview options for reviewing it quickly while you're working on it.

Navigate to AI Scheduler → Events and click on any of your already created events (or alternatively create a new event. and set up at least first two mandatory steps to access Customization section).

Click on the Customizations section on the left side pane to begin.


Customization section overview

  • Switch between device view to preview your booking page

  • Click on the "Customize Scheduler" button to start customization

As soon as you hit "Customize Scheduler" button, new window will open. Here's a quick video walkthrough:


Event Customization Options

Theme

Scheduler step preview drop down

  • Booking page Step 1

  • Booking page Step 2

  • Time selection page

  • Thank you page


Breakpoint

  • Web

  • Mobile


Scheduler theme

  • Light

  • Dark


Brand color

  • Solid

  • Gradient

Pro tips

Gradient colors:

Match the right colors to your brand and make your scheduler even more beautiful.


Gradient presets:
No time to find the right Hex color code? No worries, we got you.


Click on the Gradient presets and choose the best fit for your scheduler in one click. Once you're done, preview your scheduler by selecting Scheduler steps from above and device type.


Advanced color customization

  • Scheduler background

  • Font color

  • Border color

  • Input fields color

  • Button font color


Upload company logo


Layout

Time selection layout

  • Monthly view

  • Weekly view


Booking page customization

  • Show calendar with the form
    Option for showing the calendar with the form questions

  • Highlight first field of the form
    A blinking effect will be added to the email/phone number field to get user attention


Time selection page customization

  • Hide event details
    for showing or hiding event details after the lead enters the slot selection page

  • Show host avatar(s)
    Showing pictures of host(s) on the time selection page

  • Show a message to book within time
    Add a default 3 mins timer to create urgency and get more bookings.

    Note: After the timer ends, the visitors will still be able to book a call.


Once you're done with customization, "Save changes" on a click of a button and preview your scheduling page in the Customization section or by opening a scheduler from a button on the top of your page.

Did this answer your question?