Joomla - 3. Creazione di un modulo con il software Joomla

❗️ Importante
Non forniamo più supporto per questo plugin.

Joomla-3D-Vertical-logo-light-background-en-2.png

Panoramica

Il software Joomla consente di creare e utilizzare dei moduli per incrementare il numero di iscritti e aggiungere automaticamente nuovi contatti direttamente al tuo account Brevo.

In questo tutorial scoprirai come:

  1. Creare un modulo
  2. Assegnare un nome al modulo
  3. Selezionare la/e lista/e a cui verranno iscritti i tuoi visitatori
  4. Configurare le email di conferma
  5. Personalizzare i messaggi
  6. Aggiungere blocchi e campi al tuo modulo
  7. Aggiungere il modulo appena creato al tuo sito 

 

Prima di iniziare

Prima di usare la funzionalità, occorre procurarsi le informazioni seguenti:

1. Creare un modulo

Nel pannello di amministrazione di Joomla, clicca su Components (Componenti) > Brevo. Seleziona l’icona Subscription forms (Moduli d’iscrizione). Per creare un nuovo modulo d’iscrizione, clicca sul pulsante New (Nuovo) in alto a sinistra.

WsllPixKjBnCjgdseDxlCHnewD04o67WTzUMnhPXSaaob89j9nbFaGduWcj9uDeHP2Sypafz4zn2jkF4A06Eb-NMZvweQwIiVPchLQhKRlNf4zMlg_rXSkvBjdzarkppUlIBTp2O.png

Su questa pagina vedrai tutti i tuoi moduli. Per gestirli, puoi usare i pulsanti di modifica standard di Joomla.

2. Assegnare un nome al modulo

Innanzitutto attribuisci un nome al tuo modulo.

GRT2iRaUssIS3SmDn3ouBqlFPwREB4QTakTdeVKajbCby2g9Tl-alWKqdCTIgXPZVXd42h2f_knljEbAdg6QDG3DdNCep_rNB1Bkl3HUcSoQV0FlM3zBY9ynMFt1bB3V8tgxa4Rk.png

3. Selezionare la/e lista/e

Qui puoi selezionare la/e lista/e a cui verrà iscritto un visitatore quando invia il modulo. Puoi scegliere un numero qualsiasi di liste da cartelle diverse.

Buono a sapersi: Devi selezionare almeno una lista altrimenti il modulo di iscrizione non funzionerà.

R73NBZ0bxCGH8PDJI_EdMt4FDhD_s5f7TqvqR8RVkAJDfBCwjt7UBQzeNFD8dWUByPghZdF-UfondIg1x9rTA0xZBxAaAu5VOHLAYSerqurHB3LKqy84W_f_IL3MaEEbnhF7ilcK.png

4. Configurare le email di conferma

Vai alla scheda Confirmation (Conferma).

Quando un nuovo iscritto invia un modulo, è possibile rispondere in vari modi:

  • No confirmation (Nessuna conferma) - I visitatori verranno iscritti alle liste selezionate senza alcuna inviare loro alcuna notifica.
  • Simple confirmation (Conferma semplice) - I visitatori verranno iscritti alle liste selezionate con la seguente notifica:
    • Follow-up email (Email di follow-up) - Seleziona un modello di email dal tuo account Brevo per inviare un messaggio di benvenuto al tuo nuovo iscritto.
    • Confirmation page (Pagina di conferma) - Se selezioni "Yes” (Sì), puoi specificare la pagina a cui verrà indirizzato il visitatore dopo aver inviato un modulo. Digita semplicemente l’URL nel campo "Custom confirmation page" (Pagina di conferma personalizzata).

qodUok1tfmUz0qlWGOZRVACS7jrLLMVhCNM2zXtPrR8FhEO45JRMD2ERiH3ysZbZIYuJFUwG-0YJl-qHH_dxOy9PbW-8a8iHVoL_xmloEqqDNsCWOF2TFsXXfBhybc-EP9EwUqMe.png

  • Double confirmation (Doppia conferma) - I visitatori che inviano un modulo verranno aggiunti alla lista Temp - DOUBLE OPTIN (DOPPIO OPT-IN) e riceveranno un’email di conferma con la richiesta di cliccare all’interno dell’email per confermare l’iscrizione. Dopo che avranno cliccato, verranno aggiunti alle liste Brevo selezionate.
    • Opt-in email (Email di opt-in) - Seleziona un modello di email dal tuo account Brevo da utilizzare per richiedere al tuo nuovo iscritto di confermare l’iscrizione. Nota: il modello deve contenere il tag di doppio opt-in the template should contain the double opt-in che verrà sostituito da un link di conferma generato automaticamente.
    • Form redirect page (Pagina di reindirizzamento del modulo) - Selezionando "Yes” (Sì), puoi specificare la pagina a cui verrà indirizzato il visitatore dopo aver inviato il modulo. Digita semplicemente l’URL nel campo "Custom form redirect page" (Pagina di reindirizzamento del modulo personalizzata).
    • Final confirmation (Conferma finale) - Se selezioni "Yes" (Sì), il tuo nuovo iscritto riceverà un’email di conferma finale dopo aver dato la propria conferma con l’email di opt-in. Seleziona un modello di email dal tuo account Brevo.
    • Confirmation page (Pagina di conferma) - Se selezioni "Yes" (Sì), il tuo nuovo iscritto verrà reindirizzato alla pagina di conferma dopo aver dato la propria conferma con l’email di opt-in.  Digita semplicemente l’URL nel campo "Custom confirmation page" (Pagina di conferma personalizzata). Può trattarsi di una pagina di ringraziamenti o di una landing page in cui vengono fornite ulteriori informazioni.

