1. What This Page Is For
This page sits within the funnel because it can process payments, which your website pages cannot. It is your paid session booking page, appearing at the point in the client journey where someone is ready to book and pay for a 1:1 session. It has one job: make selecting a time slot and completing the booking as simple and frictionless as possible. There should be no navigation menu, no additional offers, and nothing that competes with the calendar widget.
This page keeps your entire booking and payment workflow inside Systeme.io, removing the need for external scheduling platforms like Calendly or YouCanBook.me. Your appointments are managed directly from your Systeme.io account, keeping all your business activity in one place.
2. Before You Set This Page Up: Prerequisites
This page cannot function correctly until the following two things are in place in your Systeme.io account. Complete these steps before editing the page.
Step 1: Create your booking event
You need at least one event created in your Systeme.io calendar before the Calendar element on this page will work. For a paid 1:1 session, create an Individual event so that each time slot can only be booked by one person.
Full guide to creating events and using the booking calendar: https://help.systeme.io/article/3957-how-to-use-the-booking-calendar-feature-on-systeme-io
Step 2: Connect a payment gateway
The payment form on this page will not process transactions until you have connected a payment provider to your Systeme.io account. Navigate to Settings > Payment Gateways and connect your preferred provider. Systeme.io supports Stripe, PayPal, and several other payment providers.
Full list of supported payment providers and integration guides: https://help.systeme.io/category/538-payments
3. Setting Up the Calendar Element
Once your event and payment gateway are in place, open the page editor and drag the Calendar element from the left-hand panel onto the page.
Click the element to open its settings. In the settings panel you will find the following options:
Headline and sub-headline: update these to reflect your session name and a brief description of what the client is booking, for example: Book Your 90-Minute Executive Strategy Session.
Event: select the event you created from the dropdown. If you only have one event it will be selected automatically.
Next Step button text: customise the button label that moves the client from step one (date selection) to step two (details form).
Time format: choose between 12-hour and 24-hour display depending on your client base.
Configuration options for margins, padding, and colours: use these to match the calendar widget to your brand styling.
Custom questions: you can add questions for clients to answer at the booking stage, for example asking them to describe their primary goal for the session. To make a question required, check the Mandatory box next to it. To add further questions, click Add question.
Additional form fields: you can add form fields beyond those already present in the default booking form if you need to collect specific information from clients.
Note on typography: the font type and size displayed within the calendar widget are linked to your page's default typography settings, set in your Blog Layout or page settings. If the calendar fonts do not match your brand, adjust the default typography at the page level rather than within the calendar element itself.
Full guide to adding a calendar to a page: https://help.systeme.io/article/3972-how-to-add-a-systeme-io-calendar-to-your-page
4. Video Call Platform Integration
For sessions delivered via Zoom or Google Meet, connect your video platform in Settings > Integrations before configuring your event. Once connected, Systeme.io will automatically generate a unique meeting link for each booking and include it in the client's confirmation email. You do not need to manually create or send meeting links.
If you use a different video platform, you can enter a custom meeting link in the event location settings.
5. Time Zone Display
For international clients, displaying available slots in the client's local time zone reduces confusion and prevents no-shows. Open your event settings in CRM > Calendar > Events, scroll to the Advanced settings section, and set the Time zone display option to Guest time zone. Slots will then adjust automatically to each visitor's local time.
6. Confirmation Email
When a client completes a booking, Systeme.io automatically sends a confirmation email containing the session details and meeting link. Verify this is working correctly by booking a test session yourself and confirming the email arrives with the correct information.
If you want to send a reminder email 24 hours before the session, set this up as an automation rule. Go to Automations > Rules, set the trigger to Meeting scheduled, and set the action to Send email.
7. Mobile Check
Confirm the calendar displays correctly on a real mobile device as well as in the editor. Check that the calendar grid is easy to read and tap, that the Next step button is clearly visible without excessive scrolling, and that the Step 2 details form fields are easy to complete on a phone keyboard.
8. Footer and Legal Links
Update the copyright year and business name in the footer. Confirm both legal links point to your actual Terms and Conditions and Privacy Policy pages. If you are using a Legal Footer Master Block (see Link Page notes), drag that saved block onto this page rather than editing the footer manually.
9. SEO and Tracking
Complete the following in Funnel Step Settings before going live.