Centro de ayuda

>Elementos

>

Cómo agregar un mapa en Sitejet

Cómo agregar un mapa en Sitejet

Última actualización: 8 abril, 2025

Tiempo de lectura: 2 minutos

Añadir un mapa

Para agregar una sección de mapas a su sitio web, siga estos pasos:

  1. Vaya a “Elementos” en el panel de contenido izquierdo y haga clic en él. 
  2. Seleccione “Mapa” y muévalo mediante arrastrar y soltar en el sitio web.

  3. Ahora verás un mapa básico en tu Creador de sitios web. Por defecto, el marcador en el mapa será la dirección de tu cliente.

  4. Tras colocar el elemento del mapa, encontrará la configuración a la izquierda. Allí encontrará varias opciones, como la altura, el nivel de zoom, la escala y si se activan los controles de zoom y la rueda del ratón.

Algunas opciones adicionales no están disponibles hasta que agregue una clave API de Google Maps.


Más opciones con la clave API de Google Maps

Al proporcionar una clave API de Google Maps en la configuración del sitio web, se abren más opciones. Estas incluyen la posibilidad de cambiar el estilo (hay muchos esquemas de color disponibles) y el tipo de mapa (satélite, el callejero predeterminado y otros), además de añadir más de un marcador. 

Para encontrar su clave API de Google Maps, siga estas instrucciones de Google . 

Si desea agregar la clave API de Google Maps en el generador de sitios web (CMS), vaya al menú superior y haga clic en más en el lado derecho.

Ahora se abrirá un nuevo menú a la derecha. Haz clic en “SEO y Meta” y añade la API en el campo inferior. Guarda tu progreso después. 

En el panel “Editar mapa” de la izquierda, en “Opciones de mapa”, ahora puedes configurar el “Tipo” y el “Estilo”. 

Para el “Tipo”, hay cuatro opciones disponibles: “Mapa de calles” (predeterminado), “Vista de satélite”, “Vista de satélite con calles” y “Mapa de terreno”. Todos estos “Tipos” son compatibles, en distintos grados, con las opciones de “Estilo”, lo que permite cambiar la apariencia. La única excepción es la “Vista de satélite” sin etiquetas de calles.

Hay 14 opciones de “Estilo” diferentes para los mapas. La opción “Predeterminado” es el esquema de colores habitual de Google Maps. La opción “Colorear” te permite configurar una serie de colores personalizados para que el mapa destaque o combine con los colores de tu marca. Si no quieres personalizarlo por completo, pero quieres algo que combine con tu sitio web, puedes elegir una de las muchas opciones disponibles que ofrecen otros colores, como el estilo oscuro “Midnight Commander”, el azul claro “Blue Water” o los numerosos estilos grises o monocromáticos. También hay un estilo “Sin etiquetas” y un estilo “Apple Maps”. 

Por defecto, se añade un único marcador al mapa con la dirección de la empresa como ubicación. Sin embargo, si hay varias ubicaciones, puede ser útil mostrarlas también en el mapa. Para añadir otro marcador, vaya a la sección “Marcador” del panel “Editar Mapa” y haga clic en el botón “+ Añadir” a la derecha de “Nuevo marcador”. Después, puede añadir la dirección.


Evitar errores

Para evitar cualquier error, tenga en cuenta los siguientes puntos:

  • Ingrese su clave API de Google Maps en la pestaña “SEO / Meta” de la configuración del sitio web
  • Asegúrese de que la clave que ingrese sea correcta: “copiar y pegar” suele ser el método más seguro
  • Proporcionar a Google información de pago válida
  • Si la ubicación no se muestra correctamente, verifique la dirección, utilizando Google si es necesario
  • Limpia la caché de tu navegador

Este artículo es una traducción del original en inglés titulado “How to add a map in Sitejet” publicado por Sitejet.