---
url: 'https://dxpr.com/it/hc/documentation/learn-dxpr-builder/elements/jumbotron'
title: 'Aggiungere un Jumbotron | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T13:43:44+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Ottieni un grande banner hero con titolo, frase di apertura e sfondo brandizzato, pronto a contenere un pulsante. Usalo per aprire una pagina, annunciare un evento o portare i visitatori a un’unica azione.'
tags:
  - Marketing
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T13:43:44+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Aggiungere un Jumbotron'
      description: 'Ottieni un grande banner hero con titolo, frase di apertura e sfondo brandizzato, pronto a contenere un pulsante. Usalo per aprire una pagina, annunciare un evento o portare i visitatori a un’unica azione.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T13:43:44+0000'
      dateModified: '2026-10-24T13:43:44+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/documentation/learn-dxpr-builder/elements/jumbotron'
      articleSection: Marketing
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/it/hc/documentation/learn-dxpr-builder/elements/jumbotron'
      description: 'Ottieni un grande banner hero con titolo, frase di apertura e sfondo brandizzato, pronto a contenere un pulsante. Usalo per aprire una pagina, annunciare un evento o portare i visitatori a un’unica azione.'
      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/documentation) /[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) /[Marketing](/it/hc/documentation/learn-dxpr-builder/elements/marketing) # Aggiungere un Jumbotron.

 Impara DXPR BuilderCrea le pagineAggiungi contenutiMarketing

   ## In questa guida

 Guide correlate

- [Cambiare l’aspetto di un elemento nel pannello Stile](/it/hc/documentation/learn-dxpr-builder/element-settings/style-tab)

Ottieni un grande banner hero con titolo, frase di apertura e sfondo brandizzato, pronto a contenere un pulsante. Usalo per aprire una pagina, annunciare un evento o portare i visitatori a un’unica azione.

## Aggiungere un Jumbotron

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 **Jumbotron**.
2. Digita il **Titolo**.
3. Aggiungi una frase **Lead** che vende l’evento.
4. Scegli un **Tipo** per lo sfondo; Primario con testo bianco risalta.
5. Fai clic su **Salva** nella finestra.
6. Fai clic su **+** dentro il Jumbotron e aggiungi un **Pulsante**, perché un Jumbotron è un contenitore.

Poi fai clic su **Salva** nella barra in cima all’area di contenuto per conservare la pagina.

  ## Cosa vedi

Titolo, lead e pulsante stanno in un unico banner brandizzato lungo la colonna. Il pulsante è un normale elemento Pulsante dentro il Jumbotron, quindi lo modifichi e lo stilizzi in autonomia.

## Configurare il Jumbotron

Apri **Altro > Impostazioni** sull’elemento. Opzioni:

- **Titolo:** l’intestazione principale mostrata nel Jumbotron.
- **Lead:** testo introduttivo più grande sotto il titolo.
- **Tipo:** stile di sfondo: Chiaro, Primario, Secondario, Successo, Info, Avviso, Pericolo, Scuro o Predefinito.
- **Padding:** spaziatura interna intorno al contenuto: Ampio, Medio o Piccolo.

Il Jumbotron è un contenitore. Trascina o aggiungi altri elementi dentro: pulsanti, immagini o altro testo.

## Se non lo vedi

- **Jumbotron 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.
- **Il banner mostra un “+” e niente altro.** Non è ancora stato aggiunto alcun elemento dentro. Fai clic sul **+** nel Jumbotron e scegli un Pulsante o un Testo.
- **Testo bianco su sfondo chiaro.** **Tipo** è Chiaro mentre il testo del tema è chiaro. Scegli Primario o Scuro.

## Passi successivi

[Scheda Stile](/hc/documentation/learn-dxpr-builder/element-settings/style-tab) per cambiare spaziatura e sfondo del Jumbotron.