Saltar al contenido principal

Website Builder Support

Centro de ayuda

¿Cómo podemos ayudarle?

Búsqueda

Widgets: Mapa

  • Actualización

Categorías de widgets: Negocios

Muestre a sus visitantes un mapa de cualquier ubicación que desee. Usa el widget de mapa para mostrar la ubicación de tu negocio tradicional o de un evento especial. También puedes usarlo para mostrar a los clientes dónde encontrarán estacionamiento

Para obtener información sobre cómo agregar widgets, consulte Añadir widgets.

Sugerencia

Para obtener más información sobre los widgets y la biblioteca de widgets, consulte Widgets: biblioteca y descripción general.

Editor de contenido

Haga clic en el elemento para abrir el menú flotante y, a continuación, haga clic en la opción del editor de contenido.

Opciones de configuración del mapa

  • Escriba la dirección de su empresa en el campo correspondiente.

    • Selecciona la dirección en el menú desplegable que aparece.

      Nota

      Si su dirección no aparece en el menú desplegable, significa que AQUÍ base de datos que utiliza Website Builder no contiene la dirección. Para enviar o corregir la dirección, póngase en contacto con Creador de mapas HERE.

  • Puede elegir mostrar un botón de mapa en lugar de una imagen de mapa.

    • Para mostrar un botón de mapa en dispositivos específicos, selecciona el Utilice el botón activado dispositivos (Selector for three screen types: desktop, tablet, or phone) donde quieres que aparezca el botón. Si no se elige ningún dispositivo, se mostrará la imagen del mapa.

    • Editor 2.0: Para habilitar el botón en todos los dispositivos, haga clic en Establecer como botón en todos los dispositivos alternar.

  • Escriba el texto que desea que aparezca en el botón del Texto en el botón campo proporcionado.

  • Ventana emergente de información de ubicación (Ventana de información para el marcador del mapa). Para mostrar una ventana emergente con información de ubicación en el widget del mapa

    • Escriba un título y una descripción para la ventana emergente.

    • Seleccione para mostrar la ventana emergenteAl pasar el ratón,Al hacer clic, oSiempredesde el menú desplegable de la pantalla emergente.

Editor de diseño

Haga clic en el elemento para abrir el menú flotante y, a continuación, haga clic en la opción para editar el diseño.

Haga clic en la pestaña Diseño para editar el diseño del mapa que aparece en su sitio.

Para obtener información sobre las opciones de diseño que no son específicas de este widget (por ejemplo, diseño, estilo o espaciado), consulte Diseño de widgets.

Incrustar un mapa de Google mediante un widget HTML

Para incrustar mapas de Google Maps con el widget HTML:

  1. Navega hasta Google Maps.

  2. Busca la ubicación que deseas.

  3. Haga clic en el menú de la esquina superior izquierda y, a continuación, haga clic Comparte o inserta un mapa .

  4. Haga clic en Insertar mapa pestaña.

  5. Copie la URL entre comillas después de <iframe src =». Asegúrese de copiar la URL completa entre comillas.

  6. Navega hasta tu sitio y, en el panel izquierdo, haz clic en Widgets y arrastra el Widget HTML en una fila o columna.

  7. Usa el siguiente código de inserción y añade la URL que has obtenido de Google Maps entre comillas después de iframe src=:

    <div class="embed-container"><iframe src=" " frameborder="0" allowfullscreen></iframe></div>

  8. Entra en modo desarrollador.

  9. Haga clic Sitio HTML/CSSy, a continuación, haga clic site.css.

  10. Inserte el siguiente CSS en esta sección:

    .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

    El mapa cambiará de tamaño de forma adecuada para las diferentes vistas del dispositivo. Si utilizas el código de inserción normal de Google Maps, el tamaño del widget del mapa aparecerá estático en todos los dispositivos y se interrumpirá en la vista desde dispositivos móviles