Skip to content

Frontend booking form

Enter the booking form on the site

To show the booking form on your frontend, create a page (e.g. "Book a bicycle")

booking form shortcode

and enter the shortcode:

[simpbire_bike_rental]

From version 1.3.2 of Simple Bike Rental Pro, the "multi-day" rental type (reservations over several days) has been introduced, with some useful settings such as the "percentage discount" (optional and configurable globally and for each bicycle) in addition to the minimum number of days required for the discount to be applied.

Now, by choosing the multi-day rental type, the calendar for selecting dates will allow you to select a range:

fullcalendar multi-day date range

Users will now be able to:

  • choose the type of rental: daily, hourly or even multi-day (the multi-day type is only available in the pro version)
  • select the date (and time for hourly reservations)
  • see only the bicycles available for the selected period and accessories (if enabled)
  • enter their personal data
  • send the booking request

Here is an example of how the form looks with a multi-day booking and enabled accessories:

booking form frontend

Note: the "You save..." hint only appears in multi-day bookings and only if the percentage discount has been set and enabled in the general plugin settings.

The module works with any page builder (Bricks, Elementor, Oxygen, Gutenberg, classic editor).

Payment confirmation (Stripe)

With online payments enabled, after submitting the booking via the "Book now" button, a booking summary and the button to proceed to payment (Stripe) are displayed.

payment-confirmation-multiday

When the user clicks on the "Proceed to payment" button, they are redirected to the Stripe payment page.

Once the payment is completed, Stripe automatically sends the user back to the site, to the page that contains the shortcode '[simpbire_success]', where the confirmation message of the successful booking is shown.

payment-success-message

In the meantime, the reservation has changed from "Pending payment" to "Active" thanks to the webhook set in the section dedicated to payment configuration, and is visible in the admin calendar:

fullcalendar-multiday-admin

Booking confirmation via email (online payments disabled)

Instead, when the user sends a reservation with online payments disabled:

  1. A confirmation page appears informing the user that their request has been received
  2. They receive an email with a link containing a confirmation token.

The user must click that link to complete the booking. This is to avoid false or spam bookings.

confirm pending reservation

If the user does not confirm, the reservation remains in Pending status and is automatically canceled after a certain period.

When the user clicks the link received via email:

  • if the token is valid → the booking is confirmed and will be visible in the administrative panel with the status "Active"
  • if the token has expired/is invalid → an error message is displayed

booking confirmation