Installazione Modulo di contatto 7

Prima di iniziare

Per utilizzare questa integrazione in WordPress, è necessario avere installato la versione del plugin Contact Form 7 (almeno) 5.0.0 e il plugin CleverReach per WordPress.

Inoltre, i componenti CleverReach non saranno visibili nei moduli Contact Form 7 fino al completamento della sincronizzazione iniziale.

Panoramica delle integrazioni

Nella pagina della dashboard del plugin CleverReach, c'è una nuova sezione dedicata alle integrazioni con altri plugin di WordPress. Per ora esiste solo l'integrazione con Contact Form 7. Questa sezione mostra lo stato del plugin Contact Form 7 (se è installato o meno) e dà all'utente la possibilità di fare clic sul nome del plugin e di essere portato direttamente alla pagina del plugin su WordPress, dove questo plugin può essere scaricato e installato nel sito WordPress dell'utente.

immagine7.png

 Una volta che il plugin Contact Form 7 è stato installato e attivato sul sito, questo stato cambierà.

immagine1.png

Plugin Modulo di contatto 7

Contact Form 7 è uno dei plugin per WordPress più utilizzati, con oltre 5 milioni di installazioni attive e più di 100 milioni di download. 

CF7 è in grado di gestire più moduli di contatto e permette di personalizzare in modo flessibile il modulo e il contenuto della mail con semplici markup. Il modulo supporta l'invio con Ajax, CAPTCHA, il filtro antispam Akismet e così via. Alcune delle principali caratteristiche di Contact Form 7 sono:

  • Creare e gestire più moduli di contatto
  • Personalizzare facilmente i campi dei moduli
  • Utilizzare un semplice markup per modificare il contenuto della posta
  • Inserite i moduli in qualsiasi pagina o post utilizzando gli shortcode
  • Il plugin supporta il filtro antispam Akismet, l'invio tramite Ajax e CAPTCHA.
  • Molte estensioni di terze parti per aggiungere ulteriori funzionalità

L'attuale versione del plugin Contact Form 7 è la 5.1.2. Il 74% di tutti gli utenti attivi utilizza una versione successiva alla 5.0.0.

Contact Form 7 consente all'utente di modificare i modelli dei moduli di contatto e delle e-mail (intestazioni e corpo del messaggio) con vari "tag". Nella terminologia di Contact Form 7, per tag si intende una stringa di tipo minuscolo racchiusa tra parentesi quadre ([ ]).

I tag per i moduli e i tag per le e-mail sono diversi l'uno dall'altro, ad esempio [text* your-name] può essere usato nei moduli e [your-name] può essere usato nelle e-mail. Ognuno di essi ha una sintassi diversa.

 image3.png

Il tipo è il fattore più importante, in quanto definisce quale tipo di elemento HTML si sostituirà e che tipo di input ci si aspetta da esso. Il nome viene utilizzato per identificare il campo di input. La maggior parte dei tag dei moduli ha un nome, ma ci sono delle eccezioni. Le opzioni specificano i dettagli del comportamento e dell'aspetto. Sono facoltativi.

Modifica del modulo

I moduli di Contact Form 7 sono accessibili andando su "Contact > Contact Forms". Apre una pagina che visualizza tutti i moduli di contatto creati con questo plugin. Per impostazione predefinita, viene già creato un modulo di contatto. Ogni modulo ha uno shortcode che aiuta a inserire un determinato modulo di contatto in qualsiasi pagina di WordPress.

immagine10.png

Quando l'utente sceglie un modulo da modificare, si apre una nuova pagina con alcuni campi predefiniti per i dettagli del contatto, come e-mail, nome, oggetto e messaggio. Esistono anche tag che aiutano a inserire un campo concreto nel modulo di contatto.

Oltre ad altri tag forniti con il plugin Contact Form 7, esiste anche un tag CleverReach Sign-Up field (1) che aggiunge una casella di controllo della newsletter al modulo di contatto. Nella sezione delle schede in alto, c'è una scheda Impostazioni di CleverReach (2) che consente all'utente di configurare la sincronizzazione dei destinatari che si sono iscritti tramite il modulo di contatto con CleverReach.

immagine2.png

Campo di iscrizione

Una volta che l'utente fa clic sul tag del campo CleverReach Sign-Up, appare una finestra pop-up che mostra le impostazioni della casella di controllo della newsletter.

