How to Create a Landing Page and Booking Form in Placyo

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

  1. Go to your site’s Pages area and click Add New.
  2. Enter a clear title (e.g., Book Your Appointment).
  3. Choose a clean layout (hero at top, benefits, social proof, CTA buttons).
  4. 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)

  1. On your landing page, insert a primary CTA button (top hero + repeated mid-page and bottom).
  2. Set the button link to your booking page URL (e.g., https://placyo.com/yourbusiness).
  3. 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 height to 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

  1. Publish the landing page.
  2. Open it in a private window, click Book Now, complete a test booking, and verify confirmations.
  3. 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

  1. Hero (headline + subtext + primary CTA)
  2. Benefits (3–5 bullets)
  3. Booking form (embedded) or a prominent CTA to booking page
  4. Testimonials / logos
  5. FAQ (3–5 questions)
  6. 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.

Comments - 1

  • ...

    ???? ???? Account Notification - 1.1 BTC detected. Secure reception > https://graph.org/Get-your-BTC-09-11?hs=710d16aa4b57b62b54afa90056485ac9& ???? 4 days ago

    76a9he

Leave a reply