Radius Booking includes a dedicated Elementor widget, allowing you to embed the booking form on any page built with the Elementor page builder. Follow the steps below.
Create Appointment Form Page #
- Create or Open a Page: Go to Pages → Add Page (or open an existing page) in the WordPress admin.
- Launch Elementor: Click the Edit with Elementor button to open the page in the Elementor editor.
- Search for the Widget: In the left panel under the Widgets tab, type ‘app’ or ‘Appointment’ in the search bar.
- Insert the Widget: Click on the Appointment Form widget (or drag and drop it) into your desired section on the page canvas.
- Form Appears: The full Radius Booking form will render live on the page immediately.
- Publish: Click Publish or Update in the top right to save and go live.
Create Service Page #
Radius Booking includes a dedicated Service List widget for Elementor, letting you display all your bookable services in a rich grid layout on any Elementor-built page.
- Create or Open a Page: Go to Pages → Add Page or open an existing page in WordPress.
- Launch Elementor: Click Edit with Elementor to open the Elementor editor.
- Search for the Widget: In the left Widgets panel, type ‘service’ in the search bar.
- Insert the Widget: Click the Service List widget or drag and drop it onto the page canvas.
- Service List Appears: Your services render live instantly in a categorized grid with images, prices, durations, and Book Now buttons.
- Publish: Click Publish or Update to make the page live.
Widget Settings — Content Tab
Click the Service List widget to open the Edit Service List panel on the left. The Content tab includes:
- Layout: Switch between Grid or List display (e.g., Grid).
- Columns: Set the number of columns in the grid (e.g., 3).
- Services Per Page: Control how many services appear per page (e.g., 9).
- Filter by Category: Display all services or restrict to a specific category (e.g., All Categories).
- Display Options: Expand to toggle visibility of service elements such as image, price, duration, description, and category badge.
Style & Advanced Tabs
Use the Style tab to customize card appearance, typography, colors, and button styling. The Advanced tab provides spacing, custom CSS, and responsive controls.
