Añadir un elemento HTML.

Obtienes un lugar en la página donde se ejecuta tu propio código, como una publicación social o un widget de reserva. Úsalo cuando una inserción de terceros o marcado personalizado no tiene un elemento que le corresponda.

Añade un elemento HTML

Abre tu página con la sesión iniciada: los controles del constructor aparecen cuando pasas el cursor sobre la zona de contenido. Crea tu primera página muestra lo básico.

1. Pasa el cursor sobre la columna y haz clic en + en su barra de controles, o haz clic en Add Elements en una página vacía. Abre la pestaña Content y haz clic en HTML. Queda arriba de la columna y su diálogo de ajustes se abre.
2. Copia el código de inserción desde la opción Embed o Share del servicio. Pégalo en el editor Raw HTML.
3. Haz clic en Save en el diálogo. Luego haz clic en Save en la barra de herramientas arriba de la zona de contenido para guardar la página.

Lo que ves

Tu inserción funciona en el editor en cuanto haces clic en Save en el diálogo, porque el constructor también ejecuta su script allí. En el vídeo, un Google Calendar de festivos de EE. UU. se muestra en cuanto se cierra el diálogo. Las visitas lo ven cuando guardas la página y está publicada.

Configura tu elemento HTML

Pasa el cursor sobre el elemento y abre More > Settings en su barra de controles. Opciones:

• Raw HTML: un editor de código para tu HTML, CSS o JavaScript. Los scripts se ejecutan en el editor y en la página publicada.
• HTML ID: un ID opcional para dirigirte al elemento con CSS o JavaScript.
• HTML classes: clases CSS opcionales para el contenedor del elemento.

Si no lo ves

• HTML no está en la pestaña Content. Tu perfil de usuario lo oculta. Pide a una cuenta administradora que lo active en User profiles.
• Ya no está tras recargar. La página no se guardó. Añádelo de nuevo y haz clic en Save en la barra de herramientas arriba de la zona de contenido.
• La inserción se muestra como texto simple o una cita suelta. El script de inserción aún no cargó, o falta su línea <script>. Espera unos segundos, o pega el código de inserción completo de nuevo.
• El campo tiene código pero las visitas no ven nada. Tu sitio aplica filtros de formato de texto para las visitas, y el formato puede quitar etiquetas como <script> o <iframe>. Las personas que editan aún ven el código funcionar. Pide a una cuenta administradora que desmarque Apply text format filters to frontend content en General settings, o que permita esas etiquetas en el formato de texto. Luego recarga la página publicada.
• El diseño bajo el elemento se rompe. El código tiene una etiqueta sin cerrar. Comprueba que cada etiqueta de apertura tiene su etiqueta de cierre.

¿Qué sigue?

Panel Style para cambiar espaciado y fondo de tu elemento HTML.