Add Barberly booking to WordPress

You need administrator access to your WordPress dashboard and at least one booking widget created in Barberly. The widget goes on the page through a Custom HTML block or widget.

Copy the widget code#

1. Log in to your Barberly account at portal.barberly.com.
2. Go to Menu→Apps→All Widgets.
3. Select the widget you want to use and copy its integration code.

Add the widget to a page or post#

Open the WordPress page or post where you want the booking widget.

Block Editor (Gutenberg)#

1. Click the + icon to add a new block.
2. Search for Custom HTML and select it.
3. Paste your Barberly widget code into the block.
4. Click Update or Publish.

Classic Editor#

1. Switch to the Text tab (HTML view).
2. Paste your Barberly widget code where you want it to appear.
3. Click Update or Publish.

Add the widget to a sidebar#

1. Go to Appearance→Widgets in your WordPress dashboard.
2. Add a Custom HTML widget to the sidebar area you want.
3. Paste your Barberly widget code into the content field.
4. Click Save.

Troubleshooting#

Updating the widget#

Changes you make to the widget in Barberly, such as colors, text or styles, appear on your WordPress site automatically. The code stays the same, so there is nothing to change in WordPress.