import React from "react"; const ADMIN_URLS = { settings: "admin.php?page=pointlybooking_settings", payments: "admin.php?page=pointlybooking_settings&tab=payments", schedule: "admin.php?page=pointlybooking_settings&tab=schedule", automation: "admin.php?page=pointlybooking_settings&tab=notifications", services: "admin.php?page=pointlybooking_services", agents: "admin.php?page=pointlybooking_agents", calendar: "admin.php?page=pointlybooking_calendar", wizard: "admin.php?page=pointlybooking_design_form", formFields: "admin.php?page=pointlybooking_settings&tab=form_fields", coupons: "admin.php?page=pointlybooking_settings&tab=promo_codes", }; function Code({ children }) { return ( 
      {children}
); } function ActionLink({ href, children, primary = false }) { return ( {children} ); } function GuideCard({ title, children, actions = null }) { return (
{title}
{children}
{actions ? (
{actions}
) : null}
); } export default function HowToUseScreen() { return (
How to Use BookPoint
Follow a clean setup path, publish the booking wizard, and learn the main admin flow fast.
Open Settings Open Booking Form
Start Here
Set up BookPoint and launch the booking wizard without guesswork.
Best order for a new site: settings, services, agents, schedule, booking form, then publish the shortcode on a page.
Create Services Create Agents Set Schedule
Important Pages
Settings, Services, Agents, ]} >
  1. Open BookPoint -> Settings and save your defaults first.
  2. Create your Services and organize them if needed.
  3. Create your Agents and assign services to them.
  4. Set Schedule and Holidays so times display correctly.
  5. Open Booking Form and remove any optional steps you do not want in the wizard.
  6. Publish the shortcode on a page and test one booking from start to finish.
 Open Booking Form, ]} >
Add this shortcode to any page where you want customers to open the booking wizard:
[pointlybooking_booking_form]
If you want different button text:
[pointlybooking_booking_form label="Book Now"]
After publishing the page, test the full customer flow yourself and confirm the wizard opens, moves through steps cleanly, and creates the booking.
Booking Form, Form Fields, ]} >
  • Use Booking Form to hide steps you do not need, such as Location, Category, Extras, or Payment.
  • Edit step titles, helper text, and presentation so the wizard matches your business flow.
  • Use Form Fields to add only the customer questions you actually need.
  • Keep the booking flow short. Fewer fields and fewer steps usually convert better.
 Payments, Automation, Coupons, ]} >
  • Enable payment methods in Settings -> Payments if you want online checkout.
  • Use Automation for reminders, email flows, and follow-up behavior.
  • Use Coupons if you run discounts or promotional campaigns.
  • If you want a customer self-service area, create a page with this shortcode:
[pointlybooking_customer_portal]
  • If the wizard does not open, confirm the page contains [pointlybooking_booking_form].
  • If no times appear, make sure the service has an active agent and the schedule is configured.
  • If payments are missing, recheck your keys and enabled methods in Payments.
  • If custom fields do not show, confirm they were added in Form Fields and saved correctly.
  • If bookings look correct in the wizard but not in admin, review the Calendar and status flow after a test booking.
); }