Editar Locator + Pages
Personaliza la apariencia del widget Locator y Pages modificando los atributos HTML
El siguiente artículo te ayudará a personalizar el widget Locator + Pages para adaptarlo a tus necesidades.
Widget Locator + Pages
La siguiente etiqueta de script y elementos div deben implementarse en el código HTML de la página designada para el Locator.
<script src="https://uberall.com/assets/storeFinderWidget-v2.js" type="text/javascript"></script>
<div
id="store-finder-widget"
data-key="KEY"
style="min-height:600px;"
</div>Puedes exportar el fragmento de código desde nuestra plataforma una vez que hayas creado un Locator. Descubre cómo crear un Locator aquí.
| Atributo | Obligatorio | Valor | Descripción |
|---|---|---|---|
| id | X | store-finder-widget | El id representa el identificador del elemento y no puede modificarse para ejecutar el widget Locator + Pages en el sitio web. |
| data-key | X | Clave específica de Locator + Pages | El identificador individual para un widget Locator + Pages específico. |
| data-language | Código de idioma, p. ej. «fr» o «zh_CN» | Define el idioma del widget Locator + Pages. Solo establece cuando se desea un Locator multilingüe. Por defecto, si está vacío, es inglés. Las posibles traducciones se pueden encontrar aquí |
Todos estos atributos están dentro del elemento <div>.
Editar Locator + Pages
Modificar tu Locator se puede hacer fácilmente dentro de nuestra plataforma. Primero, encuentra el Locator que deseas editar en la descripción general:
Al hacer clic en el botón «Editar» serás dirigido a la configuración de tu Locator en nuestro L+P Builder:
Descubre más sobre cada sección y sus características y configuraciones dedicadas:
Store Locator
 
|
Barra de búsqueda | Haz clic en el botón «ojo» para mostrar/ocultar la barra de búsqueda |
| Filtro | Haz clic en el botón «ojo» para mostrar/ocultar los filtros. Selecciona los filtros que deseas usar. | |
| Ocultar ubicaciones en carga inicial | Haz clic en el botón «ojo» para mostrar/ocultar las ubicaciones en la carga inicial | |
| Dirección extra | Haz clic en el botón «ojo» para mostrar/ocultar la dirección extra | |
| Llamada a la acción | Haz clic en el botón «ojo» para mostrar/ocultar el botón de llamada a la acción | |
| Direcciones y teléfono | Haz clic en el botón «ojo» para mostrar/ocultar los CTAs de direcciones y teléfono | |
| Clasificación de ubicaciones | Establece un orden de prioridad en tus ubicaciones con un campo personalizado y elige una etiqueta como «Más relevante» o «Más popular» | |
|
Cargadores EV |
Haz clic en el botón «ojo» para mostrar/ocultar los conectores de carga EV, velocidad y su disponibilidad en tiempo real. Esto muestra la información en la lista de resultados y en las tarjetas emergentes del mapa para cada ubicación. |
|
Mapa
 |
Estilo del mapa | Selecciona uno de los estilos de mapa preestablecidos o crea un estilo de Google Map personalizado - consulta https://mapstyle.withgoogle.com/ |
| Centro de mapa predeterminado personalizado | Establece las coordenadas a las que se centrará el mapa cuando se cargue el localizador |
|
| Marcadores | Selecciona primero si deseas establecer un color para tus marcadores («Color de marcador de ubicación») o ingresa una URL que apunte a un archivo que desees mostrar como marcadores. | |
| Iconos de clúster | Selecciona primero si deseas establecer un color para los clústeres o ingresa una URL que apunte a un archivo que desees mostrar en lugar de los iconos de clúster predeterminados. |
Diseño - Estilo de página
 |
Original | Este es el estilo predeterminado de Store Locator |
| Relleno | Establece un color de relleno para cada sección | |
| Contorneado | Establece un color de contorno para cada sección | |
| Elevado | Establece una sombra proyectada en cada sección | |
| Estilo de esquina | Elige establecer cada sección con esquinas cuadradas o redondeadas |
Páginas - Columna principal
Encabezado
 |
Botón volver al mapa | Haz clic en el botón «ojo» para mostrar/ocultar el botón «Volver al mapa» |
| Encabezado | Haz clic en el botón «ojo» para mostrar/ocultar el encabezado | |
| Tipo de encabezado |
Haz clic en la lista desplegable para seleccionar el tipo de encabezado
|
|
| Pie de página | Haz clic en el botón «ojo» para mostrar/ocultar el pie de página | |
| Atribución | Haz clic en el botón «ojo» para mostrar/ocultar la atribución «Con tecnología de Uberall» |
Columna principal
Utiliza el botón «Cubo» para eliminar una sección de todas las páginas. Agarra el icono punteado junto al botón «Cubo» para mover una sección hacia arriba y hacia abajo.
 |
