Centro de Atención Nube Configura tu tienda Diseño Páginas

¿Cómo incluir un mapa de mi local?

Pasos para agregar un mapa con la ubicación de tu negocio en una página de tu Tiendanube

Última actualización: 27/09/2024

Si quieres indicarle a tus clientes dónde se encuentra tu local físico o showroom de forma más visual, puedes integrar un mapa con tu ubicación dentro de una página de tu tienda. Hay dos maneras de hacerlo:

  • En una página de contenido
  • En la página de "Contacto" (solo disponible para los diseños Focus, Lifestyle y Trend)

Info

Te sugerimos mostrar tu mapa en una página de contenido porque es gratuito, está disponible en todas las plantillas de diseño, y te permite agregar más de un local.

 

En este tutorial te contamos los pasos a seguir para ambas opciones usando Google Maps.

En una página de contenido

Embeber un mapa en una página de contenido de tu tienda es una forma simple y gratuita de mostrar tu ubicación.

Para hacerlo, puedes seguir los siguientes pasos:

1. Entrar a 🌐 Google Maps.

2. Escribir la dirección de tu negocio en la barra de búsqueda. El mapa te mostrará el lugar. Checar que sea el lugar correcto.

Barra buscadora de Google Maps, mostrando que se buscó Juana Azurduy y los resultados de Google

3. Hacer clic en el ícono de las tres líneas horizontales de menú que se encuentra junto a la dirección en la barra de búsqueda.

Icono de menu con tres rayas horizontales resaltado, junto a la barra de búsqueda

4. Hacer clic en "Compartir o incorporar mapa".

Menú lateral de Google Maps, mostrando la opción "Compartir o incorporar mapa" resaltado

5. Ir a la pestaña "Incorporar mapa", donde puedes ver cómo se va a mostrar el mapa y hacer clic en "Copiar HTML".

Pestaña Incorporar un mapa con el botón "Copiar HTML" resaltado

6. Ingresar a "Mi Tiendanube > Páginas" dentro de tu administrador de Tiendanube.

7. Hacer clic en "Crear" arriba a la derecha.

Sección Páginas del Administrador de Tiendanube, con el botón Crear una página resaltado

8. Elegir la opción "Página en blanco".

Ventana emergente con la opción de página en blanco seleccionada y el botón crear página resaltado

9. Escribir un nombre para la página (por ejemplo, "¿Cómo llegar?", "Dónde encontrarnos", etc.). Hacer clic en "Fuente HTML" y pegar el código que copiaste anteriormente desde Google Maps en el campo de Contenido.

Pantalla para crear una página, mostrando que se agregó el título y se copió el código desde la opción Fuente HTML

10. Elegir el estado de la página ("Publicada" si quieres que se muestre en tu tienda, o "Borrador" si todavía no quieres que se muestre) y, en caso de que quieras, completar el título y descripción para SEO.

11. Por último, hacer clic en "Crear" en la parte inferior de la pantalla.

¡Listo! 🙌

Se va a haber creado una página en tu tienda con el mapa de tu local.

Ejemplo de mapa de la ubicación del negocio dentro de una página de contenido desde el celular
 
 

En la página de "Contacto"

En los diseños Focus, Lifestyle y Trend también tenés la posibilidad de mostrar el mapa de tu negocio en tu página de Contacto, siguiendo estos pasos:

1. Entrar a 🌐 Google Maps.

2. Escribir la dirección de tu negocio en la barra de búsqueda, checar que se muestre el lugar correcto, y copiar la dirección completa como la toma Google Maps.

GIF mostrando la búsqueda de la dirección en Google maps y copiando al dirección como se encuentra ahí

Success

La dirección debe ser exactamente la misma que Google Maps encuentra, ya que desde Tiendanube vamos a buscar ahí la dirección que ingresaste. En caso de que no sea correcta, puede mostrarse el mapa de un lugar diferente.

 

3. Ingresar a tu administrador de Tiendanube e ir a "Mi Tiendanube > Información de contacto".

4. En el campo "Dirección de tu local", pegar la dirección de tu local o showroom tal cual la habías copiado desde Google Maps.

Sección "Información de contacto" con la dirección que pegamos desde Google Maps pegada

5.  Hacer clic en "Guardar cambios".

¡Listo! 🙌

Se va a mostrar el mapa de tu local en la página de "Contacto" de tu tienda.

Mapa agregado en la página de contacto, vista desde un celular
 
 

 

Info

Si quieres conocer más sobre las páginas de contenido o la de Contacto, te recomendamos nuestros tutoriales 📝 ¿Cómo crear una página de contenido?, y 📝 ¿Qué es y cómo agregar la página de Contacto?.  

 
Da tu opinión sobre este artículo