A questo punto sono disponibili più valori configurabili.

  • Etichetta che determina il testo che verrà visualizzato accanto alla casella di controllo dell'iscrizione alla newsletter (il testo predefinito è "Iscriviti alla newsletter").
  • L'opzione Pre-selezione casella di controllo specifica se la casella di controllo sarà preselezionata automaticamente (per impostazione predefinita non sarà preselezionata).
  • attributo ID che specifica l'ID della casella di controllo, utilizzato per i selettori CSS (vuoto per impostazione predefinita)
  • L'attributo Class specifica la classe della casella di controllo, utilizzata per i selettori CSS (vuoto per impostazione predefinita).

Le ultime due opzioni sono universali per tutti i campi di Contact Form 7 e sono dedicate agli utenti avanzati.

In fondo a questa finestra, c'è uno shortcode che viene rigenerato ogni volta che vengono modificati alcuni valori di configurazione.  Questo shortcode verrà inserito nella posizione specificata nel modulo di contatto quando si fa clic sul pulsante "Inserisci tag".

Questa è la finestra a comparsa con tutti gli elementi sopra menzionati:

immagine5.png

Una volta che l'utente configura il campo e clicca su "Inserisci tag", lo shortcode viene inserito nel modulo di contatto.

 image8.png

È possibile aggiungere più campi di iscrizione CleverReach allo stesso modulo di contatto.

Una volta che l'utente salva il proprio modulo di contatto e lo inserisce in una qualsiasi pagina del proprio sito WordPress, il campo CleverReach Sign-Up sarà visibile tra gli altri campi del modulo di contatto.

immagine4.png

Scheda Impostazioni

L'inserimento del campo CleverReach Sign-Up è una fase del processo. Per specificare il modo in cui il destinatario che si iscrive alla newsletter attraverso questo modulo viene sincronizzato con CleverReach, l'utente deve configurare le impostazioni relative all'integrazione di Contact Form 7 facendo clic sulla scheda CleverReach nell'editor del modulo di contatto. In questo modo si aprono le impostazioni che inizialmente hanno una sola opzione: attivare la sincronizzazione dei destinatari.

immagine9.png

Se questa opzione è disattivata, nessun destinatario che si iscrive tramite questo modulo di contatto sarà sincronizzato con CleverReach.

Quando l'utente sceglie di attivare la sincronizzazione dei destinatari e salva la modifica, diventano disponibili altre opzioni di configurazione.

immagine6.png

 In questa pagina di impostazioni estese sono presenti alcune opzioni aggiuntive:

  • Modulo double opt-in - Elenca tutti i moduli CleverReach collegati alla lista di integrazione "WordPress". L'opzione predefinita è l'elenco "WordPress" creato automaticamente che include il Double-Opt-In. Se si seleziona "Nessuno", i destinatari non riceveranno un'e-mail di conferma prima dell'iscrizione alla newsletter. Tenere presente la situazione legale del proprio Paese, sia che si voglia utilizzare il Single-Opt-In che il Double-Opt-In. Suggeriamo l'uso di Double-Opt-In per essere conformi al GDPR.
  • Tag del destinatario - Un elenco separato da virgole di tag che verranno aggiunti a ogni destinatario che si iscrive tramite questo modulo di contatto.
  • Mappature degli attributi - Mappano tutti i campi del modulo di contatto con gli attributi di CleverReach. Queste mappature vengono utilizzate quando il destinatario viene sincronizzato con CleverReach. Se più attributi CF7 sono mappati sullo stesso attributo CleverReach, questi valori saranno concatenati e inviati insieme. L'unica eccezione è rappresentata dagli attributi "compleanno", che non supportano la concatenazione.

Quando la sincronizzazione è attivata, il plugin CleverReach cercherà automaticamente di rilevare i campi degli indirizzi e-mail all'interno del modulo CF7.

  • Se viene rilevato almeno un campo di indirizzo e-mail e la sincronizzazione dei destinatari è attivata nella scheda Impostazioni, sul lato CleverReach verrà creato un nuovo destinatario per ogni campo di indirizzo e-mail rilevato.
  • Altrimenti, se il campo dell'indirizzo e-mail non viene rilevato, il plugin salta la sincronizzazione.

 Quando nel modulo è presente un campo di iscrizione CleverReach:

  • Se il campo di iscrizione è selezionato, il destinatario verrà inviato come attivo e se è stato selezionato il modulo double opt-in, il destinatario riceverà un'e-mail double opt-in per confermare l'iscrizione alla newsletter. Una volta che il destinatario conferma l'iscrizione via e-mail, il tag "Subscriber" verrà aggiunto al destinatario in CleverReach.

Altrimenti, quando il campo di iscrizione è presente, ma non è selezionato, il plugin non fa nulla.