Datos básicos | Decide si deseas mostrar uno de los campos de datos listados. |
| Publicaciones sociales | Muestra una publicación social publicada a través de la herramienta de publicación en la plataforma | |
| Descripción | La descripción larga de la ubicación | |
| Productos | Productos asociados con la ubicación, configurados a través de la recopilación de contenido | |
| Menús | Menús asociados con la ubicación, configurados a través de la recopilación de contenido | |
| Contenido personalizado | Contenido personalizado asociado con la ubicación, configurado a través de la recopilación de contenido | |
| Eventos | Eventos asociados con la ubicación, configurados a través de la recopilación de contenido | |
| Reseñas | Selecciona la clasificación mínima que deseas mostrar | |
| Aviso legal | El aviso legal de la ubicación | |
| HTML personalizado | Un campo personalizado, que se crea por cuenta, cuyos valores se extraen de la ubicación. Puede ser HTML personalizado | |
| + Agregar sección | Haz clic para abrir la lista desplegable de secciones adicionales. Inactivo en caso de que todas las secciones disponibles estén habilitadas. |
Columna de barra lateral
Utiliza el botón «Cubo» para eliminar una sección de todas las páginas. Agarra el icono punteado junto al botón «Cubo» para mover una sección hacia arriba y hacia abajo.
|
Publicaciones sociales |
Muestra una publicación social publicada a través de la herramienta de publicación en la plataforma |
|
| Ubicaciones similares |
Muestra ubicaciones cercanas |
|
| Opciones de pago | Muestra opciones de pago disponibles en la ubicación | |
| Perfiles de redes sociales | Muestra los perfiles de redes sociales de la ubicación/marca | |
| Personas | Muestra información de personas (p. ej. gerentes) | |
| Idiomas | Muestra los idiomas hablados en la ubicación | |
| Categorías | Muestra las categorías de ubicación | |
| Marcas | Muestra marcas disponibles en la ubicación | |
| Palabras clave | El aviso legal de la ubicación | |
| HTML personalizado | Un campo personalizado, que se crea por cuenta, cuyos valores se extraen de la ubicación. Puede ser HTML personalizado | |
| Cargadores EV | Haz clic en el botón «ojo» para mostrar/ocultar los conectores de carga EV, velocidad y su disponibilidad en tiempo real. Esto muestra la información en la lista de resultados y en las tarjetas emergentes del mapa para cada ubicación. |
|
| + Agregar sección | Haz clic para abrir la lista desplegable de secciones adicionales. Inactivo en caso de que todas las secciones disponibles estén habilitadas. |
General
La configuración general se puede ajustar en «General». Aquí podrás establecer opciones que tengan un impacto más global.
 |
Países |
Selecciona países de los cuales deseas que se muestren ubicaciones |
Agrupar ubicaciones por |
Agrupa ubicaciones en el mapa del sitio por «provincia» |
|
Cuentas de solo marcador |
Selecciona cuentas cuyas ubicaciones no tendrán páginas |
|
URL de origen del widget |
Obligatorio para la eliminación de Hashbang - más información aquí
|
|
Texto de pie de página |
Entrada personalizada para texto de pie de página - por defecto «derechos de autor (2022 Uberall)» |
|
Logo |
Ingresa la URL del logo para mostrar en el localizador del encabezado |
|
Seguimiento de eventos |
Habilita para rastrear vistas y clics en Google Analytics |
|
Solicitar ubicación al usuario |
Habilita para solicitar la ubicación al usuario cuando entra en el localizador |
|
Renderizar localizador a ancho completo |
Habilita para mostrar el localizador en ancho completo de su contenedor |
|
URL de página con identificador |
Habilita para cambiar el ID de ubicación de Uberall por identificador en la URL |
|
URLs codificadas en Latin |
Habilita para garantizar URLs codificadas en latin |
|
Unidades imperiales |
Habilita para usar unidades imperiales en lugar del sistema métrico |
SEO
 |
Título de Store Locator | Define el título de página de la página en la que se inserta el localizador. |
| Descripción de Store Locator | Define la descripción de la página en la que se inserta el localizador. | |
| Título de página local | Define un título de página local para todas las páginas. Usa marcadores de posición para individualizar títulos usando el formato de marcador de posición $placeholder: ($name, $city, $address, $zip, $keywords) | |
| Descripción de página local | Define una descripción para todas las páginas. Usa marcadores de posición para individualizar descripciones usando el formato de marcador de posición $placeholder: ($name, $city, $address, $zip, $keywords) | |
| No indexar páginas de ubicación | Habilita para evitar la indexación de páginas | |
| Tipo de negocio | Elige el tipo de negocio local que mejor representa tu negocio. Estas opciones siguen los estándares schema.org y son utilizadas por los rastreadores web | |