Docs Booking
Elementor
The three LogicWeft Salon widgets for Elementor: the booking widget, a service menu and a staff grid, with their settings.
If your site is built with Elementor, LogicWeft Salon adds three widgets. Search for "salon" in the widget panel; they're in the General group.
| Widget | What it shows |
|---|---|
| Salon booking | The full booking widget: services, stylist and time, confirm. |
| Salon service menu | Your services as a price list, each with a Book button. |
| Salon staff grid | Your stylists with photos, bios and a Book button. |
The service menu and the staff grid are Elementor widgets only; there is no block or shortcode for them. The booking widget is also a block and a shortcode: see The booking page.
Salon booking
| Setting | What it does |
|---|---|
| Start on service (product ID) | Opens the widget with this service already chosen. 0 shows the full menu. |
| Category slug | Opens the widget on one service category. |
Salon service menu
| Setting | Default | What it does |
|---|---|---|
| Category slug | Empty | Show only one category. Empty shows every service that's bookable online, grouped by category. |
| Show prices | On | Each service's price. |
| Show durations | On | How long each service takes. |
| Show descriptions | On | The product description. |
| Show photos | On | The product image. |
| Show book buttons | On | Each service links to your booking page with that service chosen. |
Salon staff grid
| Setting | Default | What it does |
|---|---|---|
| Columns on wide screens | 3 | 1 to 4. The grid uses fewer columns on narrow screens. |
| Show bios | On | The bio from the stylist's profile. |
| Show book buttons | On | Each stylist who is bookable online links to your booking page with that stylist chosen. |
The grid shows stylists whose profile has Show on website ticked (see Services and stylists).
Important: The Book buttons need a published booking page: the one the setup wizard's last step creates. Without it, the menu and grid show no Book buttons.
Styling
The widgets use the palette, shapes and fonts from LogicWeft Salon → Appearance, and size themselves to the Elementor column they're in.
Still stuck? Email [email protected] and a real person will reply, usually within two working days.