--- url: 'https://dxpr.com/pt-pt/hc/documentation/learn-dxpr-builder/elements/html' title: 'Adicionar um elemento HTML | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T14:11:01+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Obtém um espaço na página onde o seu próprio código corre, como uma publicação social ou um widget de reservas. Utilize-o quando uma incorporação de terceiros ou marcação personalizada não tiver um elemento correspondente.' 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-24T14:11:01+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Adicionar um elemento HTML' description: 'Obtém um espaço na página onde o seu próprio código corre, como uma publicação social ou um widget de reservas. Utilize-o quando uma incorporação de terceiros ou marcação personalizada não tiver um elemento correspondente.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T14:11:01+0000' dateModified: '2026-10-24T14:11:01+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/pt-pt/hc/documentation/learn-dxpr-builder/elements/html' articleSection: 'Texto e multimédia' - '@type': WebPage '@id': 'https://dxpr.com/pt-pt/hc/documentation/learn-dxpr-builder/elements/html' description: 'Obtém um espaço na página onde o seu próprio código corre, como uma publicação social ou um widget de reservas. Utilize-o quando uma incorporação de terceiros ou marcação personalizada não tiver um elemento correspondente.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Início item: 'https://dxpr.com/pt-pt' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: pt-pt --- [Centro de ajuda](/pt-pt/node/75)/[Documentação](/pt-pt/hc/documentacao) /[Aprender DXPR Builder](/pt-pt/hc/documentation/learn-dxpr-builder) /[Criar páginas](/pt-pt/hc/documentation/learn-dxpr-builder/build) /[Adicionar conteúdos](/pt-pt/hc/documentation/learn-dxpr-builder/elements) /[Texto e multimédia](/pt-pt/hc/documentation/learn-dxpr-builder/elements/text-and-media) # Adicionar um elemento HTML. Aprender DXPR BuilderCriar páginasAdicionar conteúdosTexto e multimédia ## Neste guia Guias relacionados - [Altere o aspeto de um elemento no painel Style](/pt-pt/hc/documentacao/aprender-dxpr-builder/definicoes-de-elementos/separador-de-estilo) Obtém um espaço na página onde o seu próprio código corre, como uma publicação social ou um widget de reservas. Utilize-o quando uma incorporação de terceiros ou marcação personalizada não tiver um elemento correspondente. ## Adicionar um elemento HTML Abra a sua página com sessão iniciada: os controlos do construtor aparecem quando paira o cursor sobre a área de conteúdo. [Crie a sua primeira página](/hc/documentation/learn-dxpr-builder/getting-started/first-page) mostra o essencial. 1. Paire o cursor sobre a coluna e clique em **+** na barra de controlos, ou clique em **Add Elements** numa página vazia. Abra o separador **Content** e clique em **HTML**. O elemento é colocado no topo da coluna e o diálogo de definições abre. 2. Copie o código de incorporação da opção Embed ou Share do serviço. Cole-o no editor **Raw HTML**. 3. Clique em **Save** no diálogo. Depois clique em **Save** na barra de ferramentas no topo da área de conteúdo para guardar a página. ## O que vê A sua incorporação funciona no editor assim que clica em **Save** no diálogo, porque o construtor também executa aí o seu script. No vídeo, um Google Calendar de feriados dos EUA aparece assim que o diálogo fecha. Os visitantes veem-na depois de guardar a página e de esta ser publicada. ## Configurar o elemento HTML Paire o cursor sobre o elemento e abra **More > Settings** na barra de controlos. Opções: - **Raw HTML:** um editor de código para o seu HTML, CSS ou JavaScript. Os scripts correm no editor e na página publicada. - **HTML ID:** um ID opcional para apontar ao elemento com CSS ou JavaScript. - **HTML classes:** classes CSS opcionais para o invólucro do elemento. ## Se não o vir - **O HTML não está no separador Content.** O seu perfil de utilizador oculta-o. Peça a um administrador para o ativar em [User Profiles](/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin). - **Desapareceu depois de recarregar.** A página não foi guardada. Adicione-o novamente e clique em **Save** na barra de ferramentas no topo da área de conteúdo. - **A incorporação aparece como texto simples ou uma citação solta.** O script da incorporação ainda não carregou, ou falta a linha `