Skip to content
Guides

How to Embed a Booking Widget on Your Coaching Website

You can embed a coaching booking widget on your website by copying a short snippet of code from your booking platform and pasting it into your site's HTML or page builder. With Minipod, this gives clients a fully branded booking and checkout experience — including payment, contract signing, and intake form completion — without ever leaving your website.

Why Embedding Matters More Than Linking Out

Most coaches send prospective clients to a third-party booking page hosted on a separate domain. That redirect creates a gap: the visual break in experience, the shift in branding, and the moment of doubt when a client asks themselves whether they've left your site. For a premium coaching practice, that gap costs conversions.

An embedded booking widget keeps the entire journey on your website. The client browses your services, clicks a booking button, and completes payment and scheduling in place. No redirects, no brand inconsistency, no drop-off between "interested" and "paid and booked."

Tip

If you run a paid 1:1 or group coaching practice and your current setup sends clients to a Calendly or Stripe link in a separate tab, you are almost certainly losing bookings at that handoff. An embedded widget removes that friction entirely.

What You Need Before You Start

  • A coaching website you can edit — whether built on Squarespace, WordPress, Wix, Webflow, Framer, or custom HTML.
  • At least one published offer set up in Minipod (a single session, package, subscription, or group programme).
  • Access to your Minipod account to retrieve the widget embed code.
  • Ability to paste HTML into a page — most modern website builders support this via a custom code or HTML block.

How to Embed the Minipod Booking Widget: Step by Step

  1. Log in to your Minipod account and navigate to your storefront or offer settings. Minipod organises everything around the offer — each thing a client discovers, buys, schedules, and is delivered through.
  2. Locate the embeddable widget option. Inside Minipod, you will find an embed code (a short HTML snippet) associated with your public storefront or specific offer. Copy this code to your clipboard.
  3. Open your website editor and go to the page where you want the booking widget to appear. This is typically your homepage, a dedicated 'Work With Me' page, or the page for a specific coaching programme.
  4. Add a custom HTML block to your page. In Squarespace this is an 'Embed' or 'Code' block. In WordPress (block editor) it is a 'Custom HTML' block. In Wix, use the 'Embed Code' element. In Webflow or Framer, drop in an HTML embed component.
  5. Paste the Minipod embed code into the custom HTML block and save or publish the change.
  6. Preview the page in a browser (not just the editor preview, which sometimes restricts third-party scripts) to confirm the widget loads correctly and your offers appear as expected.
  7. Test the full booking flow as a client would: select an offer, pick a time slot, complete checkout. Confirm that the Stripe payment step, any contract or intake form, and the confirmation message all behave correctly within your site.

Note

Minipod's checkout connects directly to Stripe via Stripe Connect, so payouts go straight to your bank account. You do not need a separate Stripe dashboard integration — it is built into the widget flow.

What the Widget Handles for Your Clients

When a client interacts with the embedded Minipod widget on your site, the entire client journey runs within that widget — no separate tabs, no forwarding to other platforms. Here is what clients can do from the embedded experience:

Step in the Client JourneyHandled by Minipod Widget
Browse available offersSingle sessions, packages, subscriptions, group programmes
Choose a session timeAvailability rules you set, time-zone-correct appointment slots
Pay for the offerStripe-powered checkout — full payment, instalment, or subscription billing
Sign a contractE-signature collected during checkout flow
Complete an intake formCustom intake questions captured before the first session
Receive a Zoom linkAuto-generated for booked sessions
Access their client portalMagic-link login to view bookings, content and messages

Platform-Specific Tips for Popular Website Builders

WordPress

Use the built-in Custom HTML block in the Gutenberg editor, or a shortcode-based HTML widget in a sidebar or footer. If you use a page builder such as Elementor or Divi, both offer dedicated HTML/code embed modules. Avoid pasting the code into a text paragraph block — it will render as raw text rather than execute the widget.

Squarespace

Add a Code block (available on Business plan and above) wherever you want the widget to appear. Squarespace's editor preview may not render the widget — always check the published page in a browser tab to confirm it loads.

Wix

In the Wix editor, use Add Elements > Embed Code > Embed HTML. Drag and resize the embed container to suit your layout. Wix sandboxes embeds in an iFrame, so the widget will still function correctly, though you may need to adjust the container height to prevent scroll clipping.

Webflow and Framer

Both platforms have first-class HTML embed components. In Webflow, use the Embed element from the Add panel. In Framer, insert a Code component or use the embed block. These platforms give you the most control over sizing and positioning.

Adding a Booking Button That Opens the Widget

If you prefer a minimal layout, you can place a single coaching website booking button on your page rather than a full inline widget. When clicked, the button opens the Minipod booking and checkout flow in a modal or overlay. This works well on homepages where you want a clean design and a prominent call to action rather than a full embedded panel.

Both approaches — inline widget and button trigger — are supported by the Minipod embed code. Which you use depends on how you want the booking experience to sit within your page design.

Keeping Your Brand Consistent

Minipod lets you set a logo and accent colour for your storefront, so the widget your clients see matches your brand rather than Minipod's default palette. Before embedding, update your branding settings in Minipod. This ensures the experience feels like a natural part of your website rather than a bolted-on third-party tool.

Tip

Match your Minipod accent colour to your website's primary brand colour. Small visual details like this significantly reduce the sense that clients have entered a different product — which builds trust at a critical moment in the buying journey.

Common Mistakes to Avoid

  • Testing only in the editor preview: Many website builders block third-party scripts in their preview mode. Always test on the live published page.
  • Embedding without a published offer: The widget has nothing to display if you have not yet created and published at least one offer in Minipod.
  • Forgetting mobile layout: Check the widget on a smartphone. Most coaches receive a significant proportion of enquiries from mobile — a widget that clips or scrolls awkwardly on mobile will cost you bookings.
  • Skipping the full checkout test: Run through the complete flow — booking, payment, contract, intake form — before sending clients to the page. A broken step discovered by a client is harder to recover from than one you catch yourself.
  • Leaving Stripe unconnected: The payment step will not function until you have connected your Stripe account inside Minipod. This is a quick step but easy to overlook.

Frequently asked questions

Does the Minipod booking widget work on any website builder?
The widget is a standard HTML embed snippet, so it works on any website builder that supports custom HTML or code blocks — including WordPress, Squarespace (Business plan and above), Wix, Webflow, Framer, and custom-coded sites. If your builder allows you to paste raw HTML, the widget will work.
Will clients be redirected away from my website when they book?
No. The embedded widget keeps clients on your website throughout the booking and checkout process. They select their offer, choose a time, pay via Stripe, sign any contract, and complete any intake form — all without leaving your page.
Can I embed the widget for a specific offer rather than my full storefront?
Minipod organises its booking flow around the offer primitive. You can embed the widget scoped to a specific offer — such as a single coaching package or group programme — so clients land directly on that offer's booking flow rather than browsing your full offer catalogue. This is useful for dedicated landing pages.
Does the embedded widget handle payment, or do I need a separate Stripe integration?
Payment is handled entirely within the widget. Minipod uses Stripe Connect, which means your payouts go straight to your bank account. You connect your Stripe account inside Minipod once, and every checkout — including full payment, instalments, and subscriptions — runs through that connection automatically.
How much does it cost to add the booking widget to my website?
The widget is part of Minipod's core offering rather than a separate add-on. For current pricing and plan details, see the Minipod pricing page at minipodapp.com, as plans are updated periodically.