內容簡介
Cal.com 是一個開源的預約與會議排程外掛，提供用戶無需來回電子郵件即可輕鬆預約的解決方案。此外掛支援多種整合，讓使用者能夠在不同平台上快速設定預約。
【主要功能】
• 嵌入預約日曆作為內嵌、彈出或浮動小工具
• 自訂介面顏色、佈局及事件細節顯示
• 預填用戶資訊並添加 UTM 追蹤參數
• 在聯絡表單確認頁面直接觸發預約按鈕
• 支援多種整合，包括 WooCommerce 和 LMS 平台
外掛標籤
開發者團隊
原文外掛簡介
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:
Go to Users → All Users in the WordPress admin.
Edit any user (instructor or member).
Scroll to the “Cal.com Booking” section.
Enter the Cal.com booking URL (e.g., https://cal.com/example/consultation).
Update the user.
Contact Form 7, Fluent Forms, WPForms Integration
Trigger a Cal.com scheduling button directly inside contact form confirmation screens.
To configure:
Go to Cal.com > Integrations and enable the Contact Form 7 integration.
Configure your Cal.com event URL (e.g., https://cal.com/example/30min).
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:
Go to Cal.com > Integrations and enable the WooCommerce integration.
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.
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;
}
Use of 3rd Party Software
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
