How to Create Your TidyCal Website (Landing Page Builder)
TidyCal's Website feature is a built-in landing page builder that lets you showcase your services, credentials, testimonials, and booking types on a single professional page. Available on all plans (Free, Individual, and Agency), the Website is an alternative to the Classic booking page and requires no external tools or coding.
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 |
| Sections | Booking types only | 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 + profile picture |
| Active at once | Only one mode can be active at a time | |
Plan availability: All plans (Free, Individual, Agency). Free plan users see a "Make your website with TidyCal" footer. Individual and Agency plans show a smaller "Made with TidyCal" footer.
Accessing the Website Builder
- Click Booking page in the sidebar (globe icon — the first item in the main navigation).
- 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.
Customizing Sections
Your Website has 10 sections, each with its own content. 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} — Toggle section visibility (hidden sections are not shown to visitors).
- Done editing (X button) — Close the section editor.
Name
Displays your name prominently at the top of the page. 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.
- Profile image — Pulled from your Settings profile picture.
- CTA button text — Customizable call-to-action (default: "Book a session").
- Hero image upload — Upload a background image (max 5 MB; supported formats: JPEG, PNG, GIF, WebP). Images are automatically resized to a maximum of 1200 × 1200 pixels.
- Scroll arrows — Visitors can click the downward arrow in the Hero section to smoothly scroll to your booking types.
Authority Stats
Show credibility numbers (e.g., years of experience, clients served). Each stat has a number and a label that you can edit directly.
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 active booking types as cards. Visitors can click any card to book directly. This section automatically pulls in your enabled booking types — no manual configuration needed.
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 | Theme-specific |
| Cairo | Gradient background | Theme-specific |
| Zurich | Solid background | Theme-specific |
| 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 dashboard using the link icon in the header.
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 automatically generated using your page title, description, and profile image. These Open Graph and Twitter Card meta tags are set automatically — no additional configuration needed.
Free Plan vs Paid Plans
| Feature | Free Plan | Individual / Agency Plan |
|---|---|---|
| Website builder | Yes | Yes |
| All 10 sections | Yes | Yes |
| Themes & customization | Yes | Yes |
| Footer branding | "Make your website with TidyCal" (prominent) | "Made with TidyCal" (minimal) |
Troubleshooting
Page not saving
The Website has a 500 KB data limit. If your page fails to save, try reducing the amount of text or removing unused sections. Large images are stored separately and do not count toward this limit.
Image upload fails
- Ensure the file is under 5 MB.
- 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 dashboard.
Need more help?
Contact support@tidycal.com for assistance.
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.
Can I use a custom domain with my Website?
Yes. If you have a custom domain configured (Individual or Agency plan), 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.