Un localizador con la identidad de cada marca

Marca y marcadores

En Marca, añade el logo y edita título y descripción. En Mapa, elige Pin, Círculo o Con logo y ajusta tamaño y color. Un marcador usa primero el logo propio de la ubicación, después la imagen del marcador y finalmente el logo de la marca.

Para un símbolo claro en el mapa, usa una imagen cuadrada con margen interior y comprueba su lectura en el tamaño elegido. Usa el mapa real para revisar también el contraste sobre sus calles.

Empieza por una base

En Estilo, Diseño base permite elegir Natural, Noche, Editorial, Minimal, Suave y Contraste. La vista previa muestra el resultado y las muestras pequeñas resumen fondo, texto y color de marca. Cambian la presentación y conservan tus filtros y disponibilidad. Después ajusta tipografía, tamaño del texto, peso de títulos, colores y espacios. Cuando esos ajustes salen de una base, el selector muestra Personalizado.

El indicador compara el color de texto con el fondo. Una relación de al menos 4.5:1 favorece la lectura del texto normal; revisa además enlaces, etiquetas y marcadores. El texto de los botones elige blanco o negro según su color. Los enlaces que siguen el color de marca ajustan su contraste sobre el fondo; al elegir otro color, se conserva tu selección y se indica si necesita más contraste.

Personalización avanzada, sin código

En Avanzado, configura por separado fondos y textos del encabezado, tarjetas y selección, campos, bordes y texto secundario. Automático sigue los colores del diseño base; Restablecer devuelve sólo ese color a su comportamiento automático.

Espacios y formas permite cambiar ancho de lista, espacio interior, separación y esquinas de tarjetas, tamaño del título y esquinas de botones. En móvil, el ancho de lista y los espacios se adaptan. Tarjetas y botones incluye sombras, botones sólidos o de contorno, el borde luminoso de la tarjeta flotante y la vista inicial 3D.

Información visible controla encabezado, descripción, Cerca de mí, contador, dirección, tipo, etiquetas, horarios, enlace al detalle, nombre de marca sobre el mapa, nombres de marcadores y tarjeta flotante. Ocultar información en el localizador no elimina los datos de la ubicación. Guarda el diseño para aplicar los cambios al enlace público y al iframe.

Restaurar sólo las opciones avanzadas conserva logo, tipografía, filtros, textos y credenciales. La exportación del diseño incluye estos ajustes, por lo que puedes reutilizarlos entre marcas.

Elige una tipografía de Google Fonts

En Tipografía, selecciona Elegir de Google Fonts. Busca por nombre o filtra por familia; pulsa una fuente para verla en la muestra y en el localizador. Guarda el diseño para aplicarla al enlace público y al iframe. El catálogo incluye familias con caracteres latinos; no descarga sus archivos al mostrar la lista.

El localizador solicita sólo la familia elegida y hasta dos pesos disponibles. La carga es independiente del mapa y usa una fuente de respaldo. La vista previa permite ver la fuente al terminar su descarga. En el sitio público se prioriza la estabilidad del texto: con una conexión lenta, la primera visita puede conservar la fuente de respaldo y utilizar la elegida en una visita posterior. Si prefieres evitar descargas externas, elige Moderna · sistema, Editorial · serif o Redondeada.

Google sirve la tipografía desde fonts.googleapis.com y fonts.gstatic.com. Las reglas de seguridad del sitio que integra el localizador deben permitir esos dominios dentro del iframe. Las etiquetas propias de la cartografía conservan la tipografía de su proveedor.

Campos propios de cada marca

En Campos, añade hasta 12 definiciones: texto, número, Sí/No, una opción, varias opciones o un enlace HTTPS. Puedes exigir un valor al guardar la ubicación, mostrarlo en tarjetas o detalles y convertir Sí/No u opciones en filtros. Guarda el diseño y captura los valores en Ubicaciones. Varios filtros se combinan: cada resultado debe cumplir todos los filtros activos.

Estos campos son información pública, incluso cuando no se muestran en una tarjeta. Úsalos para servicios, accesibilidad o reservas; no para notas privadas o datos de clientes. Cambiar el nombre conserva los valores. Cambiar tipos u opciones puede requerir revisar la captura. Quitar una definición la oculta y, en la próxima edición de la sucursal, se guardan sólo los campos vigentes.

Horarios por día y abierto ahora

