Introduction
The Briq widget is a great way to start using Briq quickly. You can use the Briq widget to give visitors a way to open Briq from your own website. After completing the widget, customers are forwarded to the shop, where the process continues to cross-selling, timeslots and payment.
 
Using the widget
You can incorporate the widget in your own website by pasting the following code in the HTML source code:

<div id="briq-widget" data-funnel-location="https://DOMAIN.briqbookings.com"></div>
<script src="https://DOMAIN.briqbookings.com/briqwidget"/>

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"/>

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 be between the widget and the left-hand side of the screen?
  • data-position-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"/>

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.

Did this answer your question?