If you’re tired of the back-and-forth emails just to book a meeting, you’re not alone. Plenty of businesses slap a “Contact Us” form on their site and call it a day, then wonder why most visitors never bother. Here’s the truth: if you make it hard to book time with you, people will move on.
This guide is for anyone who wants to get more meetings booked right from their website, whether you’re a consultant, a small business owner, or just the one person in the office who actually cares about making things easier for customers. We’re going to walk through how to embed the Appointlet booking widget on your site—properly—so you can stop losing leads and start seeing real conversions.
Why Bother With an Embedded Booking Widget?
Let’s get honest for a second. Most people won’t fill out a form and wait for your reply. They want to book a slot, right now, with as little friction as possible. An embedded booking widget gives them that option.
The upside: - Fewer steps = more bookings. - No more “what time works for you?” email chains. - It looks professional and trustworthy.
But a widget isn’t magic. If it’s buried in a corner or doesn’t fit your brand, it won’t help much. This guide will help you get it right.
Step 1: Set Up Your Appointlet Account
Before you can embed anything, you’ll need an Appointlet account. Don’t roll your eyes—this is the boring part, but it matters.
- Sign up at Appointlet (they have a free tier, which is enough for most folks to start).
- Set up your meeting types: Think through what people actually want to book. Don’t add 12 options nobody uses.
- Connect your calendar: If you use Google or Outlook, connect it now. Otherwise, you’ll double-book yourself at some point.
- Set your availability: Only offer times you’re genuinely willing to take a meeting. If you’re “always available,” you’ll regret it.
Pro tip: Set buffer times between meetings. You’re not a robot.
Step 2: Configure Your Booking Page
Appointlet lets you create a booking page with your branding and meeting types. This is what you’ll be embedding.
- Customize the look: Add your logo, pick reasonable colors. Don’t get too wild unless your brand actually is wild.
- Write clear descriptions: If you call your meeting “Consultation A,” nobody knows what that means. Be plain and specific.
- Test it: Open your booking page as a visitor. If anything’s confusing, fix it now.
What to ignore: Don’t get bogged down in every advanced setting. The basics are what move the needle.
Step 3: Get the Embed Code
Here’s where most guides get vague, so let’s spell it out.
- Log into Appointlet.
- Go to the “Booking Page” or “Share” section—names may change, but it’s where you get your booking link.
- Look for the “Embed” option. You’ll see a snippet of HTML code.
- Copy the code. Don’t try to modify it unless you know HTML.
The basics: The embed code is usually an <iframe>. It loads your booking page right inside your site.
Step 4: Choose Where to Embed (And Where Not To)
This part actually affects your conversion rate more than you’d think.
- Best places: Your homepage (if bookings are a main goal), a “Book Now” page, or at the end of high-traffic blog posts.
- Avoid: Stuffing it in a footer or on a page nobody visits. If you hide it, people won’t find it.
Real talk: Pop-ups and slide-ins can work, but they also annoy people. Test before you commit.
Step 5: Add the Widget to Your Website
How you do this depends on what you use to build your site. Here’s the rundown for most common cases.
If You Use WordPress
- Go to the page or post where you want the widget.
- Switch to the "Text" or "HTML" view.
- Paste the Appointlet embed code where you want it to show up.
- Update or publish the page.
Heads up: Some WordPress themes or builders (like Elementor) have a special “HTML” or “Custom Code” block. Use that if you’re not seeing the regular editor.
If You Use Squarespace, Wix, or Weebly
- They all have a way to add “Embed” or “Custom HTML” blocks.
- Drag that block onto your page, paste the code, and you’re set.
- Preview to make sure it looks right.
If You’re Hand-Coding HTML
- Drop the
<iframe>code wherever you want the widget. - Set the width and height so it fits your design (don’t leave it tiny or massive).
If You Use a Website Builder That Blocks iFrames
- Some platforms, especially free or locked-down ones, won’t allow iframes.
- If that’s you, consider linking out to your Appointlet booking page instead. Not ideal, but better than nothing.
Pro tip: Always test on mobile. If the widget doesn’t resize, tweak the width to 100% and use a reasonable min-height.
Step 6: Make It Obvious and Inviting
Just embedding the widget isn’t enough. You want people to notice it and use it.
- Use a clear call-to-action: “Book a Free Consultation,” not “Submit.”
- Add a short intro above the widget: Let people know what happens next.
- Keep the page uncluttered: Don’t surround your widget with 14 distractions.
What doesn’t work: Hiding the widget below the fold or making users scroll forever. Show it early.
Step 7: Track What’s Actually Happening
If you care about conversions, you need to know what’s working.
- Use Google Analytics (or whatever you use) to track page views and clicks.
- Appointlet’s built-in analytics are basic, but you can see bookings and sources.
- If you want to get nerdy, set up event tracking when people complete a booking.
Don’t obsess: You’re looking for “Is anyone booking?” not perfect data.
What to Do If Something’s Not Working
- Widget won’t load? Your website might block iframes or scripts. Double-check your platform’s documentation.
- Weird formatting? Adjust the width/height in the embed code. Sometimes a wrapper div with CSS helps.
- No bookings? Check that your availability is set, and that the page is actually getting traffic.
Still stuck? Appointlet support is decent, but don’t expect miracles. Sometimes, switching where or how you embed is the fix.
Pro Tips to Boost Conversions
- Keep the booking process short: The more steps, the more drop-offs.
- Pre-fill info if you can: Use URL parameters or auto-fill for returning users.
- Follow up fast: Automated confirmation emails are great, but a human reply after booking can seal the deal.
What to skip: Gimmicks like spinning wheels or “limited spots left!” banners. People see through it.
Wrapping Up: Keep It Simple, Iterate Fast
Embedding the Appointlet widget isn’t rocket science, but doing it right can seriously increase how many people book with you. Don’t overthink it. Start simple—get the widget on your site, check that it works, and see what happens. If you’re not getting the conversions you want, tweak one thing at a time and test again.
Remember: the goal isn’t to have the fanciest booking widget. It’s to make it so easy to book with you that people actually do it.