-shWR2rqz27mrYiUAiBnCRtd14Aa6YZEN2KdWgJk24GOj1G8wF3cqwLjiplr0y7QQU0ehG-BTPqXooJ-h9Ig-pHocx6EhDh48wWZWZT5pla9mxX1rDtjLQyNh6_620y2THXBUWVX.png

5. Personalizzare i messaggi informativi

Vai alla scheda Messages (Messaggi). Questa scheda consente di personalizzare messaggi elementari.

Buono a sapersi: Per impostazione predefinita, al momento attuale il pannello di amministrazione dell’integrazione Joomla è disponibile solo in inglese. I messaggi personalizzati per i tuoi moduli, tuttavia, possono essere creati in qualsiasi lingua.

 

481B3kdsyWR-63kY-jBKKklz-JkXAmrvnqltukWGAiQgi7DKDDUZbuHFJ2LHSkMKsdt0ukXMwblJvcg_mJ4KkrCqL-F5yqOnI-9wYHR0pbhT98ayAMQ-pbbrVn4Z74Ywr8GauARF.png

6. Aggiungere blocchi e campi al modulo

Vai alla scheda Form blocks and fields (Blocchi e campi del modulo) per creare il tuo modulo. Ogni modulo è costituito da blocchi, ognuno dei quali può essere personalizzato con opzioni diverse e differenti elementi grafici.

  • Per creare il primo blocco, clicca sull’icona "+" in alto a sinistra di Blocks subform (Sottomodulo di blocchi).
  • Per creare il blocco successivo, clicca sull’icona "+" in basso a destra dell’ultimo blocco.
  • Per eliminare un blocco, utilizza la "X" rossa nell’angolo in alto a destra del blocco.
  • Utilizza l’icona dei tre punti a sinistra di ogni blocco per trascinare i blocchi e riordinarli. 

dVwQ1iHEOrsT2ISnQ7pl6x0kABAR9LFdvF9-kI7kAXVMXR1QdKzBXw7xYIAn2CryBZpz0pydSHgIkmqA1ry9z-ucXd2fFjdlQJC1OT_SjGcyWyUjcv6SnZDfDmDBWGw123mskVwk9v3Z7BETCA.jpg

I tipi di blocchi sono suddivisi in due gruppi di base:

  1. Blocchi "Attribute type" (Tipo attributo) - Per questo tipo di blocchi viene utilizzata la parola "attribute" come prefisso.  Blocchi di questo tipo consentono ai visitatori di inserire dei dati.
  2. Blocchi "Specific type” (Tipo specifico) - Questi blocchi vengono utilizzati per creare elementi nel modulo, ad es. testo, immagini, un separatore, ecc.

Buono a sapersi: Affinché i blocchi di attributi possano funzionare correttamente, il tuo account Brevo deve includere attributi corrispondenti. 

Tipi di blocchi

Blocchi di tipo specifico

  • Text and image (Testo e immagine): consente di aggiungere testo o immagini personalizzate al modulo e di aggiungere contenuto con l’editor di testo. Verifica di aver configurato l’editor nelle tue impostazioni utente.
  • Divider (Separatore): consente di aggiungere un separatore per agevolare la lettura del modulo.
  • Opt-in: consente di aggiungere una casella di controllo di consenso esplicito.  I visitatori non potranno inviare il modulo se non hanno selezionato questa casella.
  • Captcha: consente di aggiungere un captcha a un modulo.  Per utilizzare questo tipo di blocco, è necessario che sul sito web sia stato installato e abilitato il plugin Captcha. È fortemente consigliato inserire un campo captcha in ogni modulo.

Blocchi di tipo attributo

  • Email: consente ai visitatori di inserire il proprio indirizzo email. Dovrà essere inserito un indirizzo email valido, in caso contrario verrà segnalato un errore.
  • Attribute text (Attributo di testo): consente ai visitatori di inserire un valore testuale, per esempio "Nome".
  • Attribute number (Attributo numerico): consente ai visitatori di inserire un valore numerico; il valore immesso sarà convalidato se è un valore numerico.
  • Attribute date (Attributo di data): consente ai visitatori di inserire un valore data tramite la visualizzazione di un calendario, come per esempio la data di nascita.
  • Attribute switch (Attributo di convalida): consente ai visitatori di inserire un valore di tipo Sì/No.  Il visitatore vedrà una casella di controllo.
  • Attribute single choice (Attributo di scelta singola): permette ai visitatori di effettuare una scelta da un elenco di opzioni. Il visitatore vedrà dei pulsanti di opzione o una casella di selezione.

