Widget Implementation Guide
The widget can be integrated into your site in two primary ways:
- As a Popup: Triggered by a button click
- Directly Embedded: Visible directly on the page
It's crucial to ensure that the page hosting the widget is not cached. This requirement is due to WordPress's need to generate a fresh 'nonce' field for security reasons, which should not be cached.
Popup Integration
To integrate the widget as a popup, insert the shortcode on your desired page:
![](https://alexreservations.s3.amazonaws.com/documents/widget/07-widget.png)
This method displays a button on the front-end, which, when clicked, opens the widget in a popup mode, allowing users to request a booking. The widget is designed to be mobile-friendly, ensuring a seamless experience across devices.
![](https://alexreservations.s3.amazonaws.com/documents/widget/08-widget.png)
![](https://alexreservations.s3.amazonaws.com/documents/widget/09-widget.png)
![](https://alexreservations.s3.amazonaws.com/documents/widget/10-widget.png)
Embedded Integration
For direct embedding, use the shortcode as follows:
![](https://alexreservations.s3.amazonaws.com/documents/widget/14-widget.png)
![](https://alexreservations.s3.amazonaws.com/documents/widget/15a-widget.png)
![](https://alexreservations.s3.amazonaws.com/documents/widget/15b-widget.png)
![](https://alexreservations.s3.amazonaws.com/documents/widget/15d-widget.png)
![](https://alexreservations.s3.amazonaws.com/documents/widget/15c-widget.png)
Multilingual Support
The widget supports multiple languages, allowing for the translation of shift/event names and descriptions. Language changes in the widget automatically update the content to the selected language, enhancing the user experience for multilingual sites.
![](https://alexreservations.s3.amazonaws.com/documents/widget/alex-reservations-shift-translations.gif)