iLost anbefaler integrering av en widget eller iFrame, som lar kundene dine søke etter mistede og funne gjenstander direkte fra organisasjonens nettsted.

Det er flere widget-alternativer tilgjengelig: Knapp, Søke-Widget og Søke-iFrame. Disse alternativene kan enkelt integreres ved hjelp av den medfølgende HTML-koden. Disse alternativene er tilgjengelige i din iLost-konto under virksomhetsinnstillingene.

Eksempel Knapp:

Eksempel Søk-Widget:

Eksempel Søk-iFrame:

Er det mulig å endre høyden på iLost-widgeten?

For 'Search iframe'-widgeten er det mulig å endre høyden slik at flere resultater vil bli synlige. Sett følgende dataattributt på “ilost-widget”-elementet, enheten er i piksler:

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

Standardverdien er 400 (400px).

Et eksempel er gitt nedenfor:

<html>  <head>    <title>Din nettsidetittel</title>  </head>  <body>    <!-- Widget-koden -->
    <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="Funnet gjenstander på IKEA på iLost" target="_blank">
          <img src="https://ilost.co/static/widget/ilost-button-new.png" alt="Funnet gjenstander på IKEA på iLost">
        </a>
        <input name="q" placeholder="Hva har du mistet?" type="text">
        <button class="ilost-widget__search_button" type="submit" value="søk"></button>
      </form>
    </div>
    
    <!-- Last iLost SDK for 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>

Er det mulig å endre stilen til iLost-widgeten?

Det er mulig å deaktivere standardstilen til iLost-widgeten ved å angi en ekstra spørringsparameter 'nostyling=true'. Dette påvirker bare html-en som injiseres på gjestewebsiden, og ikke den indre html-en i den injiserte iframen (hvor resultatene av gjenstanden er skrevet ut).

På grunn av internasjonale sikkerhetsprotokoller er det umulig å få tilgang til den injiserte iframen. Stylingen av listen over gjenstander kan derfor ikke endres og kun tilgjengelig i én stil.