How to Add a Booking Page to Your Showit Website (Any Tool)

You built a beautiful Showit website, but your booking process is still broken.

Visitors click your “Book Now” button and land on a clunky, off-brand scheduler that looks nothing like the rest of your site. According to a 2024 study by Baymard Institute, 69.8% of users abandon a process that feels inconsistent with the site they were just browsing. That friction costs you clients every single week.

This guide covers exactly how to add a fully functional, on-brand booking page to your Showit website using any scheduling tool you already use or plan to use. Whether you are starting from scratch or fixing a broken setup, every method is covered here.

Why Your Showit Booking Setup Matters More Than You Think

Most Showit users treat booking as an afterthought.

They spend weeks perfecting their homepage, portfolio, and about page, then embed a scheduling link in a button and call it done. The problem is that your booking experience is part of your brand experience, and a jarring transition between your polished Showit site and a generic scheduler tells visitors your business is less professional than your design suggests.

Research from HubSpot’s 2024 State of Marketing report found that businesses with consistent visual branding across all customer touchpoints see 23% higher conversion rates than those with fragmented experiences. Your scheduler is a customer touchpoint.

In practice, what we find working with Showit clients is that the booking page is often the highest-traffic page on a service-based site after the homepage. Getting this page right directly impacts revenue.

The good news is Showit’s canvas-based design gives you complete control over how your booking experience looks and feels, even when the scheduler itself is a third-party tool.

The Two Ways to Handle Booking on Showit

There are two fundamentally different approaches to adding booking functionality to a Showit site.

The first is an embedded booking widget, where the scheduler appears directly on a Showit canvas page. The second is a linked booking page, where your Showit site links out to an external scheduler hosted on the tool’s own domain.

Each approach has trade-offs worth understanding before you choose.

Approach	Visual Consistency	SEO Impact	Setup Complexity	Best For
Embedded widget	High	Neutral	Moderate	Service businesses, photographers, coaches
Linked external page	Low	None	Low	Quick setup, minimal customization
Custom Showit booking page with embed	Very High	Positive	Higher	Established businesses prioritizing brand

For most Showit users running service businesses, the embedded widget on a custom-designed Showit canvas page delivers the best result. This is the approach this guide focuses on.

How to Create a Dedicated Booking Page in Showit

Before embedding any tool, you need a properly designed booking page in Showit itself.

A booking page is not just a container for your scheduler. Done well, it reinforces the decision your visitor just made to book with you. It should include a brief value confirmation statement (“You are in the right place”), your booking tool embed, and a trust element such as a testimonial, FAQ, or guarantee statement nearby.

Setting Up the Page in Showit

Log into your Showit dashboard and navigate to the Pages panel on the left side.

Click the plus icon to add a new page. Name it “Book a Session,” “Schedule a Call,” or whatever matches your service language. Set the URL slug to something clean like /book or /schedule. This slug matters for SEO, so keep it short and descriptive.

Design your canvas with your standard header and footer. Add a headline canvas section at the top with a clear instruction such as “Choose your session type and pick a time that works for you.” Then create an embed canvas section below it with enough vertical height to accommodate your scheduler without requiring additional scrolling inside the widget itself.

For a full walkthrough of page structure and canvas setup, the Showit design and canvas customization guide covers every layer in detail.

Adding the Embed Canvas

In Showit, click on the canvas section where your scheduler will live.

Use the “Add Widget” or “Embed” option from the right panel. Showit accepts standard HTML embed codes from virtually every major scheduling platform. Paste your embed code into the HTML widget and preview the canvas to check sizing.

One detail most guides miss: Showit renders embedded content inside an iframe by default. Some scheduling tools, particularly those with multi-step forms or dynamic height content, require a specific script tag to resize their iframe automatically. Check your scheduler’s embed documentation for an “auto-resize” or “responsive embed” snippet before using the basic embed code.

Embedding the Most Common Booking Tools in Showit

Different scheduling platforms generate different types of embed codes. Here is how each category works inside Showit.

Calendly

Calendly provides three embed types: inline embed, popup widget, and popup text.

For a booking page, use the inline embed. In Calendly, go to your Event Type, click Share, and select “Add to Website.” Choose “Inline Embed” and copy the code snippet provided. This code includes both a <div> element and a <script> tag.

In Showit, add an HTML widget to your canvas and paste both parts of the code. Set the canvas height to at least 700 pixels for a standard single-event scheduler to display without internal scrolling.

Acuity Scheduling

Acuity, now part of Squarespace, offers an embeddable scheduling page that works cleanly inside Showit.

Navigate to your Acuity dashboard, click Business Settings, then Scheduling Page Link. Acuity provides a direct embed code under the “Embed Scheduler” option. For the most complete guide on adding Acuity to Showit, the Acuity calendar integration walkthrough covers every step and common troubleshooting issues.

Square Appointments

