Cal.com

Description

Cal.com is an open-source alternative to Calendly that allows easy appointment booking and meeting scheduling without back-and-forth emails.

This plugin enables you to:

• Embed your Cal.com booking calendar inline, as a popup, or as a floating widget.
• Customize UI with theme colors, layout, and event details visibility.
• Pre-fill user information and add UTM tracking parameters.
• Use the new admin widget customizer for styling your calendar with real-time previews.
• Trigger a Cal.com scheduling button directly inside contact form confirmation screens, LMS instructors profile, WooCommerce and membership profiles.
• Available integrations: Contact Form 7, Fluent Forms, WPForms, Learn Press, Tutor LMS, Ultimate Member, UsersWP, and WooCommerce.

Watch Demo

Profile Integrations

The plugin supports per-user Cal.com booking URLs on the following platforms:

• Tutor LMS: Booking button appears on instructor profile pages.
• LearnPress: Booking button appears on single instructor pages.
• Ultimate Member: Booking button appears on member profile pages.
• UsersWP: Booking button appears on member profile pages.

To configure:

1. Go to Users → All Users in the WordPress admin.
2. Edit any user (instructor or member).
3. Scroll to the “Cal.com Booking” section.
4. Enter the Cal.com booking URL (e.g., https://cal.com/example/consultation).
5. Update the user.

Contact Form 7, Fluent Forms, WPForms Integration

Trigger a Cal.com scheduling button directly inside contact form confirmation screens.

To configure:

1. Go to Cal.com > Integrations and enable the Contact Form 7 integration.
2. Configure your Cal.com event URL (e.g., https://cal.com/example/30min).
3. When a visitor submits a form successfully, a scheduling prompt with a “Schedule a call instead” button will appear below the form, opening your Cal.com event in a modal popup.

WooCommerce Integration

Display a Cal.com scheduling prompt in order thank-you pages.

To configure:

1. Go to Cal.com > Integrations and enable the WooCommerce integration.
2. Go to Products > All Products > Edit or Products > Add New Products and configure your Cal.com event URL (e.g., https://cal.com/example/30min) per product.
3. After a successful product purchase, a scheduling section will appear in the order thank-you page.

Shortcodes

[cal url=”/username/meetingid” type=1]

Embed inline calendar.

[cal url=”/username/meetingid” type=2 text=”Schedule a call”]

Embed popup trigger button.

[cal_custom url=”/demo/30min” type=1 prefill=”true” utm=”source:localhost” ui='{“theme”:”dark”,”cssVarsPerTheme”:{“dark”:{“cal-brand”:”#a3ffcb”}},”hideEventTypeDetails”:true,”layout”:”week_view”}’ config='{“layout”:”week_view”,”useSlotsViewOnSmallScreen”:true,”disableMobileScroll”:true}’]

Embed customizable widget with full UI control, prefill, and UTM support.

Shortcode Attributes

• url: URL of the booking calendar.
• type: Embed type (1 = inline, 2 = popup, 3 = floating button for [cal_custom]).
• text: Button text for popup embeds.
• prefill: Set to true to prefill user info if available.
• utm: Comma-separated UTM tracking parameters (e.g., source:newsletter, medium:email).
• ui: JSON object for theme, layout, and visibility customization.
• config: JSON object for advanced widget configuration (slots view, scrolling, etc.).

CSS Customization

Customize popup/button text via CSS targeting #calcom-embed-link:

#calcom-embed-link, .calcom-embed-link {
    background-color: #222222;
    padding: 15px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}<h3>Use of  3rd Party Software</h3>

This plugin relies on Cal.com embed. See their Privacy Policy and Terms of use.

Use Cases

The plugin can be used to add Cal.com scheduling to many types of WordPress websites, including:

• Appointment booking websites
• Consultant and coaching websites
• Freelancer websites
• Agency websites
• Business websites
• Sales and discovery calls
• Customer consultations
• Online courses and instructors
• Member profiles
• Personal websites
• Service businesses
• Contact and lead-generation forms