Booking Widget Instructions
Using the widget
You can incorporate the widget in your own website by pasting the following code int he HTML source code:
<div id="briq-widget" data-funnel-location="https://DOMAIN.briqbookings.com"></div>
<script src="https://DOMAIN.briqbookings.com/briqwidget"></script>
Note: substitute DOMAIN for your own domain (the same credentials you use to log into Briq.app).
The widget will automatically be shown "on top of" the website
This, however, may cause the widget to collide with another element on your website. To solve that issue, you can also change the position of the Briq widget by adding some code, e.g.
<div id="briq-widget" data-position-x="0px" data-position-y="0px" data-funnel-location="https://DOMAIN.briqbookings.com"></div>
<script src="https://DOMAIN.briqbookings.com/briqwidget"></script>
Note: substitute DOMAIN for your own domain (the same credentials you use to log into Briq.app).
Explanation:
Data-position-x = what distance should there between the widget and the lef-hand side of the screen?
Data-posistion-y = what distance should there be between the widget and the top of the screen?
Enter your answer in pixels, e.g.
<div id="briq-widget" data-position-x="240px" data-position-y="400px" data-funnel-location="https://DOMAIN.briqbookings.com"></div>
<script src="https://DOMAIN.briqbookings.com/briqwidget"></script>
Note: substitute DOMAIN for your own domain (the same credentials you use to log into Briq.app).
On low-resolution screens, such as phones, the widget will always occupy the entire screen.