This guide walks you through building a high-converting landing page and adding a booking form so customers can schedule appointments in a few clicks. You’ll set up services, create a clean landing page, embed or link the booking form, and add tracking/confirmation options.
1) Prepare your services and basics
- In the admin dashboard, add your services (name, duration, price) and assign staff.
- Set business hours and time zone so available slots display correctly.
- Upload your logo and brand colors in appearance/settings.
2) Create a new landing page
- Go to your site’s Pages area and click Add New.
- Enter a clear title (e.g., Book Your Appointment).
- Choose a clean layout (hero at top, benefits, social proof, CTA buttons).
- Save the page (Draft) so you can add the booking form next.
3) Choose your booking form method
You can connect your booking flow in two common ways:
- Direct link (fastest): Send users to your hosted booking page (e.g., https://placyo.com/yourbusiness).
- Embed (on-page): Show the booking form directly on your landing page using an iframe/embed block.
4) Add a “Book Now” button (direct link method)
- On your landing page, insert a primary CTA button (top hero + repeated mid-page and bottom).
- Set the button link to your booking page URL (e.g., https://placyo.com/yourbusiness).
- Use action-focused text: Book Now, Check Availability, or Schedule a Visit.
5) Embed the booking form (on-page method)
Add an HTML block to your landing page and paste an iframe. Replace the example URL with your booking link:
<div style="max-width:900px;margin:0 auto;">
<iframe
src="https://placyo.com/yourbusiness"
style="width:100%;height:1100px;border:0;"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
title="Placyo Booking"
></iframe>
</div>
- Adjust
heightto fit your form (e.g., 900–1400px). - Keep
width:100%so it’s responsive on mobile. - Place this section near the top for fewer scrolls to booking.
6) Customize the booking form fields
- Open your booking form settings and enable required fields (name, email, phone, notes as needed).
- Decide whether guest bookings are allowed or if users must sign in.
- Set default service or staff if you want to shorten the steps.
7) Add trust and conversion elements
- Social proof: Add 2–3 short testimonials near the form.
- Benefits list: Bullet the top reasons to book (fast scheduling, secure payments, reminders).
- Badges: Show security/payment badges if you take online payments.
- FAQ: Answer common questions (reschedules, cancellations, payment options).
8) Configure confirmation and thank-you flow
- Enable email confirmations for customers and admin/staff.
- Set a thank-you page URL if your system supports redirect after successful booking (e.g., /thank-you).
- Include a summary on the thank-you page and a secondary CTA (add to calendar, directions, share).
9) Add tracking and UTM tags
- Append UTM parameters to your booking link on buttons (e.g., ?utm_source=landing&utm_campaign=bookings).
- Set your analytics pixel/GA events to fire on the thank-you page or booking confirmation.
- Track clicks on the Book Now button to measure conversion.
10) Mobile, speed, and SEO checks
- Mobile test: Ensure buttons are large, form is readable, and no horizontal scroll.
- Speed: Keep images under ~150 KB; avoid heavy scripts above the form.
- SEO: Write a concise meta title/description, use one H2 headline, and alt text on images.
11) Publish and test the full flow
- Publish the landing page.
- Open it in a private window, click Book Now, complete a test booking, and verify confirmations.
- Check staff notifications and calendar entries to confirm end-to-end success.
Troubleshooting
- Blank or cut-off form: Increase iframe height and ensure the source URL is correct.
- Form not loading on HTTPS: Make sure your site and the booking URL both use HTTPS.
- Time slots look wrong: Recheck time zone, staff hours, and service availability.
- No confirmation emails: Verify SMTP settings and test with a different email address.
Recommended landing page layout
- Hero (headline + subtext + primary CTA)
- Benefits (3–5 bullets)
- Booking form (embedded) or a prominent CTA to booking page
- Testimonials / logos
- FAQ (3–5 questions)
- Final CTA (Book Now)
With these steps, you’ll have a focused landing page and a seamless booking form that converts visitors into appointments quickly.
Tags:
#Placyo
# Placyo Landing Page
# Placyo Booking Form
# Create Booking Page
# Online Booking Form
# SaaS Booking Platform
# Appointment Scheduling Page
# Business Booking System
# AI-Powered Booking
# Landing Page Design
# Service Booking Software
# Customer Booking Experience
# Booking Form Integration
# Online Appointment Setup
# Placyo Knowledge Base