Edit in JSFiddle

<h1>Qover bike insurance widget</h1>
<p>
  Below you can find some live examples on how to integrate the widget on your own website with an iframe.
</p>
<h2>
  Widget examples
</h2>
<p>
  We propose 4 type of widgets.
</p>
<h3 id="tile-quote">
  Tile light widget
</h3>
<div>
  Recommended settings:
  <ul>
    <li>Recommended width: 270px - 320px</li>
    <li>Recommended height: 350px - 370px</li>
  </ul>
</div>


<iframe src="https://bike.qoverme.com/widget/tile-quote?apikey=pk_F2654BC3CEC684D9ED1E&country=BE&type=TYPE_REGULAR_EBIKE&value=200000&discountCodes=WELCOME&lang=fr"  width="270" height="370" scrolling="no" frameBorder="0" title="qover bike insurance widget">
</iframe>




<h3 id="tile-quote-dark">
  Tile dark widget
</h3>
<div>
  Recommended settings:
  <ul>
    <li>Recommended width: 270px - 320px</li>
    <li>Recommended height: 350px - 370px</li>
  </ul>
</div>
<iframe src="https://bike.qoverme.com/widget/tile-quote-dark?apikey=pk_F2654BC3CEC684D9ED1E&country=BE&type=TYPE_REGULAR_EBIKE&value=229900&discountCodes=WELCOME&lang=fr" width="270" height="370" scrolling="no" frameBorder="0" title="qover bike insurance widget">
</iframe>
<h3 id="tile-quote-selector">
  Tile with selector
</h3>
<div>
  Recommended settings:
  <ul>
    <li>Recommended width: 270px - 320px</li>
    <li>Recommended height: 700x</li>
  </ul>
</div>
<iframe src="https://bike.qoverme.com/widget/tile-quote-selector?apikey=pk_F2654BC3CEC684D9ED1E&country=BE&lang=fr" width="100%" height="800" scrolling="no" frameBorder="0" title="qover bike insurance widget">
</iframe>

<h3 id="text">
  Text widget
</h3>
<div>
  Recommended settings:
  <ul>
    <li>Recommended min width: 150px</li>
    <li>Recommended min height: 70px</li>
  </ul>
</div>
<iframe src="https://bike.qoverme.com/widget/text?apikey=pk_F2654BC3CEC684D9ED1E&country=BE&type=TYPE_REGULAR_EBIKE&value=300000&discountCodes=WELCOME&lang=fr" width="150" height="70"  scrolling="no" frameBorder="0" title="qover bike insurance widget">
</iframe>
<h3 id="text-email">
  Text widget with save offer button
</h3>
<div>
  Recommended settings:
  <ul>
    <li>Recommended min width: 270px</li>
    <li>Recommended min height: 70px</li>
  </ul>
</div>
<iframe src="https://bike.qoverme.com/widget/textemail?apikey=pk_F2654BC3CEC684D9ED1E&country=BE&type=TYPE_REGULAR_EBIKE&value=300000&discountCodes=WELCOME&lang=fr" width="270" height="150"  scrolling="no" frameBorder="0" title="qover bike insurance widget">
</iframe>
<h2>
  Parameters of the widget
</h2>
<ul>
  <li><strong>apikey</strong>: the public api key provided by Qover (eg. pk_F2654BC3CEC684D9ED1E)</li>
  <li><strong>country</strong>: 2 letter code of the country of the visitor (eg. BE)</li>
  <li><strong>type</strong>: Type of the bike, TYPE_REGULAR_EBIKE, TYPE_REGULAR_BIKE, TYPE_REGULAR_EBIKE, TYPE_RACE_BIKE, TYPE_RACE_EBIKE, TYPE_MOUNTAIN_BIKE, TYPE_MOUNTAIN_EBIKE, TYPE_CARGO_BIKE, TYPE_CARGO_EBIKE</li>
  <li><strong>value</strong>: value of the bike in euro cents (eg. for a bike of 2500€ use 250000)</li>
  <li><strong>discountCodes</strong>: if you have a promocode, you can add it as a parameter in order to show directly the best price (eg. WELCOME)</li>
  <li><strong>lang</strong>: 2 letter code of the language (eg. fr)</li>
  <li><strong>donottrack</strong>: when using the widget we will make sure use our best ecommerce tools to retarget your customers and improve the sales of your insurance. If you prefer us to not track your visitors you can add the url parameter donotrack=true and we won't track your visitors. If you want us to track your visitors, make sure to add a notice in your data privacy.</li>
</ul>
<h2>
  Disclaimer for data privacy
</h2>
<h3>
French
</h3>
<p>
En parcourant notre site internet, selon vos préférences cookies, vos données seront également transmises à notre partenaire Qover SA/NV, agent d'assurance qui propose des assurances vélos. Nous vous recommandons de <a href="https://www.qover.com/terms-and-policies#parentVerticalTab4">lire les dispositions de ce partenaire</a> en matière de protection des données à caractère personnel et d'utilisation des cookies
</p>
<h3>
Dutch
</h3>
<p>
Bij het bekijken van onze website worden uw gegevens, afhankelijk van uw cookie-voorkeuren, ook doorgegeven aan onze partner Qover SA/NV, een verzekeringsagent die een fietsverzekering aanbiedt. Wij raden u aan de bepalingen van deze partner over <a href="https://www.qover.com/terms-and-policies#parentVerticalTab4">de bescherming van persoonsgegevens en het gebruik van cookies te lezen</a>.
</p>
<h3>
English
</h3>
<p>
When exploring our website, depending on your cookie preferences, your data will also be transmitted to our partner Qover SA/NV, an insurance agent offering bicycle insurance. We recommend that you <a href="https://www.qover.com/terms-and-policies#parentVerticalTab4">read this partner's provisions on the protection of personal data </a>and the use of cookies.
</p><br><br><br><br><br>