Cómo incrustar el Uberall Locator a través de iFrame
Este artículo ofrece una guía sobre cómo incrustar tu Locator mediante iFrame en tu sitio web.
No recomendado
Uberall no recomienda esta solución, ya que no es beneficiosa para SEO.
Para incrustar tu Locator mediante iFrame, sigue estos pasos:
Prepara tu código
En primer lugar necesitas tener listo tu código HTML del localizador. Descubre cómo configurarlo aquí.
Fragmento de ejemplo
<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>
Guarda HTML en el servidor
A continuación debes guardar tu archivo HTML en tus servidores.
Por ejemplo: https://uberall.store/Test/
Te aconsejamos finalizar el HTML antes de guardarlo en los servidores, ya que de lo contrario tendrás que revisarlo.
Incrustar
El último paso es incrustar el localizador mediante iFrame en el código HTML de tu sitio web.
Ejemplo:
<iframe src="https://uberall.store/Test/"></iframe>
Nota importante
El widget localizador de Uberall necesita un cierto espacio para mostrarse completamente. Te aconsejamos definir la altura y el ancho dentro del iFrame para permitir una visualización correcta.
Ejemplo
Este localizador está incrustado mediante iFrame:
Ejemplo:
<iframe style="border:none;" width="1000" height="800" src="https://storefinder-showcase.sandbox.uberall.com/Helpjuice#!"></iframe>