iLost empfiehlt die Integration eines Widgets oder iFrames, mit dem Ihre Kunden direkt auf der Website Ihrer Organisation nach verlorenen und gefundenen Gegenständen suchen können.
Es sind mehrere Widget-Optionen verfügbar: Schaltfläche, Such-Widget und Such-iFrame. Diese Optionen können mit Hilfe des mitgelieferten HTML-Codes leicht integriert werden. Diese Optionen sind in Ihrem iLost-Konto unter den Unternehmenseinstellungen verfügbar.
Beispiel Schaltfläche:
Beispiel Such-Widget:
Beispiel Suche iFrame:
Ist es möglich, die Höhe des iLost-Widgets zu ändern?
Für das 'Search iframe'-Widget ist es möglich, die Höhe zu ändern, damit mehr Ergebnisse sichtbar sind. Setzen Sie das folgende Datenattribut auf das "ilost-widget"-Element, die Einheit ist in Pixel:
<div class="ilost-widget" data-type="searchframe" data-height=500>...
Der Standardwert ist 400 (400px).
Ein Beispiel ist nachstehend aufgeführt:
<html> <head> <title>Ihr Website-Titel</title> </head> <body> <!-- Der Widget-Code -->
<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/de/org/ikea?country=es" title="Gefundene Gegenstände bei IKEA auf iLost" target="_blank">
<img src="https://ilost.co/static/widget/ilost-button-new.png" alt="Gefundene Gegenstände bei IKEA auf iLost">
</a>
<input name="q" placeholder="Was haben Sie verloren?" type="text">
<button class="ilost-widget__search_button" type="submit" value="search"></button>
</form>
</div>
<!-- iLost SDK für JavaScript laden -->
<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*neues Datum();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=de','ilostsdk');
ilostsdk('organisation', 'ilost');</script>
</body></html>
Ist es möglich, das Styling des iLost-Widgets zu ändern?
Es ist möglich, das Standard-Styling des iLost-Widgets zu deaktivieren, indem ein zusätzlicher Abfrageparameter 'nostyling=true' angegeben wird. Dies wirkt sich nur auf die HTML-Datei aus, die auf der Gast-Webseite eingefügt wird, und nicht auf die innere HTML-Datei innerhalb des eingefügten Iframe (in dem die Ergebnisse des gefundenen Objekts ausgegeben werden).
Aufgrund internationaler Sicherheitsprotokolle ist es unmöglich, auf den injizierten iframe zuzugreifen. Die Gestaltung der Liste der gefundenen Objekte ist daher nicht veränderbar und nur in einem Stil verfügbar.
Beispiel-Code:
<div class="ilost-widget" data-type="searchframe">
<form accept-charset="utf-8" action="https://demo.ilost.co/en/org/ilost?country=nl">
<a href="https://demo.ilost.co/en/org/ilost?country=nl" title="Found items at IKEA on iLost" target="_blank"><img src="https://demo.ilost.co/static/widget/ilost-button-new.png" alt="Found items at IKEA on iLost"></a>
<input name="q" placeholder="What have you lost?" type="text"><button class="ilost-widget__search_button" type="submit" value="search"></button></form></div>
<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://demo.ilost.co/widget/sdk.js?version=v3.4&locale=de&nostyling=true','ilostsdk');
ilostsdk('organisation', 'ilost');</script>