---
url: 'https://dxpr.com/it/hc/documentazione/impara-dxpr-builder/elementi/html'
title: 'Aggiungere un elemento HTML | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T13:42:58+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Ottieni un punto nella pagina dove gira il tuo codice, come un post social o un widget di prenotazione. Usalo quando un incorporamento di terze parti o un markup personalizzato non ha un elemento corrispondente.'
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: 'Aggiungere un elemento HTML'
      description: 'Ottieni un punto nella pagina dove gira il tuo codice, come un post social o un widget di prenotazione. Usalo quando un incorporamento di terze parti o un markup personalizzato non ha un elemento corrispondente.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T13:42:58+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/it/hc/documentazione/impara-dxpr-builder/elementi/html'
      articleSection: 'Testo e media'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/it/hc/documentazione/impara-dxpr-builder/elementi/html'
      description: 'Ottieni un punto nella pagina dove gira il tuo codice, come un post social o un widget di prenotazione. Usalo quando un incorporamento di terze parti o un markup personalizzato non ha un elemento corrispondente.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/it'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: it
---
[Centro assistenza](/it/hc)/[Documentazione](/it/hc/documentazione) /[Impara DXPR Builder](/it/hc/documentation/learn-dxpr-builder) /[Crea le pagine](/it/hc/documentation/learn-dxpr-builder/build) /[Aggiungi contenuti](/it/hc/documentation/learn-dxpr-builder/elements) /[Testo e media](/it/hc/documentation/learn-dxpr-builder/elements/text-and-media) # Aggiungere un elemento HTML.

 Impara DXPR BuilderCrea le pagineAggiungi contenutiTesto e media

   ## In questa guida

 Guide correlate

- [Cambiare l’aspetto di un elemento nel pannello Stile](/it/hc/documentazione/impara-dxpr-builder/impostazioni-elemento/scheda-stile)

Ottieni un punto nella pagina dove gira il tuo codice, come un post social o un widget di prenotazione. Usalo quando un incorporamento di terze parti o un markup personalizzato non ha un elemento corrispondente.

## Aggiungere un elemento HTML

Apri la tua pagina dopo aver effettuato l’accesso: i controlli del builder appaiono quando passi sopra l’area di contenuto. [La tua prima pagina](/it/hc/documentazione/impara-dxpr-builder/per-iniziare/prima-pagina) spiega le basi.

1. Passa sopra la colonna e fai clic su **+** nella sua barra di controllo, oppure fai clic su **Aggiungi elementi** in una pagina vuota. Apri la scheda **Contenuto** e fai clic su **HTML**. Arriva in cima alla colonna e si apre la sua finestra delle impostazioni.
2. Copia il codice di incorporamento dall’opzione Incorpora o Condividi del servizio. Incollalo nell’editor **HTML grezzo**.
3. Fai clic su **Salva** nella finestra. Poi fai clic su **Salva** nella barra in cima all’area di contenuto per conservare la pagina.

  ## Cosa vedi

Il tuo incorporamento funziona nell’editor appena fai clic su **Salva** nella finestra, perché il builder esegue il suo script anche lì. Nel video, un Google Calendar delle festività USA appare appena si chiude la finestra. I visitatori lo vedono quando salvi la pagina ed è pubblicata.

## Configurare l’elemento HTML

Passa sopra l’elemento e apri **Altro &gt; Impostazioni** nella sua barra di controllo. Opzioni:

- **HTML grezzo:** un editor di codice per il tuo HTML, CSS o JavaScript. Gli script girano nell’editor e nella pagina pubblicata.
- **ID HTML:** un ID opzionale per puntare l’elemento con CSS o JavaScript.
- **Classi HTML:** classi CSS opzionali per il contenitore dell’elemento.

## Se non lo vedi

- **HTML non è nella scheda Contenuto.** Il tuo profilo utente lo nasconde. Chiedi a un amministratore di abilitarlo in [Profili utente](/it/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin).
- **Non c’è più dopo un ricaricamento.** La pagina non è stata salvata. Aggiungilo di nuovo e fai clic su **Salva** nella barra in cima all’area di contenuto.
- **L’incorporamento appare come testo semplice o citazione nuda.** Lo script di incorporamento non è ancora caricato, oppure manca la sua riga `<script>`. Attendi qualche secondo, oppure incolla di nuovo l’intero codice di incorporamento.
- **Il campo ha codice ma i visitatori non vedono niente.** Il tuo sito applica ai visitatori i filtri di formato testo, e il formato può rimuovere tag come `<script>` o `<iframe>`. I redattori vedono comunque il codice funzionare. Chiedi a un amministratore di togliere **Applica i filtri di formato testo ai contenuti frontend** in [Impostazioni generali](/it/hc/documentation/learn-dxpr-builder/admin/general-settings), oppure di permettere quei tag nel formato testo. Poi ricarica la pagina pubblicata.
- **Il layout sotto l’elemento si rompe.** Il codice ha un tag non chiuso. Controlla che ogni tag di apertura abbia il suo tag di chiusura.

## Passi successivi

[Scheda Stile](/it/hc/documentazione/impara-dxpr-builder/impostazioni-elemento/scheda-stile) per cambiare spaziatura e sfondo dell’elemento HTML.