Saltar al contenido principal
En este artículo, aprenderá a:
  • Añadir un elemento HTML
  • Editar código HTML
  • Posicionar su elemento HTML

​
Añadir un elemento HTML

  1. Haga clic en Añadir elemento en la barra lateral izquierda.
    • Haga clic en el icono + si ha seleccionado el menú Diseño.
  2. Haga clic en Medios > HTML.

​
Editar código HTML

  1. Añada su código HTML en la sección Contenido HTML.
  2. Haga clic en el icono de ampliar en la esquina superior derecha del editor de código para abrir el editor en pantalla completa.
Si ha añadido CSS o JS personalizados en la sección Código personalizado, puede añadir este código a su código HTML. Por ejemplo, en la sección Código personalizado, puede añadir el siguiente código CSS personalizado: 
 .demo {
    background-color: red !important;
 }
A continuación, aplique esta clase a un elemento en su código HTML (aquí, la etiqueta <h1>): <h1 class="demo">My title</h1> La zona de vista previa de la derecha se actualizará.

​
Posicionar su elemento HTML

Su código HTML no se posiciona en su widget de forma predeterminada. Sin embargo, puede posicionarlo donde desee utilizando propiedades de posicionamiento CSS, como margin y padding. Marque Habilitar contenedor envolvente para posicionar su bloque HTML en el área de vista previa derecha como cualquier otro elemento.