Widget Customiser

The Zonal Bookings widget is often referred to as an “out of the box” or "stock widget" which means it comes ready to use with your account setup. The Widget Customiser is a system feature, allowing you to change the colouring, font, and wording (on some of the sections), toggle certain options and descriptors on or off depending on your needs, and a lot more.

Adding a Widget Template

Follow these steps to create a widget template:

1. Click Add widget template

2. Give your template a name

   A name is useful for housekeeping. Some users may require multiple templates or styling depending on the size of their estate and what they aim to do with the widgets

3. Click the Overall Look tab, define the text colours and button colours

4. Click the Outlet tab, define the text

5. Click the Occasion tab, define the text and card colour

6. Click the Covers tab, define the text and if you require child cards to show

7. Click the Date and Time tab, review and select as required

8. Click the Personalisation tab, define the header text

9. Click the Booking Requirements tab, define the header text

10. Click the Personal Details tab, define the required text

11. Click the Summary tab, define the header text and Guest Portal Link name

12. Click Save

    

13. Click OK

    To apply your customised widget template, copy the unique stylingURL (as shown below) and paste it at the end of your full widget URL. You can find out how to get your full widget URL under the Widget URLs topic

    

Editing a Widget Template

When selecting to edit a widget, it will open the template. You will be able to make the required amendments to your template and save.

Copying a Widget Template

Follow these steps to copy a widget template:

1. Select from the Actions column to Copy the required Occasion

   The copied layout will appear in an editable view. In the Internal name it will be prefixed with "Copy of...", to indicate it's a duplicate of the original

2. Edit the fields as your require

3. Click Save Changes

Deleting a Widget Template

Follow these steps to delete a widget template:

1. Select from the Actions column to Delete the required template.

   A pop-up will display stating: "Deleting this widget template will revert the styling on your widget to default. Do you wish to proceed?" Either select Delete or Cancel.
   Be aware that once a template is deleted, there is no way to recover them. If a template is required, you will need to create a new template and re-apply to your widget URL.

2. Select Delete.

3. Click Save Changes.

Field Settings & Information