Store Locator: el mapa interactivo de tus establecimientos en tu sitio web
Para quién es: tienes varios establecimientos en una misma esfera (franquicia, red, cadena) y quieres mostrarlos en un mapa interactivo integrado en tu sitio web, con búsqueda, cómo llegar y horarios.
Lo que vas a ver: dónde está el Store Locator en los Ajustes, cómo activarlo, qué configuran sus cuatro pestañas (Diseño, Funciones, SEO, Integración) y cómo ponerlo en tu sitio.
Resumen
El Store Locator es un mapa de tus establecimientos que integras en tu sitio web. Tus visitantes encuentran en él el punto de venta más cercano, su horario y el camino para llegar.
Se configura una sola vez para toda la esfera: la página lo indica al principio, «Estos ajustes se aplican a toda la esfera […], en cada una de sus burbujas.» Después eliges qué establecimientos aparecen en el mapa.
Para mostrarlo en tu sitio, dos vías:
- WordPress: el plugin GMB Club Connect y un shortcode que pegar. El plugin crea también una página SEO por establecimiento.
- Cualquier otro sitio: un pequeño script que pegar en tu código HTML.
Paso 1: activar el Store Locator
Haz clic en el engranaje de arriba a la derecha de la cabecera para abrir los Ajustes. En el menú de la izquierda, bajo Esfera, haz clic en Store Locator.
URL: /dashboard/parametres/store-locator
La tarjeta Store Locator («Configura el mapa interactivo de tus establecimientos») contiene el interruptor Activar el Store Locator. Mientras está desactivado, debajo aparece la mención «Store Locator desactivado».
Activa el interruptor. Aparece el bloque Configuración («Diseño, funciones, SEO e integración»), con sus cuatro pestañas: Diseño, Funciones, SEO e Integración. Haz clic en Configuración para plegar o desplegar el bloque.
Paso 2: el diseño
La pestaña Diseño configura el aspecto del mapa. Está dividida en secciones que despliegas una a una.
Colores: Color principal, Color secundario, Fondo de página, Texto principal, Títulos, Texto secundario, Texto discreto, Enlaces, Fondo de las tarjetas, Borde de las tarjetas y Separadores. Cada color se elige en la muestra o se escribe en código hexadecimal (por ejemplo #1F3A5F).
Tipografía:
- Fuente principal y Fuente de los títulos, que se eligen en una lista (por ejemplo Inter y Playfair Display);
- Tamaño de texto base, Tamaño del título H1 y Tamaño del título H2, que se ajustan con el control deslizante;
- Grosor del texto y Grosor de los títulos (por ejemplo
400, Regulary700, Negrita).
Tarjetas y formas:
- Estilo de las tarjetas: Sombra, Borde o Plano;
- Sombra de las tarjetas: Ninguna, Sutil, Media o Fuerte;
- con el control deslizante: Redondeo de las tarjetas, Redondeo de esquinas, Espaciado entre secciones, Ancho máx. (página individual) y Altura del mapa.
Más abajo, la sección Diseño de las tarjetas (widget) configura la disposición de las fichas de establecimiento. La pestaña cubre también el logo y un campo de CSS para ir más allá. Haz clic en Guardar al final de la pestaña.
Paso 3: las funciones
La pestaña Funciones elige lo que puede hacer el visitante. Cada línea tiene su interruptor:
| Interruptor | Lo que añade al mapa |
|---|---|
| Barra de búsqueda | Un campo para buscar un establecimiento. |
| Geolocalización automática | La posición del visitante, para mostrarle los establecimientos cercanos. |
| Filtro por ciudad | Un filtro por ciudad. |
| Filtro por categoría | Un filtro por categoría de establecimiento. |
| Clic para llamar | Un botón para llamar al establecimiento. |
| Enlace de cómo llegar | Un enlace para obtener la ruta. |
| Enlace al sitio web | Un enlace al sitio del establecimiento. |
| Mostrar horarios | El horario de apertura. |
| Mostrar imágenes/avatares | La imagen de cada establecimiento. |
Desplazándote por la pestaña:
- Modo de visualización de horarios: Desplegable (por defecto, el visitante hace clic para desplegar), Hoy (solo se ve el horario del día) o Completo (la tabla siempre visible);
- Botón principal: Cómo llegar, Sitio web o Llamar. Este botón es más grande y destaca sobre los demás;
- Establecimientos a incluir: la lista de las burbujas de la esfera, con su ciudad. Ahí eliges las que aparecen en el mapa;
- Máx. de resultados: por ejemplo
50; - Zoom predeterminado: el nivel de zoom al abrir, con el control deslizante;
- Centro predeterminado: la Latitud y la Longitud del punto de partida del mapa. El enlace Centrar en Francia las rellena por ti.
Haz clic en Guardar al final de la pestaña.
Paso 4: el SEO
La pestaña SEO solo sirve si tu sitio funciona con WordPress y el plugin GMB Club Connect: el recuadro de abajo lo precisa, «Estas plantillas se usan para generar las páginas SEO en tu sitio de WordPress.»
| Campo | Para qué sirve |
|---|---|
| Título de la página índice | El título de la página que lista todos tus establecimientos, por ejemplo Encuentre su óptica Optique Martin. |
| Slug de la página | El final de la dirección de esa página, por ejemplo nos-etablissements. Si lo dejas vacío, se genera por ti. |
| Plantilla del título de página | El título de la página de cada establecimiento, por ejemplo {bulle_name} - óptica en {city}. |
| Plantilla de meta descripción | El texto que Google puede mostrar bajo el título, por ejemplo {sphere_name} en {city}: examen de la vista, gafas y lentillas. Horarios y cómo llegar. |
Las variables disponibles se recuerdan al final de la pestaña: {bulle_name} (el nombre del establecimiento), {sphere_name} (el nombre de la marca) y {city} (la ciudad). Así cada página recibe su propio título, sin que tengas que escribirlo establecimiento por establecimiento.
Haz clic en Guardar.
Paso 5: integrar el mapa en tu sitio
La pestaña Integración da el código que debes poner en tu sitio. El código se apoya en una clave de solo lectura, que la pestaña crea con un clic.
En WordPress: el plugin GMB Club Connect
El bloque WordPress («Instalación automática con el plugin») te dice: «Instala el plugin GMB Club Connect y luego añade este shortcode en la página que quieras».
[gmbclco_store_locator]
Copia el shortcode con el icono a la derecha del código y pégalo en la página que elijas, por ejemplo una página «Nuestras tiendas». El plugin genera también páginas SEO por establecimiento (con el marcado Schema.org), sincronizadas automáticamente. A ellas se aplican los ajustes de la pestaña SEO.
Es el mismo plugin que usas para publicar tus artículos de blog.
En otro sitio: el script
Despliega Integración manual (etiqueta script). El texto indica: «Para una integración personalizada, pega este código en tu HTML». El código se parece a esto, con tu clave ya rellenada:
<script src="https://app.gmb-club.com/static/store-locator/widget.js" defer></script>
<div id="gmb-store-locator" data-api-key="gmb_live_…" data-lang="es"></div>
Cópialo con el icono a la derecha del bloque y pégalo en el lugar de tu página donde debe aparecer el mapa.
Método recomendado
- Abre Ajustes › Store Locator y activa el interruptor.
- En Diseño, recupera los colores y las fuentes de tu sitio y haz clic en Guardar.
- En Funciones, elige los botones útiles (cómo llegar, llamada, sitio), el Botón principal y los Establecimientos a incluir, y haz clic en Guardar.
- En WordPress, rellena la pestaña SEO y haz clic en Guardar.
- En Integración, copia el shortcode o el script y pégalo en una página en borrador de tu sitio.
- Comprueba que aparecen todos tus establecimientos, que los horarios son correctos y que los botones funcionan, y después publica la página.
Problemas frecuentes
Un establecimiento no aparece en el mapa → En la pestaña Funciones, comprueba que está seleccionado en Establecimientos a incluir y que el Máx. de resultados es lo bastante alto.
Mis cambios no se ven en mi sitio → Diseño, Funciones y SEO tienen cada una su botón Guardar. Guarda la pestaña modificada antes de pasar a la siguiente y después recarga la página de tu sitio.
Los títulos de mis páginas de establecimiento no cambian → Las plantillas de la pestaña SEO solo se aplican a las páginas creadas por el plugin de WordPress GMB Club Connect. Con el script, no tienen efecto.
El mapa se abre demasiado lejos o en el lugar equivocado → Ajusta el Zoom predeterminado y el Centro predeterminado en Funciones. Centrar en Francia vuelve a poner el punto de partida en Francia.
Quiero que mis visitantes vean todos los horarios de una vez → En Funciones, elige Completo en Modo de visualización de horarios.