Base de conocimiento

Obtén hosting web experto

Elija la fiabilidad del sitio web y el conocimiento con SiteGround!

Inicio / Website Builder / Edición de Páginas y Contenido / Cómo añadir un mapa a una página

Cómo añadir un mapa a una página

Lee y resume el articulo:
Última actualización: May 26, 2026 1 min de lectura

Añadir un mapa a una página web es una excelente manera de mejorar la experiencia del usuario. Puede guiar a los visitantes a la ubicación física de tu negocio, indicar zonas de entrega o simplemente proporcionar indicaciones.

Cómo añadir una sección de mapa a una página

A continuación, te explicamos cómo añadir una sección de mapa a tus páginas web creadas con el Website Builder o Ecommerce de SiteGround.

  1. Abre Site Admin y haz clic en Editar sitio web.
    Edit Website button in Site Admin for accessing the Website Builder editor
  2. Abre la pestaña Páginas en la barra de herramientas del menú izquierdo y haz clic en la página a la que deseas añadir el mapa.
    Pages tab in Website Builder with a selected page
  3. Haz clic en uno de los botones Añadir sección, según desees añadir el mapa encima o debajo de la sección de la página actual.
    Page in Website Builder displaying the Add Section button
  4. En la siguiente ventana emergente, selecciona Mapa en el menú de la izquierda. Elige uno de los ajustes preestablecidos del mapa colocando el cursor sobre él y pulsando el botón Añadir sección.
    Add Section window with highlighted Map category and Add Section button for choosing a map layout

Cómo añadir un componente de mapa

Además de usar una sección de mapa prediseñada, puedes añadir un componente de mapa a una sección para crear tu propio diseño personalizado.

  1. Selecciona una sección existente o crea una nueva sección en blanco para contener el mapa.
  2. Haz clic en el botón Añadir en la esquina superior izquierda de la sección.
    Selected section on a page in Website Builder displaying the Add button for adding a component
  3. Selecciona Mapa en la siguiente ventana emergente Añadir componente. Arrastra y suelta el componente en la posición que prefieras en la cuadrícula de la sección.
    Add Component menu on a page with a highlighted Map component

Cómo personalizar un mapa

Una vez añadido el mapa a una página, puedes personalizarlo. Estos son los pasos:

  1. Haz clic en el mapa y aparecerá su menú de configuración arriba. Haz clic en el icono del lápiz (Editar).
  2. Puedes cambiar la dirección de la ubicación (Dirección) y el zoom predeterminado del mapa (Zoom del mapa).
    Selected map component displaying the map address and zoom settings
  3. Para cambiar la apariencia general de la sección del mapa, pasa el cursor sobre ella y haz clic en el icono de Editar sección (lápiz) del menú en la esquina superior derecha.
    Selected section on a page in Website Builder displaying the settings toolbar
  4. En la ventana Editar sección, puedes cambiar el relleno vertical, el color o la imagen de fondo, la paleta de colores, el diseño, etc.
    A map section on a page in Website Builder displaying the section's settings

Comparte este artículo