Edita una ubicación y activa Calcular si está abierto ahora. Elige la zona horaria de esa sucursal, por ejemplo America/Tijuana. Añade hasta tres turnos por día para incluir pausas; sin turnos, ese día está cerrado. Copiar lunes a lunes–viernes evita repetir la captura. El botón 24 horas cubre el día completo; un cierre anterior a la apertura indica un turno que termina al día siguiente.

Fechas especiales reemplaza el horario habitual en una fecha, con cierre o turnos diferentes. Un cierre especial cancela también la parte nocturna que llegue desde el día anterior. Los visitantes verán Abierto ahora o Cerrado ahora, el siguiente cierre o apertura y podrán filtrar sucursales abiertas. Sólo se calcula con una agenda válida; el texto anterior se conserva como nota. En Búsqueda puedes ocultar el filtro Abierto ahora.

La exportación de ubicaciones incluye custom_values y opening_hours en formato JSON. Puedes volver a importar esas columnas; sin asignarlas, una actualización conserva los datos existentes. Google Sheets también los conserva si la hoja no incluye esas columnas.

Búsqueda y textos

En Búsqueda, elige kilómetros o millas, radio, límite de resultados y filtros visibles. El radio se aplica después de que el visitante pulse Cerca de mí y autorice su ubicación. No se solicita geolocalización al abrir la página.

Con varias etiquetas, Cualquiera encuentra ubicaciones que tengan al menos una; Todas exige cada etiqueta seleccionada. La categoría y el producto de inventario siguen aplicándose junto a las etiquetas.

En Textos, cambia las acciones y los mensajes sin resultados. Puedes ocultar botones de contacto; un botón sólo se muestra si la ubicación tiene ese dato.

Explora el mapa

En Mapa, Conectar ubicaciones de la marca con arcos muestra una red en el color principal. Une sólo ubicaciones visibles y activas de la misma marca, y resalta las conexiones de la seleccionada. El control de conexiones del mapa permite ocultarla durante la visita; Guardar diseño conserva la preferencia de la marca. Los arcos representan pertenencia a la red y no rutas de conducción.

El borde luminoso de la tarjeta seleccionada utiliza el color principal de la marca y el color de sus botones. Si los botones siguen el color de marca, ambos usan ese mismo tono con variaciones de luz. La etiqueta de la red cambia de fondo al alternar el tema del mapa para mantener su lectura. El efecto respeta la preferencia de movimiento reducido.

Selecciona una ubicación en la lista o en su marcador para acercarte a ella. La tarjeta muestra sus datos y el marcador elegido puede emitir ondas, pulso u órbita.

En Mapa, elige Grises o Ilustrado: ambos usan cartografía real, con calles y coordenadas. El estilo ilustrado simplifica la paleta y diferencia parques y agua. En Avanzado puedes elegir si el mapa comienza en 3D. Al seleccionar una ubicación, la cámara se acerca a nivel de calle. Puedes volver a 2D, alternar el tema claro y oscuro, orientar al norte y usar pantalla completa cuando el navegador la permite. La altura de los edificios depende de los datos disponibles en cada zona.

Si conectas Mapbox, conservamos el estilo elegido en su cuenta. Sus mapas se muestran con la misma cámara y los mismos marcadores, en 2D. La vista vectorial usa OpenFreeMap cuando no hay una cuenta Mapbox configurada.

Comprueba y guarda

Alterna las vistas de escritorio y móvil. Si la marca todavía no tiene ubicaciones, Probar con muestras añade tres ejemplos a la vista previa: no los guarda ni publica.

Guardar diseño actualiza el localizador. Descartar cambios vuelve a la versión guardada. Al cambiar de sección principal o marca, la aplicación avisa si hay cambios pendientes.

Las cuentas de Mapbox se guardan por separado en su propio formulario. Un cambio de diseño no modifica los tokens de mapas. Los controles 2D/3D y claro/oscuro del mapa cambian esa sesión de vista previa; no sustituyen el diseño guardado.

Reutiliza el diseño

Exportar diseño descarga un JSON con colores, imágenes, textos, filtros y alternativas en línea. Importar diseño carga esos ajustes en el borrador de otra marca; revisa los enlaces y textos antes de guardar.

El archivo no incluye credenciales de mapas, ubicaciones ni inventario. Los logos se guardan como enlaces, por lo que una copia sigue usando la misma imagen mientras esté disponible.

Instala el resultado

En Publicar, guarda la altura de instalación y copia el código. La altura del mapa y la del iframe se ajustan por separado.