WPBookit - Documentation
WPBookit

Shortcode

In our plugin we provide pre build shortcodes which you can utilize on frontend pages which is shown as follows:

Here Below is Shortcode List 

  • [wpb-login]: allow Users To Register and Login into Your Site.
  • [wpb-profile]: registered Users can manage their Profile and see his all appointments.
  • [wpb-booking id=’1′] Allow Users To Book Appointment With Specification Booking Type.

How to Use the Shortcode

  1. Log in to Your WordPress Admin Panel
    • Go to your WordPress dashboard by visiting your website
  2. Add a New Page
    • Navigate to Pages in the left menu.
    • Click Add New to create a new page.
  3. Enter a Page Title
    • Add a title for your page, such as “Bookings” or “Schedule”.
  4. Add the Shortcode
    • In the content area, add the Shortcode Block:
      1. Click the + icon to add a block.
      2. Search for “Shortcode” and select it.
      3. Enter the shortcode [wpb-booking-types],[wpb-profile] and [wpb-login] in the shortcode block.
  5. Publish the Page
    • Click Publish to make the page live on your website.
    • Confirm your publication when prompted.
  6. Preview or Run the Page
    • Click the View Page button after publishing to see the booking functionality on the page.
    • Ensure the [wps-bookins],[wpb-profile] and [wpb-login] shortcode is functioning correctly.

Booking Process Steps

  1. Select a Service
    • Choose the desired service or session from the available options, which includes details such as duration and cost.
  2. Pick a Date
    • Use the interactive calendar to select a suitable date. Highlighted dates indicate available booking slots.
  3. Choose a Time Slot
    • Select your preferred time from the list of available slots displayed next to the calendar.

  4. Fill in Required Details (Popup Page)
    • After selecting a time slot, a popup page will appear.Enter the following details:
      • Full Name: Provide your complete name.
      • Apply Coupon Code (if applicable): Enter a valid coupon code for discounts.
      • Select Location: Choose the preferred location from the provided list (if required).
  5. Proceed to the Next Step
    • After entering all required details, click the “Next” button to proceed to the next page.
  6. Review Booking Details
    • Confirm the selected date, time, session duration, cost, and any other additional information.
  7. Enter Payment Information
    • Review the booking summary.
    • Choose a payment method and provide the necessary payment details.
  8. Finalize the Bookin
    • Click the “Book Now” button to complete your booking. Use the “Prev” button to go back and make adjustments if needed.
  9. Booking Confirmation Page
    • After finalizing the booking, a Booking Confirmation Page will appear.
    • This page will display a summary of your booking, including:
      • Service details (date, time, and location)
      • Payment confirmation.
      • A unique booking reference number (if applicable).

Sign In/Regester Process Steps

  • Sign In Button: The login page features a prominent “Sign In” button.
    • Password Visibility Toggle: A button is visible to toggle between showing and hiding the password characters.
    • Remember Me Option: A checkbox allows the user to choose whether to remember their login information.
    • Forgot Password Link: A link to help users recover their password.
    • Log In Button: A primary button labeled “Log in” initiates the login process

  • Registration Link: There is a link to register for an account, suggesting the user is not yet logged in.
    • Email Address Field: The page includes a field for entering the email address.
    • Password Field: A password field is included, with the password obscured.