---
url: 'https://dxpr.com/it/hc/documentation/learn-dxpr-builder/layout/collapsibles-element'
title: 'Aggiunta di un pannello comprimibile | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-23T23:55:55+00:00'
updated: '2026-10-24T09:09:48+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Usa un pannello comprimibile, detto anche accordion, quando vuoi un elenco di intestazioni che i visitatori aprono una alla volta. È adatto a FAQ, elenchi di funzionalità e contenuti lunghi che si leggono meglio a parti. Ottieni una pila di domande le cui risposte si aprono con un clic. L’esempio crea tre domande per la pagina FAQ di un’agenzia.'
tags:
  - Lay-out
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T09:09:48+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Aggiunta di un pannello comprimibile'
      description: 'Usa un pannello comprimibile, detto anche accordion, quando vuoi un elenco di intestazioni che i visitatori aprono una alla volta. È adatto a FAQ, elenchi di funzionalità e contenuti lunghi che si leggono meglio a parti. Ottieni una pila di domande le cui risposte si aprono con un clic. L’esempio crea tre domande per la pagina FAQ di un’agenzia.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-23T23:55:55+0000'
      dateModified: '2026-10-24T09:09:48+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/layout/collapsibles-element'
      articleSection: Lay-out
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/it/hc/documentation/learn-dxpr-builder/layout/collapsibles-element'
      description: 'Usa un pannello comprimibile, detto anche accordion, quando vuoi un elenco di intestazioni che i visitatori aprono una alla volta. È adatto a FAQ, elenchi di funzionalità e contenuti lunghi che si leggono meglio a parti. Ottieni una pila di domande le cui risposte si aprono con un clic. L’esempio crea tre domande per la pagina FAQ di un’agenzia.'
      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
---
[Help Center](/it/hc)/[Documentation](/it/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Add content](/hc/documentation/learn-dxpr-builder/elements) /[Lay-out](/hc/documentation/learn-dxpr-builder/layout/overview) # Aggiunta di un pannello comprimibile.

 Learn DXPR BuilderBuild pagesAdd contentLay-out

   ## In this guide

 Related guides

- [Aggiunta di un pannello a schede](/it/hc/documentation/learn-dxpr-builder/layout/tabs-element)
- [Crea una pagina FAQ](/it/hc/documentation/learn-dxpr-builder/tutorials/faq-page)
- [Aggiunta di un layout annidato](/it/hc/documentation/learn-dxpr-builder/layout/nesting)

Usa un pannello comprimibile, detto anche accordion, quando vuoi un elenco di intestazioni che i visitatori aprono una alla volta. È adatto a FAQ, elenchi di funzionalità e contenuti lunghi che si leggono meglio a parti. Ottieni una pila di domande le cui risposte si aprono con un clic. L’esempio crea tre domande per la pagina FAQ di un’agenzia.

## Aggiungi un pannello comprimibile

1. Fai clic su **+** su una sezione e scegli **Collapse panel** dalla scheda **Layout**. Arriva con un interruttore.
2. Apri le impostazioni del pannello dal suo menu **More**. Scegli con **Collapse** se ogni interruttore parte chiuso. Qui è attivo. Scegli un’**Expand icon** e fai clic su **Save**.
3. Passa sopra all’interruttore, apri il suo menu **More** e scegli **Settings**. Digita la domanda come **Toggle title** e fai clic su **Save**.
4. Fai clic sulla domanda per aprire l’interruttore. Fai clic su **+** dentro di esso, scegli **Text** e digita la risposta.
5. Fai clic su **Add toggle** sulla barra dei controlli del pannello per la domanda successiva. I nuovi interruttori arrivano in cima, quindi aggiungi prima l’ultima domanda.
6. Fai clic su **Save** nella barra degli strumenti. In Preview, fai clic su una domanda per verificare che la sua risposta si apra.

  ## Cosa vedi

Ogni domanda è un’intestazione con l’icona di espansione scelta. Un clic apre la sua risposta sotto e la risposta aperta si chiude. Con **Collapse** disattivato, la prima risposta è aperta al caricamento della pagina. Le risposte restano nell’HTML della pagina anche da chiuse, così i motori di ricerca possono comunque leggerle.

## Configura il tuo pannello comprimibile

L’elemento **Collapse panel** ha due impostazioni, in **More** > **Settings** nella sua barra dei controlli.

| Impostazione | Cosa fa | Valore predefinito |
|---|---|---|
| **Collapse** | On: ogni interruttore parte chiuso. Off: il primo interruttore parte aperto | Off |
| **Expand icon** | L’icona accanto a ogni titolo: **None**, **+** (più e meno) o **﹀** (una freccia) | None |

Ogni interruttore ha un’impostazione, **Toggle title**: la domanda o l’intestazione su cui fanno clic i visitatori.

## Gestire gli interruttori

- **Riordinare**: trascina un interruttore da **Toggle** nella sua barra dei controlli e rilascialo sopra o sotto un altro.
- **Rinominare**: passa sopra all’interruttore, apri **More** > **Settings**, cambia il **Toggle title** e fai clic su **Save**.
- **Rimuovere**: passa sopra all’interruttore, apri **More** e scegli **Delete**. La risposta dentro va con lui.

Un interruttore contiene qualsiasi elemento: testo, immagini, pulsanti o una riga con colonne. Tieni breve ogni risposta. Se una risposta merita una pagina propria, collegala invece a quella pagina.

## Se non lo vedi

- **La nuova domanda compare in cima.** **Add toggle** inserisce sempre in cima al pannello. Trascina l’interruttore da **Toggle** nella sua barra dei controlli nel punto che vuoi.
- **Le impostazioni mostrano solo Toggle title.** Hai aperto le impostazioni di un interruttore. Passa sopra al bordo superiore del pannello così compare la barra dei controlli di **Collapse panel**, poi apri lì **More** > **Settings**.
- **La prima risposta è aperta al caricamento della pagina.** **Collapse** è disattivato. Attivalo nelle impostazioni di **Collapse panel** così ogni risposta parte chiusa.
- **Collapse panel manca dalla scheda Layout del selettore.** Il tuo profilo utente DXPR Builder lo esclude. Un amministratore seleziona **Accordion** in **Elements** nel tuo profilo in `/admin/dxpr_studio/dxpr_builder/profile`.

## E adesso?

- [Aggiungere un pannello a schede](/it/hc/documentation/learn-dxpr-builder/layout/tabs-element): mostra contenuti correlati fianco a fianco invece che in pila.
- [Tutorial pagina FAQ](/it/hc/documentation/learn-dxpr-builder/tutorials/faq-page): costruisci un’intera pagina FAQ intorno a un pannello comprimibile.
- [Annidamento](/it/hc/documentation/learn-dxpr-builder/layout/nesting): metti righe e colonne dentro un interruttore.