WEBSITE WIDGETS

How to Add a Booking Calendar to WordPress

Short answer: Embed a Meetin.gs booking page in WordPress with a Custom HTML block, then test sizing, keyboard use, and the fallback link.

Illustrated guide to how to add a booking calendar to wordpress
Embed a Meetin.gs booking page in WordPress with a Custom HTML block, then test sizing, keyboard use, and the fallback link.
TL;DR and key points
  • Embed a Meetin.gs booking page in WordPress with a Custom HTML block, then test sizing, keyboard use, and the fallback link.
  • Key point: A WordPress booking embed should preserve page context and always provide a normal link fallback.
  • Do this first: Create a booking page you own.
  • Measure: completed bookings without page failures.
Short answer: A WordPress booking embed should preserve page context and always provide a normal link fallback. Start with “Create a booking page you own” and measure completed bookings without page failures.

A WordPress booking embed should preserve page context and always provide a normal link fallback

A booking page is a conversion step only after the visitor understands why the meeting is relevant. Context, qualification, genuine availability, confirmation, reminders, and a humane change path matter more than visual urgency.

Prepare the booking page first

Create and save the booking page before touching WordPress. Check the title, available times, duration, and guest confirmation. Then open the Meetin.gs widget builder, enter the public page URL, and copy the generated responsive code.

Choose the WordPress placement

PlacementBest useCaution
Contact pageVisitor has decided to talkKeep another contact method visible
Service pageBooking follows a clear service promiseExplain scope before the widget
Site-wide footerFrequent low-risk bookingMay add weight to every page
Blog articleStrong task-specific call to actionUse a link when booking is not the main next step

Add the Custom HTML block

  1. Edit the target page in the WordPress block editor.
  2. Add a Custom HTML block where the booking decision belongs.
  3. Paste the complete generated code without changing the frame URL.
  4. Preview, publish, and reload the public page in a signed-out browser.

Test the public page, not only the editor

WordPress previews can differ from the published theme. Test a narrow phone, keyboard focus, the frame height, and the direct-link fallback. Complete a real test booking. Continue with the scheduler embed guide for performance and privacy checks.

Tip: If a security plugin blocks the frame, keep the fallback link visible while you review the site's Content Security Policy.

Apply the add booking calendar to WordPress method

Use one real meeting type, complete these actions in sequence, and record what changed.

Create a booking page you own

Paste the generated code into a Custom HTML block

Test the published page on mobile and with a keyboard

Best placement by visitor intent

Editorial fit score from 1 to 10.

WordPress launch check

Use this worksheet before you publish. It stays in your browser and is not submitted to Meetin.gs.

PUT THE METHOD INTO PRACTICE

Test the core scheduling flow

Create a booking page or group poll, then complete it in a separate browser session.

Start free

Measure completed bookings without page failures

The primary signal for this guide is completed bookings without page failures. Pair it with time to confirmation, completion, reschedule rate, attendance, organizer intervention, and the intended meeting outcome. Segment results by meeting type and participant context so one high-volume workflow does not hide another's failure.

Keep reading

Authoritative sources

Add booking calendar to wordpress in the wider scheduling workflow

Apply the idea to meeting booking pages. The booking-link help guide shows how to verify the guest path.

In short: the organizer defines the rule, the participant makes the choice, and the meeting record carries the result.

Related website widgets guides

Continue with How to Use Your Booking Link to Increase Client Appointments, How to Create a Booking Page People Trust, and How to Reduce Meeting No-Shows. These guides cover adjacent decisions in the same scheduling topic.

Apply this guide with website booking widget

Place a responsive booking form inside your website with copy-paste code, a live preview, and a resilient direct-link fallback.

Explore website booking widget