Sia per i blocchi di tipo specifico che per quelli di tipo attributo sono previsti i parametri seguenti:

  • visible (visibile): questa opzione consente di attivare o disattivare facilmente un blocco.
  • block class (classe del blocco): classe aggiunta al blocco.
  • style(stile): specifiche regole di stile CSS aggiunte a un blocco; attributo di stile del blocco.
  • block control class (classe di controllo del blocco): classe aggiunta agli elementi di controllo interni a un blocco.

La maggior parte dei blocchi di tipo attributo prevedono le opzioni e i parametri seguenti:

  • required switch (opzione obbligatoria): i visitatori devono obbligatoriamente inserire un valore in questo campo.
  • show label switch with the option to enter label text (mostra la descrizione dell’opzione con la possibilità di inserire il testo della descrizione): puoi inserire una descrizione e scegliere di visualizzarla vicino a un campo.
  • show help switch with the option to enter help text (mostra le informazioni di aiuto con la possibilità di inserire il testo delle informazioni): puoi inserire informazioni supplementari e scegliere di visualizzarle.

Buono a sapersi: L’ordine finale dei blocchi sarà uguale all’ordine dei blocchi in questa scheda.

Terminata la creazione del modulo, clicca sul pulsante Save (Salva) in alto a sinistra.

7. Aggiungere un modulo

Per visualizzare i moduli creati, accedi al pannello di amministrazione di Joomla:

  1. Vai a Extensions (Estensioni) > Modules (Moduli).
  2. Clicca sul pulsante +New (Nuovo) in alto a sinistra.
  3. Seleziona Brevo subscription form (Modulo d’iscrizione Brevo).

hr7lGubYXnX0D_bBil0GoRJuy48c2V6djGoEhNwtfaBoU7kjmFP6VHXG8hPJGdxWfOhnYuNwfSLgk_Yd33Cp_b_1woGvcQgNnOSyKMnELobfRLhY6EBA-hiby7mXe1Sha5YV2Zc0xbCNPsIKUw.jpg

Per iniziare aggiungi un titolo.

In questo modulo, dovrai selezionare il modulo d’iscrizione che hai appena creato.

Altri parametri disponibili permettono di aggiungere del testo prima e dopo il modulo. Se il tuo sito web non è in inglese, consigliamo di configurare il parametro del modulo in base alla descrizione del pulsante.

KR2F3qzorgA2Lz1BzLmWEpfu_PzpO2PP8rLdej3vtXChDX_ADv8xang-zFntwOANIIaChckcqLA-lS7iX6y2fuXzttGxIg61QdOfkIGxcnetBoenoTiYsB-BvBBZcK6-pdKpLq1i.png

Imposta altri parametri di base come i seguenti:

  • Show Title (Visualizza il titolo) - Se selezioni "Show” (Mostra), il titolo verrà visualizzato sul tuo sito.
  • Position (Posizione) - Seleziona l’area del tuo sito in cui comparirà il modulo.

37GAu5xO5UdCLavtmbB3zW-Xso6xHDA2Rba-35tON94UZjyMtGZgr__1iiZijgc0TZcsHv2iblkfllsjbZJesjLSWkNnshMUD8Ny00AWx7mmI35YqcBnUXi9Pey3p0enO25-dlhN.png

È importante comprendere la rappresentazione visiva del tuo modulo nella sua forma finale in funzione del modello Joomla utilizzato dal tuo sito e di altri elementi stilistici. 

Il modulo utilizza controlli e classi standard del modulo Joomla per la sua visualizzazione; sono inoltre disponibili opzioni per aggiungere classi ed elementi di stile a ciascun blocco del modulo. Grazie a ciò, puoi facilmente personalizzare il tuo modulo in base alle tue preferenze.

Per esempio, se il tuo modulo contiene un blocco di tipo "Attribute single choice" (Attributo di scelta singola) e tu utilizzi il modello "Protostar" predefinito di Joomla, impostando il parametro "Block control class" (classe di controllo del blocco) su "btn-group btn-group-yesno” per quel blocco, otterrai dei pulsanti di opzione visualizzati con l’aspetto delle classi di pulsanti predefiniti di Joomla, presenti anche in molti altri modelli.

E adesso?

Domande?

In caso di domande, non esitare a segnalare un nuovo problema qui.

🤔 Domande?

In caso di domande, non esitare a contattare il team dell’assistenza creando un ticket dal tuo account. Se ancora non hai un account, puoi contattarci qui.

Se stai cercando aiuto per un progetto che prevede l'utilizzo di Brevo, possiamo metterti in contatto con il giusto partner esperto certificato Brevo.

💬 Questo articolo ti è stato utile?

Utenti che ritengono sia utile: 1 su 2