Free booking calendar widget for a website: setup and limits

A free booking calendar widget for a website lets visitors choose an available appointment and leave their contact details without leaving the page. IntoCal Free includes an embeddable booking page, one calendar, two appointment types, and basic email notifications. It keeps IntoCal branding and does not include external calendar sync. Start with a real appointment type, embed its page, then complete a test booking before sending visitors to it.

First, check that you need a booking widget

A consultant offering introductory calls needs visitors to reserve a time. A community group publishing its meeting dates needs visitors to read a schedule. A webinar organizer with one fixed date needs visitors to save that event. All three can look like calendars, but only the first needs appointment booking.

If you need a schedule you can update, read the editable calendar widget guide. For a fixed event, use the add-to-calendar guide instead.

What “free” includes—and where it stops

Do not choose a widget from its monthly price alone. Check the permanent plan rather than the trial, especially if your appointment page will stay on your website for years. A two-week trial and a free tier solve different problems.

IntoCal's Free plan covers one booking calendar and two appointment types. That can suit a solo consultant offering a short introduction and a longer consultation. The website embed and basic notifications are included. Removing IntoCal branding is a paid feature; external Outlook or Google calendar sync is not part of Free.

That last limit matters. If you manually set Monday afternoons as bookable but also accept meetings in Outlook, a free widget will not automatically know about those external commitments. Keep your booking hours accurate, or choose a plan with external sync. A calendar-shaped interface alone is not double-booking protection.

For a broader checklist, see free appointment scheduling online and the current IntoCal plan limits.

How to add the free booking widget to your website

1. Create your booking calendar. Sign up, choose a public username, and give the calendar a recognizable name. Use “Consultations” rather than an internal label a guest will not understand.
2. Create the appointment type. Set its duration and location. “Introductory call, 30 minutes” gives visitors more information than “Meeting.” Check the event's public slug; you will need it for the embed.
3. Set the hours you can actually offer. Add weekly availability and check any date-specific exceptions. Leave space between appointments if you need preparation time.
4. Copy the embed from Dashboard → Distribution. Replace the example username and event slug below with your own. These values are public identifiers, not an API key.
5. Publish the website page and book a test appointment. Check the guest's timezone, the meeting location, and both confirmation emails. Cancel the test booking afterward so it does not occupy a real slot.

<script src="https://intocal.com/embed.js" defer></script>
<div data-intocal="yourname/intro-30"></div>

Paste the snippet into a section that allows custom HTML and scripts. Some website builders strip scripts from ordinary text blocks or show them only on the published page. If nothing appears in the editor, check the live page before changing the code.

You do not need a WordPress plugin for this HTML approach. WordPress permissions and hosting rules determine whether your account can save script tags. IntoCal's dedicated WordPress plugin is not published, so do not make it a prerequisite for this setup. Webflow users can follow the Webflow embed instructions.

Inline widget or a link?

An inline widget makes sense on a dedicated consultation page: the visitor has read the offer and is ready to choose a time. On a crowded homepage, a simple link often gives the booking flow more room and avoids another scrolling area.

<a href="https://intocal.com/book/yourname/intro-30">
  Book an introductory call
</a>

Keep a working booking link near the embed as a fallback. It helps when a visitor's browser blocks the embedded page, and it lets you distinguish a website problem from a booking-page problem.

Before you call it finished

• Open the published page on a phone. Can you select a date, reach the time choices, and submit the form without clipped content?
• Use the keyboard to reach the booking area and work through the controls. Do not assume embedding a widget makes the surrounding page accessible.
• Try the public page in a private window. Your signed-in dashboard is not the guest experience.
• Check an unavailable time as well as an available one. Test the rules, not just the happy path.
• Confirm your privacy notice covers the contact details collected during booking.

When the widget does not behave as expected

A useful free widget is one guests can finish using, not merely one that renders a calendar. Create your free booking page, embed one appointment type, and test that complete journey before adding more choices.