--- url: 'https://dxpr.com/it/hc/documentazione/impara-dxpr-builder/per-iniziare/guida-al-prodotto' title: 'Tour di DXPR Builder e scelta della configurazione | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T13:42:24+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Fai un breve tour di DXPR Builder e vedi dove si inserisce DXPR Theme. Tu apri il selettore di elementi, costruisci una sezione stilizzata e la mostri in anteprima. Il resto di questa pagina mostra cosa aggiunge ogni prodotto, così puoi scegliere tra il builder da solo, il builder con DXPR Theme, o DXPR CMS con entrambi. Il video mostra DXPR Builder in tour su una pagina nuova e vuota e costruisce una sezione. tags: - 'Build your first page' 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: 'Tour di DXPR Builder e scelta della configurazione' description: |- Fai un breve tour di DXPR Builder e vedi dove si inserisce DXPR Theme. Tu apri il selettore di elementi, costruisci una sezione stilizzata e la mostri in anteprima. Il resto di questa pagina mostra cosa aggiunge ogni prodotto, così puoi scegliere tra il builder da solo, il builder con DXPR Theme, o DXPR CMS con entrambi. Il video mostra DXPR Builder in tour su una pagina nuova e vuota e costruisce una sezione. 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:24+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/per-iniziare/guida-al-prodotto' articleSection: 'Crea la tua prima pagina' - '@type': WebPage '@id': 'https://dxpr.com/it/hc/documentazione/impara-dxpr-builder/per-iniziare/guida-al-prodotto' description: |- Fai un breve tour di DXPR Builder e vedi dove si inserisce DXPR Theme. Tu apri il selettore di elementi, costruisci una sezione stilizzata e la mostri in anteprima. Il resto di questa pagina mostra cosa aggiunge ogni prodotto, così puoi scegliere tra il builder da solo, il builder con DXPR Theme, o DXPR CMS con entrambi. Il video mostra DXPR Builder in tour su una pagina nuova e vuota e costruisce una sezione. 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) /[Inizia da qui](/it/hc/documentation/learn-dxpr-builder/start-here) /[Crea la tua prima pagina](/it/hc/documentation/learn-dxpr-builder/start-here/first-steps) # Tour di DXPR Builder e scelta della configurazione. Impara DXPR BuilderInizia da quiCrea la tua prima pagina ## In questa guida Guide correlate - [Creare la tua prima pagina](/it/hc/documentazione/impara-dxpr-builder/per-iniziare/prima-pagina) - [Chi usa DXPR Builder](/it/hc/documentazione/impara-dxpr-builder/inizia-qui/chi-usa-dxpr-builder) Fai un breve tour di DXPR Builder e vedi dove si inserisce DXPR Theme. Tu apri il selettore di elementi, costruisci una sezione stilizzata e la mostri in anteprima. Il resto di questa pagina mostra cosa aggiunge ogni prodotto, così puoi scegliere tra il builder da solo, il builder con DXPR Theme, o DXPR CMS con entrambi. Il video mostra DXPR Builder in tour su una pagina nuova e vuota e costruisce una sezione. ## Tour dell’editor Parti da una pagina salvata e vuota di un tipo di contenuto che mostra il builder. 1. Fai clic su **Aggiungi elementi** per aprire il selettore di elementi. 2. Sfoglia le sue schede: **Contenuto**, **Blocchi Drupal**, **Viste Drupal**, **Modelli salvati** e **Layout**. 3. Scegli **Sezione** dalla scheda **Layout**. 4. Passa sopra la sezione, apri **Altro**, scegli **Impostazioni** e scegli uno **Sfondo** nel pannello **Stile**. 5. Fai clic su **+** sulla sezione per aggiungere una **Riga**, poi aggiungi un **Pulsante** e un **Testo** alle sue colonne. Scegli un **Colore del carattere** per il testo nel suo pannello **Stile**. 6. Fai clic su **Salva** nella barra, poi apri il menu vista e scegli **Anteprima**. ## Cosa vedi In **Anteprima**, una sezione grigio chiaro mostra due colonne. Quella sinistra contiene un titolo, una riga di testo e un pulsante **Scopri di più**; quella destra contiene un titolo viola e il suo testo. Anteprima nasconde barre di controllo e pulsanti più, così vedi la pagina come la vedranno i visitatori. ## Cosa aggiunge ogni prodotto **DXPR Builder** è il modulo Drupal appena visitato in tour. Funziona con qualsiasi tema e aggiunge: - 22 elementi di contenuto e 6 elementi di layout - Modifica sulla pagina stessa, con anteprima - Testi, creazione pagine e immagini AI, con i moduli AI installati - Modelli di pagina e modelli utente riusabili - Profili utente che impostano cosa può usare ogni ruolo - Blocchi e viste Drupal dentro i tuoi layout **DXPR Theme** è un tema Bootstrap 5 di DXPR. Aggiunge impostazioni per colori, font, intestazione e layout di pagina, e si adatta a telefoni e tablet. Non ha bisogno di una sua chiave prodotto. | | DXPR Builder con un altro tema | DXPR Builder con DXPR Theme | |---|---|---| | Bootstrap 5 | Dal tuo tema, oppure **File Bootstrap esterni** impostato su **Bootstrap 5** | Fornito dal tema | | Campioni di colore nel builder | La tavolozza del tuo tema, se ne definisce una | La tavolozza colori DXPR Theme | | Scorrimento fluido sotto un’intestazione fissa | Imposta **Selettore di offset scorrimento** sul tuo header | Funziona dopo l’installazione | | Chiave prodotto | Necessaria | Necessaria solo per DXPR Builder | Entrambe le impostazioni sono nella pagina **Impostazioni generali** di DXPR Builder, sotto **Bootstrap** e **Impostazioni avanzate**. ## Scegliere la configurazione | Voglio ... | Usa | Serve | |---|---|---| | iniziare un sito nuovo con tutto configurato | [DXPR CMS](/it/hc/documentazione/impara-dxpr-builder/per-iniziare/installare-dxpr-cms) | Un nuovo sito Drupal 11 | | aggiungere costruzione visuale di pagine a un sito che già gestisco | [DXPR Builder da solo](/it/hc/documentazione/impara-dxpr-builder/per-iniziare/installazione) | Bootstrap 5 dal tema o dall’impostazione di caricamento esterno | | adattare il builder a un tema personalizzato | DXPR Builder più [Temi](/hc/documentation/learn-dxpr-builder/development/theming) | Uno sviluppatore | Chi fa marketing dei contenuti e parte da zero ottiene il massimo da DXPR CMS: entrambi i prodotti e le pagine demo arrivano pronti all’uso. I webmaster con un sito esistente aggiungono DXPR Builder e conservano il loro tema. ## Se non vedi il selettore di elementi - **La pagina vuota mostra “Scegli un modello” ma nessun pulsante Aggiungi elementi.** **Abilita l’assistente di creazione pagine** è disattivata in `/admin/dxpr_studio/dxpr_builder/ai_settings`. Fai clic su **+** nella barra del builder per aprire invece il selettore. - **Pulsanti e colonne sembrano non stilizzati.** Il tuo tema non carica Bootstrap 5. Imposta **File Bootstrap esterni** su **Bootstrap 5** sotto **Bootstrap** in `/admin/dxpr_studio/dxpr_builder/settings`. - **Il selettore colore non mostra campioni.** Il tuo tema non definisce una tavolozza colori. Scegli il colore nel selettore stesso, oppure usa un tema con tavolozza, come DXPR Theme. ## Passi successivi - [Costruisci la tua prima pagina](/it/hc/documentazione/impara-dxpr-builder/per-iniziare/prima-pagina): una pagina intera, passo passo. - [Chi usa DXPR Builder](/it/hc/documentation/learn-dxpr-builder/start-here/who-uses-it): cosa fanno con esso chi fa marketing, i webmaster e gli sviluppatori.