Ir al contenido
GloboGlobo Docs
Instalar la app
Español

HTML personalizado

Inserta cualquier HTML en el menú, como un mapa de Google o un vídeo de YouTube.

Referencia Pro Navigation 2 min de lectura

Cualquier HTML que pegues, mostrado dentro del mega menú. Úsalo para contenido que los demás bloques no cubren: un mapa de tu tienda, un vídeo, un contenido incrustado de otro servicio o texto con formato.

Agregar el bloque

  1. Copia el código para insertar

    Google Maps: busca tu ubicación y haz clic en Compartir > Insertar un mapa > Copiar HTML. YouTube: abre el vídeo y haz clic en Compartir > Insertar > Copiar.

  2. Elige el diseño

    En el panel de mega menú de la vista previa, haz clic en Agregar bloque. Haz clic en Agregar HTML al menú, pasa el cursor sobre HTML personalizado y haz clic en Seleccionar.

    (1) Haz clic en Agregar HTML al menú, (2) elige HTML personalizado.

  3. Pega el código

    En Editar elemento, escribe un Título opcional y pega tu código en el cuadro Agregar HTML al menú.

    El bloque HTML personalizado en la vista previa y sus ajustes en Editar elemento.

  4. Guarda y publica

    Haz clic en Guardar y luego en Publicar, y comprueba el resultado en tu tienda online.

Ajustes

AnchoPredeterminado: 25%
Cuánto de la fila del mega menú ocupa el bloque: Automático o de 8.33% a 100%.
TítuloPredeterminado: HTML personalizado
Encabezado sobre tu HTML. Déjalo vacío para no mostrar encabezado.
Agregar HTML al menúPredeterminado: Texto de ejemplo
El código HTML que se muestra.
VisibilidadPredeterminado: Desactivado
Ocultar en el escritorio, Ocultar en el móvil, Ocultar al iniciar sesión, Mostrar solo cuando se inicia sesión, Programar publicación. Consulta Ajustes que tienen todos los bloques.

Consejos

  • Los códigos para insertar suelen tener un ancho fijo, por ejemplo width="600". Cámbialo a width="100%" para que el mapa o el vídeo se ajuste al bloque.
  • Multibloque > Mapa + contacto + dirección agrega un mapa, un formulario de contacto y tu dirección con un clic.

Solución de problemas

Mi contenido tiene espacios de más

Cada salto de línea del código se muestra como un salto de línea en la página. Pega los códigos para insertar en una sola línea o elimina las líneas vacías entre etiquetas.

¿Te ha sido útil?

Informar de un problema