Configure the Calendar Widget Style in GoHighLevel

This step-by-step guide explains how to configure the Classic and Neo calendar widget style in GoHighLevel so you can control how booking pages appear to your leads. While ClickUp is often used for task management, this tutorial focuses on optimizing your appointment scheduling experience directly inside GoHighLevel.

You will learn how to adjust widget appearance, change layout, control how many calendars are displayed, and switch between the Classic and Neo calendar experience.

Access the GoHighLevel Calendar Settings

Before changing the widget style, you must first access the calendar configuration area in GoHighLevel.

1. Log in to your GoHighLevel account.

2. From the left-hand menu, navigate to Calendars.

3. Open the calendar you want to edit or create a new one.

4. Go to the Form & Calendar or Builder section, depending on your interface version.

Once you are in the calendar builder, you can configure how the widget looks and behaves on your booking pages.

Choose Classic or Neo GoHighLevel Widget Style

GoHighLevel provides two main widget styles for the booking experience: Classic and Neo. The style you select controls the design and the way customers move through the scheduling flow.

Classic GoHighLevel Calendar Style

The Classic style offers the traditional calendar booking flow. It usually presents the calendar and form in a more compact layout and may be more familiar if you have used earlier versions of GoHighLevel.

• Shows the calendar and form in a straightforward, minimal design.

• Ideal if you prefer a simple booking interface with fewer visual changes.

• Works well when embedding on websites where space is limited.

Neo GoHighLevel Calendar Style

The Neo style is a more modern, dynamic experience in GoHighLevel. It focuses on a step-by-step user journey, often separating date selection, time selection, and form details into clear stages.

• Provides a more guided booking process for leads.

• Uses updated visuals and spacing optimized for usability.

• Can increase clarity for users booking on mobile and desktop.

Within the calendar builder, locate the option that lets you choose between Classic and Neo style. Select the style that best matches your brand and user experience goals.

Configure Calendar Widget Display in GoHighLevel

After choosing a style, configure how the calendar widget appears on your page. The available options can differ slightly between Classic and Neo, but the main principles are similar.

Set the Widget Layout

Adjust how the booking form and calendar are arranged within the GoHighLevel widget.

• Single Column Layout – Stacks the form and calendar vertically. Ideal for mobile-first pages or narrow containers.

• Two-Column Layout – Places the form and calendar side by side. Works best on wider landing pages or desktop-focused funnels.

Review your landing page design and choose the layout that offers the clearest experience for visitors.

Control Widget Width and Position

Most GoHighLevel calendar widgets allow you to adjust the width or placement when embedded on a website or funnel page.

• Use a width that fits within your content area without horizontal scrolling.

• Center the widget for a clean, professional look.

• Ensure padding and margins are set so the widget is not cramped against other page elements.

Manage Multiple Calendars in GoHighLevel Widgets

If you use multiple calendars, GoHighLevel gives you options for how many booking options are visible in a single widget.

Multiple Calendar Display Options

When configuring a group of calendars, you can usually choose between views that summarize available services or show specific team members.

• Show All Calendars – Allows leads to pick from several calendars in one interface.

• Category-Based Separation – Organizes calendars by service type or location.

• Individual Calendar Embed – Embeds a single calendar when you want a focused booking page for one service.

Select the option that fits how you want to guide users through your booking process. For example, service-based businesses might show multiple services, while appointment-specific pages may embed only one calendar.

Customize the GoHighLevel Booking Experience

Beyond visual layout, you can refine the lead experience inside the GoHighLevel calendar widget.

Adjust Form Fields and Questions

Inside the calendar configuration, you can modify what information you collect during booking.

1. Edit or add custom fields such as name, email, phone number, or notes.

2. Reorder the fields to prioritize the most important information.

3. Mark certain fields as required to ensure you capture essential data.

Align these settings with your sales workflow so leads arrive in your pipeline with all the necessary details.

Configure Time Slot and Availability Settings

Time-related settings make sure that the GoHighLevel widget only displays times you can actually serve.

• Set working hours and days.

• Define buffer times before and after each appointment.

• Control appointment duration based on service type.

These configuration options affect how the widget renders available slots, especially in the Classic and Neo views.

Embed the GoHighLevel Calendar Widget

Once you configure style and behavior, you can embed the calendar widget on your website, funnel, or landing page.

Copy the Embed Code

1. Open the calendar you configured in GoHighLevel.

2. Locate the Embed or Link section.

3. Copy the provided embed code (usually an iframe or script snippet).

Add the Widget to Your Site or Funnel

• Paste the embed code into your website builder’s HTML block.

• In GoHighLevel funnels, drag in an HTML element and paste the code.

• Save and preview the page to confirm that the calendar displays correctly.

Test the full booking journey from a visitor’s perspective to ensure the Classic or Neo experience works as expected.

Test and Optimize Your GoHighLevel Calendar

After embedding, it is important to continuously monitor and improve the performance of your GoHighLevel calendar widget.

• Test bookings on desktop, tablet, and mobile.

• Verify that email and SMS confirmations send correctly.

• Adjust layout or style if you see drop-offs in the booking process.

You can also integrate this scheduling flow into a larger marketing and CRM strategy. For additional consulting on funnels and automation, visit Consultevo.

More Help on GoHighLevel Calendar Configuration

If you want to review the original product documentation, you can reference the official guide for configuring calendar widget styles directly from the platform provider.

See the full help article here: Configuring Calendar Widget Style (Classic & Neo).

By following the steps in this guide, you can create a clean, professional booking experience in GoHighLevel using either the Classic or Neo calendar widget style, making it easier for leads to schedule with you and for your team to manage appointments efficiently.

Need Help With ClickUp?

If you want expert help building, automating, or scaling your GHL , work with ConsultEvo — trusted GoHighLevel Partners.

Scale GoHighLevel

“`