Square Appointments generates a booking widget under Appointments > Online Booking > Share.

Copy the embed code provided and paste it into a Showit HTML widget. Square’s embed is iframe-based and requires a minimum canvas height of 600 pixels. Square does not provide an auto-resize script natively, so you may need to manually adjust the canvas height after testing across devices.

SimplyBook.me

SimplyBook.me offers a “Widget” option under Manage > Integrations > Booking Widget.

Choose the “Inline” widget type rather than the popup version for a booking page. SimplyBook.me provides both a simple iframe embed and a JavaScript-based embed. The JavaScript version handles height resizing better in Showit’s canvas environment.

Optimizing Your Booking Page for Mobile

Here is where most guides stop, but this is where it gets important.

Showit gives you independent mobile and desktop canvas control, which means your booking page mobile layout needs to be configured separately. A scheduler that looks perfect on desktop often collapses or clips on mobile if the canvas height is not adjusted.

According to Google’s 2024 Mobile Benchmarks report, 61% of users are unlikely to return to a mobile site they had trouble accessing, and 40% will visit a competitor instead. A broken mobile booking experience does not just cost you one booking; it costs you the relationship.

In Showit’s mobile view, set the canvas height of your booking widget section to auto-expand or manually increase it to match the scheduler’s full content height on a small screen. Test on an actual mobile device, not just the Showit simulator, using the method outlined in the Showit mobile optimization testing guide.

Adjusting for Responsive Scheduling Embeds

Most modern schedulers include responsive CSS, but they still need enough vertical space in the Showit canvas to render fully.

A practical rule: if your scheduler has multiple steps (service selection, date picker, confirmation form), add at least 200 pixels more than the tool’s stated minimum height. This prevents the internal scroll issue that makes embedded schedulers frustrating to use on smaller screens.

Making Your Booking Page Convert Better

A technically functional booking page is not the same as a high-converting booking page.

That brings us to the part most people overlook. The design around your embed matters as much as the embed itself. Visitors who land on your booking page have already expressed intent, but they can still abandon if they feel uncertain, confused, or unexcited.

Add a short “what happens next” section directly below your scheduler. Three to four bullet points explaining your process, response time, and what the client will receive creates momentum and reduces pre-booking anxiety.

For a detailed breakdown of conversion design principles applied to Showit pages, the high-converting sales pages on Showit guide covers the psychology and layout decisions that actually move people from browsing to booking.

Adding Trust Elements Near the Booking Widget

Place one or two short testimonials directly above or beside your scheduler embed.

The research from Nielsen Norman Group consistently shows that testimonials placed near a call-to-action increase completion rates by 15 to 34% compared to testimonials placed elsewhere on the page. A one-sentence quote from a past client placed immediately above your scheduler is one of the highest-return changes you can make to a booking page.

Common Mistakes When Setting Up Booking in Showit

Once you understand the correct setup, the next piece becomes clear: most booking problems come from a small number of repeatable errors.

Mistake 1: Using a popup scheduler instead of an inline embed. Popup schedulers are blocked by browser popup blockers for a significant percentage of users. Inline embeds are always visible and require no trigger action.

Mistake 2: Forgetting to test the confirmation redirect. Many schedulers allow you to set a custom redirect URL after a booking is confirmed. Set this to a dedicated thank-you page on your Showit site. This enables conversion tracking and creates a much better post-booking experience.

Mistake 3: Setting page visibility to “hidden” during setup and forgetting to publish. Showit pages set to hidden do not receive traffic or index in search. Always verify your booking page is set to visible before announcing it.

Mistake 4: Not connecting your scheduling tool to your calendar. An embed that displays “no availability” because your calendar is not synced will cost you bookings and damage trust faster than almost any other issue.

SEO Considerations for Your Booking Page

Your booking page can rank in search if it is built with intent.

Title it with language your clients use: “Book a Brand Photography Session” outperforms “Schedule” in search results because it matches specific query language. Add a meta description that describes what the person will be able to do on the page and what they will receive. For a full SEO setup process on Showit, the Showit SEO guide for beginners covers title tags, meta descriptions, and page indexing in plain language.

Add 150 to 250 words of descriptive copy to your booking page around the embed. Google cannot crawl the content inside a third-party scheduling widget, so without surrounding text, your page is essentially a blank canvas to search engines.

Conclusion

Your booking page is the bridge between a visitor who is interested and a client who has committed.

Start by creating a dedicated Showit canvas page with the URL slug /book or /schedule. Choose your scheduling tool, copy the inline embed code, and paste it into a Showit HTML widget. Adjust canvas height for desktop and mobile independently, add trust elements around the embed, and publish the page with a proper title tag and meta description.

If you want this set up properly and connected to your full Showit site without the troubleshooting cycle, the Showit integration service handles third-party tool connections end to end, so your booking experience matches the quality of the rest of your site from day one.

Every client you book starts with a page that works.

Frequently Asked Questions