How to Create Your TidyCal Website (Landing Page Builder)
Build a landing page with TidyCal's Website builder: go to Booking page, turn on the Website card, pick a theme and edit 10 sections. Free on every plan.
Overview
The Booking page section in TidyCal gives you two modes for your public page:
| Feature | Classic | Website |
|---|---|---|
| Layout | Simple list of booking types | Full landing page with 10 customizable sections (plus a Products section when you sell digital products) |
| Sections | Profile picture, page title, description and your booking types (plus a Products tab if you sell digital products) | Hero, Bio, Testimonials, FAQ, Social Links, and more |
| Themes | Theme Editor colors | 4 themes (Rio, Cairo, Zurich, New York) with custom fonts and colors |
| Image uploads | Profile picture only | Hero image (starts as your profile picture; upload and crop your own) |
| Active at once | Only one mode can be active at a time | |
Plan availability: All plans (Free Plan, Individual Lifetime, Agency Lifetime and Pro). Free plan users see a "Make your website with TidyCal" footer. Individual and Agency plans show a smaller "Made with TidyCal" footer. Pro subscribers have no TidyCal branding on their Website footer.
Accessing the Website Builder
- Click Booking page in the sidebar (globe icon, just below Dashboard).
- You will see two cards: Classic and Website.
- Toggle the switch on the Website card to enable it. The label changes from "Disabled" to "Enabled" and a confirmation message appears.
- Click the pencil icon on the Website card to open the editor.
Tip: You can also click anywhere on a card to jump directly to its editor.
Note: Enabling Website automatically disables Classic, and vice versa. Only one mode is active at a time. Your Classic page settings are preserved when you switch.
Editor Overview
The Website editor has a sticky toolbar at the top with the following controls:
- Theme selector — Choose from Rio, Cairo, Zurich, or New York (default).
- Color palette — Click any color swatch to customize your theme colors.
- Heading font — Choose from 10 fonts (DM Sans, Libre Baskerville, Space Grotesk, Cormorant, Inter, Geist, Instrument Serif, Instrument Sans, Playfair Display, Poppins).
- Body font — Choose from 6 fonts (DM Sans, Libre Baskerville, Space Grotesk, Inter, Geist, Poppins).
- Reset to theme defaults — Reverts custom colors and fonts to the selected theme's defaults.
- Copy link — Copies your public Website URL to the clipboard.
- Preview / Exit preview — Toggles between editing and preview mode.
- Save — Saves all changes. Shows "Saving…" with a spinner while processing.
Changes are not saved automatically. Click Save before leaving the editor, or your edits are lost.
Customizing Sections
Your Website has 10 sections, each with its own content (a Products section is added automatically when you sell digital products in your Store). Click any section to edit it. While editing, you will see controls to:
- Move section up / Move section down — Reorder sections on your page.
- Hide {section name} — Hides the section from visitors. In the editor it shows as "This section is hidden from visitors"; click Display {section name} to show it again.
- Done editing (X button) — Close the section editor.
Name
Displays your name in a large band (at the top of the page, or just below the Hero in the New York theme). Click to edit the text directly.
Hero
A large banner section with:
- Tagline — A short headline (e.g., "The place where your clients find you").
- Subtitle — Supporting text below the tagline.
- Badges — Credentials or specialties displayed as a line of text.
- Hero image — Starts as your Settings profile picture; click it to upload and crop a different image.
- CTA button text — Customizable call-to-action (default: "Book a session").
- Replacing the hero image — Click the image, then Upload image (or drag and drop) to use your own photo (max 5 MB; JPEG, PNG, GIF or WebP). Crop it to a square and click Apply; in the New York theme you can also turn Black & white on or off. Images are resized to a maximum of 1200 × 1200 pixels.
- Scroll arrows — Visitors can click the CTA button or the downward arrow (in the Hero, or beside your name in the New York theme) to scroll to your booking types.
Authority Stats
Show credibility numbers (e.g., years of experience, clients served). Click the stats to open Edit authority stats, where you can edit each Number and Label, remove stats, or click Add stat.
Bio
A rich-text section for your professional biography. Supports formatted text including bold, lists, and paragraphs. Click to edit directly on the page.
Booking Types
Displays your enabled public booking types as cards (private booking types and polls are not shown). Visitors can click any card to book directly. All of them appear by default; click the section and use Select booking types to choose or reorder the ones shown.
Testimonials
Showcase client feedback. Each testimonial has a quote and an author attribution. Default template includes two sample testimonials that you can customize.
FAQ
An accordion-style FAQ section. Default includes three questions (How do I book a session? What should I expect? What's your cancellation policy?). Add, edit, or remove questions as needed.
Quote
A featured quote or motto with attribution. Use it to highlight your philosophy or a memorable statement.
Closer CTA
A final call-to-action section with a heading (default: "Ready to get started?"), supporting text, and a customizable CTA button.
Social Links
Add links to your social media profiles. These appear as icons at the bottom of your page.
Themes and Styling
TidyCal offers 4 built-in themes, each with its own default colors, fonts, and background style:
| Theme | Background Style | Default Font |
|---|---|---|
| Rio | Blurred background circles | Playfair Display (headings), DM Sans (body) |
| Cairo | Gradient background | Cormorant (headings), Space Grotesk (body) |
| Zurich | Solid background | Inter |
| New York (default) | Solid background | Geist |
You can customize colors and fonts after selecting a theme. If you switch themes, your custom colors and fonts will be reset (a confirmation dialog appears first). Use Reset to theme defaults to revert just the colors and fonts without changing the theme.
Sharing Your Website
Your Website is available at your public booking page URL (e.g., tidycal.com/yourusername ). When Website mode is active, visitors see your landing page instead of the Classic booking list.
- Click Copy link in the editor toolbar to copy the URL.
- You can also copy the link from the Booking page screen: click Copy link in the header, next to your page URL.
If you have a custom domain configured, your Website will also be accessible through it.
Social Sharing Previews
When you share your Website URL on social media (Facebook, Twitter/X, LinkedIn, Slack, etc.), a rich preview card is generated automatically from your Page title and Description. To change them, click the Classic card on the Booking page screen and edit them in Bookings page settings.
Free Plan vs Paid Plans
| Feature | Free Plan | Individual Plan | Agency Plan | Pro |
|---|---|---|---|---|
| Website builder | Yes | Yes | Yes | Yes |
| All 10 sections | Yes | Yes | Yes | Yes |
| Themes & customization | Yes | Yes | Yes | Yes |
| Footer branding | "Make your website with TidyCal" (prominent) | "Made with TidyCal" (minimal) | "Made with TidyCal" (minimal) | No TidyCal branding |
For everything else each plan includes, see the plan comparison.
Troubleshooting
Page not saving
If you see "Failed to save changes. Please check your connection.", check your connection and try again. The Website also has a 500 KB data limit: if the message keeps appearing, shorten long text or remove unused sections. Uploaded images are stored separately and do not count toward this limit.
Image upload fails
- Use an image under 5 MB. If you see "Failed to upload image. Please try again.", try a smaller image.
- Supported formats: JPEG, JPG, PNG, GIF, and WebP.
- Images are automatically resized to a maximum of 1200 × 1200 pixels.
Changes not showing for visitors
Make sure you click Save after making changes. Use Preview mode to see how your page looks before saving. Also verify that the Website toggle is set to "Enabled" on the Booking page screen.
Need more help?
Contact support@tidycal.com for assistance, or see How do I contact TidyCal support?
Frequently Asked Questions
Can I use both Classic and Website at the same time?
No. Only one mode can be active at a time. Enabling Website disables Classic, and vice versa. Your settings for both modes are saved, so you can switch back and forth without losing content.
Is the Website feature free?
Yes. The Website builder is available on all plans, including the Free plan. Free plan users see a "Make your website with TidyCal" footer, while Individual and Agency plan users see a smaller "Made with TidyCal" footer. Pro subscribers have no TidyCal branding on their Website footer.
Can I use a custom domain with my Website?
Yes. If you have a custom domain configured (Pro, or Agency Lifetime purchased before September 1, 2026; legacy Individual Lifetime customers who purchased before April 2026 also retain access), your Website will be accessible through it.
How do I switch back to Classic?
Go to Booking page in the sidebar. Toggle the switch on the Classic card to enable it. Your Website content is preserved for when you want to switch back.