booknslot Get booknslot

Customization

Works with any theme

The public widget ships with scoped CSS (no jQuery, no global resets leaking into your theme’s styles). It renders inside whatever container holds the shortcode, inheriting page-level width and typography.

Tested themes: Twenty Twenty-Four, Astra, GeneratePress, Blocksy, Hello Elementor, Kadence. If you hit a visual conflict in a different theme, see the FAQ.

Form theme picker

Under Booking Manager → Settings → General → Form appearance:

The picked theme only colours the public booking widget — the WordPress admin always uses the default Forest accent regardless of pick. Calendar day-status colours (green = open, yellow = busy, red = full) and the “Available” badge stay semantic regardless of theme.

What gets themed: slot-selection highlight in the public widget, selected-day border + fill in the calendar grid, primary buttons (Continue / Confirm slot) on the booker side.

Shortcode placement

[booking_manager slug="your-page-slug"]

Paste the shortcode into:

The widget lazy-renders: the JS bundle only loads on pages where the shortcode is present, so other pages on your site stay light.

Custom form fields as design knobs

The Form Builder (Step 1 of the page wizard) is also a customization surface — you can add institution-specific fields (project code, department, supervisor) without writing PHP or JS. Each field has a type (text, email, textarea, select, checkbox), an optional Required toggle, and (v1.4.3+) an optional Resource scope so a field can apply to just one resource.

Field labels and the page description support markdown links: [refund policy](https://example.com/file.pdf) renders as a safe target=_blank link in the public widget. URLs must start with https:// or mailto:; anything else is rendered as plain text.

See Configuration → Form builder.

Email design

booknslot ships a full email template editor (since v1.5.4). All five template kinds — OTP, booking received, approval request, approved, rejected — can be replaced wholesale.

Under Booking Manager → Settings → Notifications:

Under Settings → Email delivery:

Custom CSS overrides

The public widget’s root has class booknslot-public-root. If you need to push further than the form theme picker can take you, override styles on this class from your theme’s Appearance → Customize → Additional CSS:

.booknslot-public-root button.primary {
  border-radius: 4px;
  text-transform: uppercase;
}

Most adjustments don’t need this — the theme picker covers the common cases and the email template editor handles everything visible to bookers post-submission.

What you cannot change (by design)