--- url: 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/elementos/html' title: 'Añadir un elemento HTML | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T00:13:17+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: '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.' tags: - 'Text and media' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Añadir un elemento HTML' description: '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.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T00:13:17+0000' dateModified: '2026-10-24T17:19:22+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/elementos/html' articleSection: 'Texto y multimedia' - '@type': WebPage '@id': 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/elementos/html' description: '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.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Inicio item: 'https://dxpr.com/es' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: es --- [Centro de ayuda](/es/hc)/[Documentación](/es/hc/documentacion) /[Aprende DXPR Builder](/es/hc/documentation/learn-dxpr-builder) /[Crear páginas](/es/hc/documentation/learn-dxpr-builder/build) /[Añadir contenido](/es/hc/documentation/learn-dxpr-builder/elements) /[Texto y multimedia](/es/hc/documentation/learn-dxpr-builder/elements/text-and-media) # Añadir un elemento HTML. Aprende DXPR BuilderCrear páginasAñadir contenidoTexto y multimedia ## En esta guía Guías relacionadas - [Cambia el aspecto de un elemento en el panel Style](/es/hc/documentacion/aprender-dxpr-builder/ajustes-elemento/pestana-style) 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](/es/hc/documentacion/aprender-dxpr-builder/primeros-pasos/primera-pagina) 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](/es/hc/documentacion/aprender-dxpr-builder/administracion/perfiles-usuario-administracion). - **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 `