Aggiungi moduli alle pagine.

Impara DXPR BuilderCrea le pagineSegui un tutorial

Qui metti un modulo di iscrizione accanto al tuo messaggio in un’unica sezione. Il modulo è un blocco Drupal, quindi puoi inserire così qualsiasi webform aperto. Usa questa pagina per un modulo dentro una pagina esistente. Per una pagina intera con indirizzo, mappa e orari di apertura, segui Crea una pagina contatti.

Il video crea un’iscrizione alla newsletter per una clinica.

Prima di iniziare

  • Il tuo ruolo ha il permesso Edit with DXPR Builder.
  • Il modulo esiste, per esempio come webform creato con il modulo Webform.
  • La pagina è aperta nel builder. Per una nuova, vai in Content > Add content > Landing Page (/node/add/landing_page) e fai clic su Save.

Passaggio 1: aggiungi una sezione colorata

  1. Fai clic su Add Elements sulla pagina vuota e scegli Section dalla scheda Layout.
  2. Passa sopra alla sezione e apri More > Settings. Apri il pannello Style, scegli un Background grigio chiaro e fai clic su Save.

Passaggio 2: aggiungi due colonne

  1. Fai clic su + sulla sezione e scegli Row. Una nuova riga arriva con due colonne uguali, la divisione che serve qui.

Passaggio 3: scrivi il messaggio di iscrizione

  1. Fai clic su + nella colonna di sinistra e scegli Text dalla scheda Content.
  2. Digita "Get health tips by email" e impostalo su Heading 2 dalla barra degli strumenti.
  3. Aggiungi una riga su cosa ricevono gli iscritti e ogni quanto, poi fai clic su Save.

Passaggio 4: inserisci il modulo

  1. Fai clic su + nella colonna di destra.
  2. Apri la scheda Drupal Blocks.
  3. Scegli il blocco del tuo modulo e fai clic su Save nella sua finestra delle impostazioni. Il modulo si rende nella colonna.

Passaggio 5: salva e vedi l’anteprima

  1. Fai clic su Save nella barra degli strumenti del builder.
  2. Apri il menu vista (l’icona occhio) e scegli Preview per vedere il messaggio accanto al modulo.

Da dove vengono i moduli

Non mostrato nel video:

  • Modulo Webform: ogni webform aperto è elencato nella scheda Drupal Blocks come "Block: DXPR builder: Webform:" seguito dal suo nome. Digita il nome in Search, oppure scegli DXPR builder in Filter by category.
  • Modulo Contact del core: i suoi moduli in Structure > Contact forms non hanno un blocco proprio. Il modulo contribuito Contact Block aggiunge uno Contact block alla stessa scheda.

Stilizzare i moduli

Non mostrato nel video. I moduli prendono gli stili del tuo tema. Per cambiarli:

  • Aggiungi classi in HTML classes nel pannello General del blocco, e stilizza quelle classi nel tuo tema.
  • Imposta margine e padding intorno al modulo nel pannello Style del blocco.

Cosa vedi

La banda grigia contiene il tuo titolo e una riga di testo a sinistra e il modulo a destra. In anteprima il modulo funziona come per i visitatori e gli invii vanno agli handler propri del modulo. Scegli Edit nel menu occhio per continuare a lavorare.

Se non vedi il modulo

  • Il tuo webform non è nella scheda Drupal Blocks. Il builder elenca solo i webform aperti. Vai in Structure > Webforms (/admin/structure/webform) e imposta lo stato del modulo su Open.
  • La scheda Drupal Blocks manca o è vuota. Il builder elenca i blocchi solo quando il modulo core Block Content è attivo. Attivalo in Extend (/admin/modules).
  • I visitatori vedono una colonna vuota dove dovrebbe stare il modulo. Il blocco nasconde un webform a chi non può inviarlo. Consenti al loro ruolo di creare invii nelle impostazioni Access del webform.
  • Le tue modifiche non ci sono più dopo un ricaricamento. Hai lasciato la pagina prima di fare clic su Save nella barra degli strumenti del builder. Se Save mostra un errore, vedi Le modifiche non si salvano.

E adesso?