--- url: 'https://dxpr.com/it/hc/documentazione/impara-dxpr-builder/per-iniziare/prima-pagina' title: 'Creare la tua prima pagina | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T13:44:12+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Crea una pagina con DXPR Builder: un’immagine accanto a un titolo, un breve paragrafo e un pulsante. Puoi anche partire da un modello pronto e cambiarne le parole. In entrambi i casi bastano pochi minuti, e finisci con una pagina salvata che vedi in anteprima come la vedranno i visitatori. Usa questa pagina dopo aver installato DXPR Builder. Il video crea la pagina da zero: sezione, riga, immagine, pulsante e testo, poi salvataggio e anteprima. 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: 'Creare la tua prima pagina' description: |- Crea una pagina con DXPR Builder: un’immagine accanto a un titolo, un breve paragrafo e un pulsante. Puoi anche partire da un modello pronto e cambiarne le parole. In entrambi i casi bastano pochi minuti, e finisci con una pagina salvata che vedi in anteprima come la vedranno i visitatori. Usa questa pagina dopo aver installato DXPR Builder. Il video crea la pagina da zero: sezione, riga, immagine, pulsante e testo, poi salvataggio e anteprima. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T13:44:12+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/prima-pagina' articleSection: 'Crea la tua prima pagina' - '@type': WebPage '@id': 'https://dxpr.com/it/hc/documentazione/impara-dxpr-builder/per-iniziare/prima-pagina' description: |- Crea una pagina con DXPR Builder: un’immagine accanto a un titolo, un breve paragrafo e un pulsante. Puoi anche partire da un modello pronto e cambiarne le parole. In entrambi i casi bastano pochi minuti, e finisci con una pagina salvata che vedi in anteprima come la vedranno i visitatori. Usa questa pagina dopo aver installato DXPR Builder. Il video crea la pagina da zero: sezione, riga, immagine, pulsante e testo, poi salvataggio e anteprima. 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) # Creare la tua prima pagina. Impara DXPR BuilderInizia da quiCrea la tua prima pagina ## In questa guida Crea una pagina con DXPR Builder: un’immagine accanto a un titolo, un breve paragrafo e un pulsante. Puoi anche partire da un modello pronto e cambiarne le parole. In entrambi i casi bastano pochi minuti, e finisci con una pagina salvata che vedi in anteprima come la vedranno i visitatori. Usa questa pagina dopo [aver installato DXPR Builder](/it/hc/documentazione/impara-dxpr-builder/per-iniziare/installazione). Il video crea la pagina da zero: sezione, riga, immagine, pulsante e testo, poi salvataggio e anteprima. ## Prima di iniziare - DXPR Builder è installato con la tua chiave prodotto ([Installare DXPR Builder](/it/hc/documentazione/impara-dxpr-builder/per-iniziare/installazione)). - Un tipo di contenuto mostra il page builder: il suo campo di testo usa il formatter **DXPR Builder**, come **Drag and drop Page** di `dxpr_builder_page`. - Il tuo ruolo ha il permesso **Modifica con DXPR Builder**. ## Crea la pagina 1. Vai a **Contenuti** > **Aggiungi contenuto** e scegli un tipo di contenuto che mostra il page builder. 2. Digita un **Titolo** e fai clic su **Salva**. La pagina salvata si apre con un page builder vuoto. DXPR Builder lavora su questa pagina, non sul form di modifica. ## Opzione A: parti da un modello La scheda **Modelli salvati** elenca i layout che le persone del tuo sito hanno salvato per riusarli. DXPR CMS ne include diversi, come **Colored icon boxes**. Su altri siti la scheda può essere vuota; **Scegli un modello** sulla pagina vuota offre allora i modelli di pagina inclusi in DXPR Builder. [Inserire un modello salvato](/it/hc/documentation/learn-dxpr-builder/reusable-templates/saved-templates-tab)mostra questi passaggi in un video. 1. Fai clic su **Aggiungi elementi** per aprire il selettore di elementi. 2. Passa alla scheda **Modelli salvati**. 3. Fai clic su un modello per inserirlo. Le sue sezioni, righe ed elementi appaiono sulla pagina, pronti per la modifica. 4. Fai clic su **Salva** nella barra degli strumenti. 5. Apri il menu dell’occhio e scegli **Anteprima** per vedere la pagina come la vedranno i visitatori. ## Opzione B: crea da zero Il video qui sopra segue questi passaggi. 1. Fai clic su **Aggiungi elementi** e scegli **Sezione** nella scheda **Layout**. 2. Fai clic su **+** nella barra di controllo della sezione e scegli **Riga**. 3. Fai clic sull’icona della griglia sulla riga, scegli un preset di colonne come 1/3 + 2/3 e fai clic su **Salva**. 4. Fai clic su **+** nella colonna di sinistra, apri la scheda **Contenuto** e scegli **Immagine**. 5. Fai clic su **Seleziona immagine**, cerca nel browser multimediale con **Applica filtri**, spunta una foto e fai clic su **Inserisci selezionati**. 6. Apri il pannello **SEO**, digita l’**attributo alt** e fai clic su **Salva**. 7. Fai clic su **+** nella colonna di destra e scegli **Pulsante**. 8. Digita **Titolo** e **Link**, scegli un **Tipo** e fai clic su **Salva**. 9. Fai clic su **+** nella barra di controllo della colonna larga e scegli **Testo**. 10. Digita un titolo, impostalo su **Intestazione 2**, digita un paragrafo sotto e fai clic su **Salva**. 11. Fai clic su **Salva** nella barra degli strumenti. 12. Apri il menu dell’occhio e scegli **Anteprima** per vedere la pagina come la vedranno i visitatori. Scegli **Modifica** nello stesso menu per continuare a lavorare. ## Modifica ciò che hai aggiunto - **Testo**: fai clic su un elemento Testo per modificarlo sul posto. Una barra degli strumenti offre grassetto, corsivo, intestazioni, link, elenchi, colore del carattere e altro. Il tuo [profilo utente](/it/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin) decide quali pulsanti appaiono. - **Impostazioni**: apri **Altro** nella barra di controllo di un elemento e scegli **Impostazioni**. Un’immagine ha larghezza, altezza, un link e il suo testo alternativo; un pulsante ha un **Tipo**, una dimensione e un link. - **Ordine**: trascina un elemento per la sua barra di controllo in un altro punto. Fai clic su **Salva** nella barra degli strumenti quando hai finito. Il browser ti avvisa se provi a lasciare la pagina con modifiche non salvate. ## Cosa vedi In **Anteprima**, l’immagine sta a sinistra. Il titolo, il paragrafo e il pulsante stanno a destra, senza barre di controllo. Di nuovo in **Modifica**, ogni elemento mostra la sua barra di controllo quando ci passi sopra. DXPR Builder memorizza la pagina come HTML nel campo che modifica, di solito **Body**. I visitatori vedono la pagina una volta pubblicato il contenuto. ## Se non vedi il pulsante Aggiungi elementi - **La pagina vuota mostra “Scegli un modello” e “Oppure aggiungi elementi usando il +”.** **Abilita l’assistente di creazione pagine** è disattivata in `/admin/dxpr_studio/dxpr_builder/ai_settings`. Fai clic su **+** nella barra degli strumenti del page builder per aprire invece il selettore di elementi. - **La pagina non mostra alcun page builder.** Il tipo di contenuto non usa il formatter **DXPR Builder**, o al tuo ruolo manca **Modifica con DXPR Builder**. Segui [Verifica l’installazione](/it/hc/documentazione/impara-dxpr-builder/per-iniziare/installazione#verify-the-installation). - **La scheda Modelli salvati non elenca modelli.** Nessuno sul sito ne ha ancora salvato uno, o il tuo profilo utente li nasconde. Usa **Scegli un modello** nella pagina vuota, oppure [salva il tuo](/it/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates). - **Le tue modifiche sono sparite dopo un ricaricamento.** La pagina non era stata salvata. Fai clic su **Salva** nella barra degli strumenti del page builder prima di lasciare la pagina. ## Passi successivi - [Gli strumenti di modifica](/hc/documentation/learn-dxpr-builder/editing): ogni controllo, più le scorciatoie da tastiera. - [Elementi](/hc/documentation/learn-dxpr-builder/elements): tutti i 22 elementi di contenuto e i 6 elementi di layout. - [Layout](/hc/documentation/learn-dxpr-builder/layout/overview): sezioni, righe e colonne che si adattano a ogni schermo.