Come integrare Uberall Locator tramite iFrame
Questo articolo fornisce una guida su come incorporare il tuo Locator tramite iFrame nel tuo sito web.
Non consigliato
Uberall non consiglia questa soluzione, in quanto non è vantaggiosa per SEO.
Per incorporare il tuo Locator tramite iFrame segui questi passaggi:
Prepara il tuo codice
Prima di tutto devi avere pronto il codice HTML del locator. Scopri come configurarlo qui.
Esempio di codice
<script src="https://uberall.com/assets/storeFinderWidget-v2.js" type="text/javascript"></script>
<div
Locator:
id="store-finder-widget"
data-key="uAYjjxP1XKvyYWqkKSATLp3GdymM4q"
data-language="en"
data-baseurl="https://uberall.com"
data-trackevents="true"
data-showattribution="true"
data-askforlocationonload="true"
data-imperialunits="false"
data-showzipcity="true"
data-locationpinurl=""
data-locationpinurl-business=""
data-title="Locations"
data-showheader="true"
data-footertext=""
data-showfooter="true"
Filter:
data-hideopennowfilter="true"
data-filters="services"
data-filter-services=""
Location Page:
data-showkeywords="false"
data-showcategories="true"
data-showlanguages="false"
data-showwebsite="true"
data-showlogo="true"
data-showsimilarlocations="true"
data-locationpageheader="map"
data-showservices="false"
data-showbacklink="true"
data-showreviews="true"
Customizations:
data-buttonbgcolor=#31649E
data-buttontextcolor="white"
data-linkcolor=#31649E
></div>
Salva HTML sul server
Successivamente devi salvare il tuo file HTML sui tuoi server.
Ad esempio: https://uberall.store/Test/
Ti consigliamo di finalizzare l'HTML prima di salvare sui server, altrimenti dovrai apportare modifiche.
Incorpora
L'ultimo passaggio è incorporare il locator tramite iFrame nel codice HTML del tuo sito web.
Esempio:
<iframe src="https://uberall.store/Test/"></iframe>
Nota importante
Il widget locator di Uberall necessita di uno spazio specifico per essere visualizzato correttamente. Ti consigliamo di definire l'altezza e la larghezza all'interno dell'iFrame per consentire una visualizzazione corretta.
Esempio
Questo locator è incorporato tramite iFrame:
Esempio:
<iframe style="border:none;" width="1000" height="800" src="https://storefinder-showcase.sandbox.uberall.com/Helpjuice#!"></iframe>