iLost rekommenderar att du integrerar en widget eller iFrame, som gör det möjligt för dina kunder att söka efter upphittade föremål direkt från din organisations webbplats.

Det finns flera widgetalternativ tillgängliga: Button, Search Widget och Search iFrame. Dessa alternativ kan enkelt integreras med hjälp av den medföljande HTML-koden. Dessa alternativ finns tillgängliga på ditt iLost-konto under företagsinställningarna.

Exempel på knapp:

Exempel på sökwidget:

Exempel på sökning iFrame:

Är det möjligt att ändra höjden på iLost-widgeten?

För widgeten "Search iframe" är det möjligt att ändra höjden så att fler resultat syns. Ställ in följande dataattribut på elementet "ilost-widget", enheten är i pixlar:

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

Standardvärdet är 400 (400px).

Ett exempel ges nedan:

<html>  <head>    <title>Din webbplatstitel</title>  </head>  <body>    <!-- Widgetkoden -->
    <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="Hittade saker på IKEA på iLost" target="_blank">
          <img src="https://ilost.co/static/widget/ilost-button-new.png" alt="Hittade saker på IKEA på iLost">
        </a>
        <input name="q" placeholder="Vad har du tappat bort?" type="text">
        <button class="ilost-widget__search_button" type="submit" value="sök"></button>
      </form>
    </div>
    
    <!-- Ladda iLost SDK för JavaScript -->
    <script>(function(i,s,o,g,r,a,m){i['iLostObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments);},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>

Är det möjligt att ändra stilen på iLost-widgeten?

Det är möjligt att inaktivera iLost-widgetens standardstyling genom att ange en extra frågeparameter "nostyling=true". Detta påverkar endast den html som injiceras på gästwebbplatsen och inte den inre html-texten i den injicerade iframen (där resultaten av sökresultatet skrivs ut).

På grund av internationella säkerhetsprotokoll är det omöjligt att få tillgång till den injicerade iframen. Styling av listan över funna objekt kan därför inte ändras och finns endast i en stil.