Customize WordPress widget

Adjust the booking widget to match your website.

Settings in WordPress

Go to SettingsClienta in your WordPress admin.

Display options

SettingDescription
----------------------
WidthWidget width (%, px)
HeightMinimum height
StyleLight, dark, or auto

What to show

OptionExplanation
---------------------
Show servicesService selection visible
Show staffStaff member selection
Show pricesDisplay prices

Shortcode parameters

Adjust widget behavior with parameters:

[clienta_booking service="gel-nails"]

Available parameters

ParameterExampleEffect
----------------------------
service"gel-nails"Pre-select service
staff"jane"Pre-select staff member
view"week"Start view
color"#FF6B6B"Primary color

Custom CSS

Add custom styling in WordPress Customizer:

.clienta-widget {
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

Tips

  • Mobile first - Test on mobile
  • Clear cache - After changes, always clear cache
  • Consistent styling - Match your website colors