Calendars & Booking
How to Customize Your GoHighLevel Calendar Widget
By Marnix Geerkens. Published 2024-01-24. Updated 2026-06-02.
GoHighLevel's calendar widget supports full visual branding through the calendar's Customization settings. Switch to the Neo style for a modern look, set a background color and primary color using hex codes, change button labels like the default schedule meeting text, toggle off title or description fields, and optionally inject custom HTML such as a video embed below the booking form.
Watch it, then build it
Get the full platform free for 30 days
That walkthrough runs on GoHighLevel. Start it free through RocketLauncher and you get 30 days instead of the usual 14, the whole platform unlocked, plus our setup help and a community of thousands of builders in 47+ countries.
30 days, not 14Full platform, nothing held backFree community and setup help
We earn a referral commission if you keep GoHighLevel after the trial. It never changes your price.
Summary. This tutorial shows how to match a GoHighLevel booking widget to business branding without touching any code outside the platform. It walks through switching to the Neo calendar style, picking colors by hex code, editing button copy, hiding unnecessary fields, and embedding media through the custom code section. All changes preview live before saving.
Steps
Open calendar settings
Go to the Calendars section in your GoHighLevel sub-account, find the calendar you want to update, click the three dots beside it, and select Edit.
Switch to Neo style
Under the Customization tab, choose Neo as the calendar style and save. The widget will immediately adopt the updated layout.
Set brand colors
Enter hex codes for the background color and the primary color (used for text and buttons). Save to see the new palette applied.
Edit button text
Scroll to the button text field and replace the default copy with your preferred label, such as Schedule Consultation.
Toggle optional fields
Turn off the calendar title, description, or calendar details if they clutter the widget for your use case.
Add custom code (optional)
Paste an iframe or HTML snippet into the custom code field to embed a video or image below the calendar. Accept the third-party script warning and save.
Related tutorials
Watch it, then build it
Get the full platform free for 30 days
30 days, not 14Full platform, nothing held backFree community and setup help
Frequently asked questions
Does the Neo style affect how appointments work?
No. It only changes the visual design, not booking logic.
Can I use any color, or am I limited to presets?
Any hex code works. Type it directly into the color field.
Will a custom code embed slow down my booking page?
Heavy embeds like autoplay videos can affect load time. Use lazy or click-to-play options when possible.