Společnost iLost doporučuje integrovat widget nebo iFrame, který zákazníkům umožní vyhledávat ztracené a nalezené předměty přímo z webových stránek vaší organizace.

K dispozici je několik možností widgetů: Tlačítko, vyhledávací widget a vyhledávací iFrame. Tyto možnosti lze snadno integrovat pomocí dodaného kódu HTML. Tyto možnosti jsou k dispozici ve vašem účtu iLost v nastavení pro firmy.

Příklad tlačítka:

Příklad vyhledávacího widgetu:

Příklad vyhledávacího rámce iFrame:

Je možné změnit výšku widgetu iLost?

U widgetu "Search iframe" je možné změnit výšku, aby bylo vidět více výsledků. Nastavte následující datový atribut na prvku "ilost-widget", jednotka je v pixelech:

<div class="ilost-widget" data-type="searchframe" data-height=500>...

Výchozí hodnota je 400 (400px).

Příklad je uveden níže:

<html>  <head>    <title>Your Website Title</title>  </head>  <body>    <!-- Kód widgetu -->
    <div class="ilost-widget" data-type="searchframe" data-height=500>
      <form accept-charset="utf-8" action="https://ilost.co/en/org/ilost?country=nl">
        <a href="https://ilost.co/en/org/ikea?country=es" title="Nalezené zboží v IKEA na iLost" target="_blank">
          <img src="https://ilost.co/static/widget/ilost-button-new.png" alt="Nalezené zboží v IKEA na iLost">
        </a>
        <input name="q" placeholder="Co jste ztratili?" type="text">
        <button class="ilost-widget__search_button" type="submit" value="hledat"></button>
      </form>
    </div>
    
    <!-- Načíst iLost SDK pro JavaScript -->
    <skript>(function(i,s,o,g,r,a,m){i['iLostObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(argumenty);},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m);})(window,document,'script','https://ilost.co/widget/sdk.js?version=v3.3&locale=en','ilostsdk');
ilostsdk('organization', 'ilost');</script>
  </body></html>

Je možné změnit styl widgetu iLost?

Výchozí stylování widgetu iLost je možné vypnout zadáním dalšího parametru dotazu 'nostyling=true'. To má vliv pouze na html, které je injektováno na hostovanou webovou stránku, a nikoli na vnitřní html v injektovaném iframe (kde jsou vypsány výsledky nalezených položek).

Vzhledem k mezinárodním bezpečnostním protokolům není možné získat přístup k injektovanému iframe. Styl seznamu nalezených položek proto nelze měnit a je k dispozici pouze v jednom stylu.