Guía paso a paso
Inserta un widget con el bloque HTML y habilita CSS personalizado solo si es necesario.
Insertarás un fragmento externo con el bloque HTML, que se muestra aislado, y entenderás cuándo y cómo habilitar el CSS personalizado de la página, que puede afectar todo el sitio.
3 min de trabajo activo
Sigue el orden para completar esta tarea.
Continúa con una guía complementaria.
Ajusta título, descripción, estado e imagen social de una página secundaria.
Tienda online y diseñoRevisa el borrador y reemplaza la versión pública sin pausar la tienda.
Operaciones y mantenimientoAbre la biblioteca Añadir e inserta el bloque HTML donde quieras el widget, por ejemplo un embed de reservas o un reproductor externo.
Pega solo código de una fuente confiable, revísalo antes de guardar y prueba el bloque en Vista previa, ya que se ejecuta dentro de un marco aislado.
Si necesitas estilos propios más allá de un widget, abre Ajustes > Preferencias de página, ve a Contenido avanzado y activa Permitir CSS personalizado.
Con el permiso activo, escribe reglas acotadas al contenedor del editor y evita selectores globales que puedan romper el menú, el pie o el checkout.
Revisa el sitio completo en Escritorio y Móvil, y publica solo si nada más se vio afectado.
En Vista previa, el widget del bloque HTML debe cargar dentro de su recuadro sin alterar el resto de la página. Si usaste CSS, revisa varias páginas para confirmar que el menú, el pie y los botones siguen intactos.
El bloque HTML se ejecuta aislado y no requiere modo avanzado. El CSS personalizado queda bloqueado para publicar si se usa sin la habilitación explícita, y sus reglas pueden afectar a todo el sitio, no solo a esa página.