The Widget

Customization

How to pre-fill start or end location?

You can add data-start-address and data-end-address attributes to the <div id="mozio-widget" ...> with a place search query. First place found by this search query will be set as a field value. Example: <div id="mozio-widget" data-start-address="SFO" ...>

How to set default search bias for place fields?

By default each place field search the places 500 miles around the already selected place. You can define a default point which you want to use to search around when no place selected. To do that, add data-default-lat and data-default-lng with latitude and longitude of the place. Example: <div id="mozio-widget" data-default-lng="50" data-default-lat="20" ...>

How to change a redirect domain?

If you are one our partners who have a white-label, you may need to redirect your customers to your white-label from the widget. To do that, add data-target-url parameter to the <div id="mozio-widget"> with a domain of your white-label (with https:// prefix). Example: <div id="mozio-widget" data-target-url="https://booking.mozio.com" ...>

How to make the widget not that tall?

By default each field showed on it's own row. You can change that behaviour and show the widget in three rows instead of six. To do that, add data-wrap="xs" to the <div id="mozio-widget">. Then the fields will be wrapped only on small screens, like mobile devices.

How to disable hourly tab?

Just add data-disable-hourly="true" to the <div id="mozio-widget"> and that is it