Copy the code of your booking page
- You find the code for your organization’s general booking page in your account settings under Booking page. You reach this setting via your profile picture in the top right of the anny admin area.
- You find the code for the booking page of a specific resource or service in the respective settings of the resource/service: Resources>Resource>Booking page
Pro tip: You can edit the design of the embedded booking page in anny. You find more on this in our article.
Insert an HTML block
- You can add a new block with the plus either in the toolbar at the top left, or directly at the position where the widget should be added.
- A window opens where you can choose the type of block. In this case, click Custom HTML.
Pro tip: Embedding only works when WordPress is self-hosted, otherwise the iframe is blocked.
Insert the HTML code
Inside this HTML block, there is a field where you can add the HTML code from anny.
Check the layout
In the toolbar at the top right, you can open the preview to check whether the booking page has been embedded the way you want.