1
MODULO DI CONTATTO ULTIMATE
Il trascina e rilascia modulo del modulo di contatto che ti aiuterà a creare qualsiasi tipo di modulo di contatto utilizzando un
editor di moduli di contatto ricco di funzionalità
Un prodotto di ETS-Soft
2
Contenuto
I. BENVENUTO 3
II. INTRODUZIONE 3
III. INSTALLAZIONE 4
IV. CREA IL TUO PRIMO MODULO DI CONTATTO 5
1. Impostazioni generali del modulo 5
2. Aggiunta di campo di input 7
3. Configurazione email 10
4. Messaggi di notifica personalizzati 16
5. Pagina di “Grazie” 18
6. Impostazioni generali 19
V. MOSTRARE MODULO DI CONTATTO SUL FRONTEND 23
1. Mostrare modulo di contatto su una pagina separata 23
2. Mostrare il modulo di contatto utilizzando il shortcode 26 3. Mostrare il modulo di contatto utilizzando il gancio personalizzato 27 4. Mostrare il modulo di contatto utilizzando i ganci Prestashop predefiniti 28
VI. GESTISCI I MESSAGGI 29
VII. IMPOSTAZIONI 32
1. Modelli di email 32
2. Importazione/Esportazione 34
3. Integrazione 34
VIII. LISTA NERA IP E EMAIL 38
IX. STATISTICA 39
X. CRUSCOTTO 40
XI. GRAZIE 40
3 I. BENVENUTO
Grazie per aver acquistato il nostro prodotto. Speriamo di guidarvi attraverso tutti gli aspetti dell' installazione del modulo e la configurazione del modulo all'interno di questo documento. Se avete domande che esulano dall'ambito di questa documentazione, non esitate a contattarci.
Nota
Tutte le schermate di istruzioni sono tratte da PrestaShop 1.7, ma l'installazione e la configurazione di questo modulo su PrestaShop 1.6 è simile.
II. INTRODUZIONE
Se non si utilizzano i moduli di contatto sul proprio sito Web, si perde uno degli elementi più essenziali che un sito Web ben strutturato e interattivo dovrebbe avere. Con i moduli di contatto, puoi generare lead, effettuare vendite e conversioni e capire meglio il tuo pubblico. Che si tratti del tuo blog personale o di un sito web aziendale, i vantaggi dell'utilizzo dei moduli di contatto non possono essere sottostimati. Inoltre, grazie al modulo Modulo di contatto Ultimate, sarà ancora più semplice creare e progettare moduli di contatto di alta qualità che attraggano gli utenti senza alcuno sforzo da la tua parte.
Modulo di contatto Ultimate è un modulo di modulo di contatto innovativo per
Prestashop che consente di creare moduli di contatto illimitati. Supporta tutti i campi di input necessari, facile da personalizzare e anche facile da gestire.
*”Modulo di contatto Ultimate” è compatibile con PrestaShop 1.6.x e PrestaShop 1.7.x.
4 III. INSTALLAZIONE
1. Passare a "Moduli / Moduli e Servizi", fare clic su "Carica un modulo / Seleziona file"
2. Seleggere il file di modulo "ets_cfultimate.zip" dal computer, quindi fare clic su
"Apri" per installare
❖ Fare clic sul pulsante "Configura" del modulo appena installato per aprire la pagina di configurazione del modulo.
Accesso rapido: È anche possibile passare alla pagina di configurazione del Modulo di contatto Ultimate attraverso il menu diaccesso rapido.
5
IV. CREA IL TUO PRIMO MODULO DI CONTATTO
1. Impostazioni generali del modulo
Da Cruscotto, fare clic sulla casella "Moduli di contatto" per passare alla scheda Moduli di contatto. Cleccare su "Aggiungi nuovo" in alto a destra del pannello.
Compilare i campi obbligatori e selezionare le impostazioni facoltative.
6
• Abilita la pagina del modulo separata: attivare questa opzione per creare una pagina Web specifica per visualizzare questo modulo di contatto
• Titolo del modulo: titolo del modulo visualizzato sul front-end.
• Alias del modulo di contatto: l'alias verrà visualizzato nell'URL di questo modulo di contatto anziché sul titolo del modulo
• Meta titolo, meta parole chiave, meta descrizione: elementi SEO per aiutarti a ottimizzare il tuo modulo di contatto.
Fare clic sul pulsante "Salva" per salvare il modulo di contatto.
7 2. Aggiunta di campo di input
Per creare il contenuto del modulo di contatto, passiamo alla sottoscheda "Modulo".
Ogni modulo di contatto viene creato da righe e campi di input.
Passaggio 1: Aggiungere una riga al modulo
• Fare clic sul pulsante "Aggiungi riga"
• Scegliere un modello di riga adatto
8 Passaggio 2: Aggiungere un campo di input
• Fare clic su "Aggiungi campo di input"
• Selezionare un campo di immissione desiderato
• Compila il modulo pop-up con le informazioni necessarie
• Fare clic sul pulsante "Aggiungi campo di input"
9
Ripetere i passaggi 1 e 2 fino a completare il modulo di contatto.
Passaggio 3: Fare clic su "Salva" per salvare le modifiche.
NOTA:
Per aggiungere il campo di input reCAPTCHA, è necessario abilitare prima
reCAPTCHA. Trovare e leggere le istruzioni per attivare la funzione reCAPTCHA a pagina 32 di questa documentazione.
10 3. Configurazione email
Fare clic sulla sottoscheda "Mail" per aprire l'area di configurazione dell'e-mail per il modulo di contatto.
a. Email per l'amministratore
In questa schermata configurerai l'e-mail di invio agli amministratori del tuo negozio quando un nuovo messaggero viene ricevuto.
Puoi vedere 2 sezioni della scheda "Email per amministratore": sezione opzioni email e sezione "Tag di posta disponibili".
11
I tag di posta disponibili sono forniti dal "Nome" di ogni campo di input aggiunto. Per rendere i tag di posta più facili da ricordare, è necessario impostare ndo "Nome" per i campi di input come [text-nomedelcliente], [email-maildelcliente], [textarea-messaggio], ecc.
12
A: Inserisci qui l'indirizzo email del destinatario che desideri ricevere i messaggi di notifica
Copia al carbonio cieco: Quando si inseriscono gli indirizzi e-mail nel campo Copia al carbonio cieco di un messaggio, tali indirizzi sono invisibili ai destinatari dell'email.
Da: Inserisci qui l'indirizzo email del mittente che viene utilizzato per inviare e-mail quando il cliente ti contatta tramite questo modulo di contatto. Se questo campo è vuoto, l'e-mail SMTP configurata del sito Web verrà utilizzata come e-mail del mittente (nel caso in cui non sia disponibile alcuna e-mail SMTP, verrà utilizzata l'e-mail del negozio).
Per evitare che le e-mail siano considerate come spam dal servizio di posta elettronica del destinatario, è necessario inserire un indirizzo e-mail autorizzato, normalmente dovrebbe essere l'e-mail SMTP configurata del sito Web, né un'e-mail creata con il dominio del sito Web come contact@yourdomain.com
Oggetto: Oggetto dell'e-mail utilizzato quando un'e-mail viene inviata tramite il modulo di contatto
Rispondi a: Indirizzo email da specificare come "Email di risposta" quando si fa clic sul pulsante "Rispondi" della casella di posta elettronica quando viene inviato un messaggio dal modulo di contatto alla propria email (indirizzo email del destinatario).
13
Corpo del messaggio: Contenuto email che verrà inviato all'indirizzo email del
destinatario. È possibile copiare e incollarei tag di posta disponibili per ottenere il valore di input del modulo. Ad esempio:
File allegati: se il cliente invia un file allegato, puoi scaricarlo tramite la tua email.
Fare clic su "Salva" per salvare le modifiche.
b. Risponditore automatico
Il risponditore automatico è un'email inviata a chiunque tu voglia quando il cliente invia un modulo di contatto. Viene spesso utilizzato per inviare un'email di conferma al cliente quando invia successo un modulo di contatto.
Simile a "Email per l'amministratore", può impostare le opzioni di email utilizzando i tag di posta disponibili.
14 Fare clic su "Salva" quando si è pronti.
c. Come utilizzare i tag di posta
È necessario inserire i rispettivi tag di posta in tutti i campi di configurazione di " Email per l'amministratore" e "Risponditore automatico" per ottenere il valore di input del modulo.
Ad esempio: durante la creazione di un modulo di contatto, hai aggiunto un campo di input email e il suo nome è email-maildelcliente. Modulo di contatto Ultimate genererà
15
automaticamente un tag di posta elettronica [email-maildelcliente] che può ottenere il valore email dal modulo di contatto.
Ora tornando alle opzioni email, puoi vedere che ci sono alcuni campi di configurazione che usano gli indirizzi email. Se si desidera aggiungere l'indirizzo email del cliente ricevuto dal modulo di contatto, copiare e incollare il tag di posta [email-maildelcliente]
in questi campi:
Fare clic su "Salva" per salvare il modello di messaggio di email.
16 4. Messaggi di notifica personalizzati
Modulo di contatto Ultimate consente di personalizzare i messaggi di notifica che possono apparire in determinate situazioni quando i clienti utilizzano il modulo di contatto sul frontend. I messaggi di notifica sono pieni di valori predefiniti adatti alla maggior parte dei tipi di modulo di contatto, ma se si desidera modificare i messaggi è possibile farlo facilmente facendo clic sulla sottoscheda "Notifica". Qui puoi modificare tutti i messaggi che vuoi in ciascuna lingua.
17
18 5. Pagina di “Grazie”
È possibile impostare una pagina di ringraziamento per inviare un messaggio di conferma ai clienti dopo aver inviato un modulo. Questo modulo consente di impostare un URL personalizzato per questa pagina di ringraziamento e di impostare l'alias di pagina per rendere più semplice l'URL della pagina.
Dopo che i clienti hanno inviato il modulo, verrà visualizzata la pagina "Grazie"
19 6. Impostazioni generali
Salva i messaggi: Attivare questa opzione per salvare i messaggi inviati dai clienti al modulo di back office
Salva allegati: Attivare questa opzione se si desidera salvare gli allegati caricati dal cliente tramite il modulo di contatto. (Nota che abilitare questo potrebbe spendere molto del tuo spazio di archiviazione)
Contrassegna i messaggi da questo modulo di contatto come "Messaggio stellare":
Automaticamente "stella" (evidenziare i messaggi inviati tramite questo modulo di contatto nell'elenco dei messaggi con una stella) tutti i messaggi inviati tramite questo modulo di contatto
Posizione di visualizzazione disponibile (gancio PrestaShop predefiniti): se si desidera mostrare il modulo di contatto tramite ganci Prestashop predefiniti, basta controllare i ganci che si desidera
Dare l'accesso per i gruppi di clienti: Seletti gruppi di clienti che sono disponibili per accedere a questo modulo di contatto.
Mostra solo quando il cliente ha effettuato l'accesso: Mostrare questo modulo di contatto solo quando il cliente ha effettuato l'accesso utilizzando il proprio account registrato.
Attiva il modulo di contatto: Attiva o disattiva questo modulo di contatto.
20
Pulsante "Apri modulo di contatto": Abilita questa opzione se desideri visualizzare un
"pulsante di contatto", quando il cliente fa clic su questo pulsante il modulo di contatto verrà visualizzato tramite un popup.
21
È possibile personalizzare l'etichetta del pulsante, il colore del testo, lo sfondo del pulsante e selezionare un'icona fornita o caricare un'icona personalizzata per il pulsante.
22
Pulsante del modulo di contatto galleggiante: Abilita questo pulsante per visualizzare il pulsante del modulo di contatto galleggiante nel front office. Quando i clienti/visitatori fanno clic sul pulsante del modulo di contatto galleggiante, il modulo di contatto verrà visualizzato tramite un popup.
Puoi anche personalizzare il modo in cui il pulsante del modulo di contatto galleggiante verrà visualizzato sul front office e la sua posizione di visualizzazione.
Ecco un esempio del "pulsante galleggiante del modulo di contatto" sulla home page:
23
V. MOSTRARE MODULO DI CONTATTO SUL FRONTEND
Modulo di contatto Ultimate offre 4 modi per mostrare un modulo di contatto sul front- end del sito Web:
• Mostrare modulo di contatto su una pagina separata (con un URL amichevole)
• Mostrare il modulo di contatto utilizzando il shortcode
• Mostrare il modulo di contatto utilizzando il gancio personalizzato
• Mostrare il modulo di contatto utilizzando i ganci Prestashop predefiniti
1. Mostrare modulo di contatto su una pagina separata
Modulo di contatto Ultimate consente di creare un URL separato per monstrare un modulo di contatto. Per abilitare questa funzione, nella scheda "Informazioni", imposta
"Abilita la pagina del modulo separata" su "Sì", quindi inserisci le impostazioni SEO
24
per la pagina che includono meta titolo, meta descrizione, meta parole chiave e alias del modulo di contatto (URL amichevole).
Dopo aver salvato con successo le opzioni di configurazione, verrà visualizzato l'URL di una pagina del modulo. È possibile utilizzare tale URL nel menu del sito Web o in qualsiasi punto in cui si desidera che il cliente visualizzi il collegamento al modulo di contatto.
25
26
2. Mostrare il modulo di contatto utilizzando il shortcode
Shortcode è disponibile per ogni modulo di contatto, gli shortcode sono in questo formato [contact-form-7 id="CONTACT_FORM_ID"]. È anche possibile copiare lo shortcode di ciascun modulo di contatto nell'elenco dei moduli di contatto o nella pagina di
modifica del modulo. Incollare lo shortcode del modulo di contatto ovunque sulla pagina CMS, la descrizione del prodotto, la descrizione della categoria, il file .tpl, ecc. per mostrare il modulo di contatto.
27
3. Mostrare il modulo di contatto utilizzando il gancio personalizzato
Oltre all'utilizzo del shortcode, puoi anche utilizzare il gancio personalizzato in questo formato {hook h = "displayContactForm7" id="CONTACT_FORM_ID"} per mostrare un modulo di contatto come come fai con il shortcode. L'unica cosa diversa è che il gancio personalizzato può essere utilizzato solo nei file modello .tpl.
28
4. Mostrare il modulo di contatto utilizzando i ganci Prestashop predefiniti
Per mostrare il modulo di contatto in hook Prestashop predefiniti come intestazione, piè di pagina, pagina prodotto, ecc. Quando si imposta il modulo di contatto, è sufficiente controllare le posizioni desiderate sull'opzione "Posizione di visualizzazione
disponibile".
29 VI. GESTISCI I MESSAGGI
Oltre a inviare messaggi tramite email, Modulo di contatto Ultimate consente inoltre di salvare i messaggi inviati tramite i moduli di contatto al back office del sito Web.
Per salvare i messaggi inviati dai clienti tramite un modulo di contatto, nella sezione di configurazione del modulo impostare "Salva i messaggi" su "Sì", è anche possibile abilitare "Salva allegati" se si desidera salvare i file allegati sul server.
30
NOTA:
Salvare gli allegati sul server può costare molto del tuo spazio di hosting. I file allegati inviati dai clienti ti verranno inviati via email, quindi se non è necessario, non salvare gli allegati.
Per visualizzare i messaggi inviati dai tuoi clienti, vai alla scheda "Messaggi". Nel back office, puoi visualizzare e gestire facilmente i messaggi con uno strumento di gestione dei messaggi professionale che fornisce molte utili funzioni come filtro messaggi,
contrassegna messaggi come "Lettura" o "Non letti", "stella" un messaggio, azioni in blocco, rispondi un messaggio, esportare messaggi in un file .csv, ecc.
31
Puoi anche vedere il numero di messaggi ricevuti da ciascun modulo di contatto nella scheda "Moduli di contatto".
32 VII. IMPOSTAZIONI
1. Modelli di email
Modulo di contatto Ultimate consente di personalizzare il modello "Email per
l'amministratore", il modello "Risponditore automatico" e il modello "Email di risposta"
nel modo desiderato.
33
34 2. Importazione/Esportazione
Questa funzione consente di eseguire il backup di tutte le configurazioni dei moduli di contatto e di ripristinare i moduli di contatto ogni volta che lo si desidera. Ciò consente anche di copiare rapidamente i moduli di contatto dal sito Web al sito Web.
3. Integrazione
Nella sezione integrazione, puoi configurare le impostazioni generali dei moduli di contatto e reCAPTCHA. Nel back office del tuo sito web, vai su "Impostazioni >
Integrazione"
a. Impostazioni globali
35
Nelle "Impostazioni globali" è possibile impostare le regole generali per tutti i moduli di contatto (titolo del modulo, abilitazione suffisso URL) e il numero di messaggi
visualizzati per pagina nel back office.
b. reCAPTCHA
Modulo di contatto Ultimate supporta reCAPTCHA v2 e reCAPTCHA v3. Per iniziare con reCAPTCHA, devi disporre di un account Google e registrare il tuo sito per una coppia di chiavi API.
Passo 1: Vai alla pagina di amministrazione di reCAPTCHA di Google.
Passo 2: Registra il tuo sito.
• Selezionare il tipo di reCAPTCHA che si desidera
• Inserisci il tuo dominio
• Accettare i Termini di servizio di reCAPTCHA
• Fare clic su "Invia"
36
Passo 3: Ottenere una chiave del sito e una chiave segreta
37
Passo 4: Passare a Impostazioni > Integrazione > sottoscheda reCAPTCHA. Abilita la funzione reCAPTCHA quindi inserisci la chiave del sito e la chiave segreta.
Fare clic su "Salva" per terminare.
38 VIII. LISTA NERA IP E EMAIL
Con Modulo di contatto Ultimate, puoi inserire gli indirizzi IP e gli indirizzi email degli spammer e vietare loro di inviare i tuoi moduli.
È possibile inserire l'esatto indirizzo IP (ad esempio: 69.89.31.226) o un modello IP usando il carattere "*", ogni modello IP/IP su una riga.
NOTA:
Il modello IP è un modo per rappresentare un intervallo di indirizzi IP. È possibile sostituire uno o più ottetti di indirizzo IP con il carattere "*". Ad esempio, se si inserisce questo modello IP: 69.89.31.*, Modulo di contatto Ultimate vieterà tutti gli indirizzi IP da 69.89.31.0 a 69.89.31.255
Analogamente al divieto di indirizzi IP, è possibile inserire l'indirizzo email esatti o il modello di email utilizzando il carattere "*", ogni modello di email o email su una riga.
Ad esempio, se inserisci il modello di email “*@mail.ru”, Modulo di contatto Ultimate vieterà tutte le email inviate dagli utenti che hanno "@ mail.ru" sui loro indirizzi email.
39 IX. STATISTICA
In questa scheda è possibile visualizzare una grafico statistica di messaggi, visualizzazioni e risposte ricevute tramite i moduli di contatto.
Nella parte inferiore della scheda "Grafico", è possibile selezionare alcune condizioni per filtrare il grafico come: nome del modulodi contatto, mese e anno.
Dalla scheda "Registro delle visualizzazioni", è possibile visualizzare le informazioni dei clienti che hanno inviato messaggi tramite moduli di contatto.
40
• È possibile aggiungere l'indirizzo IP di qualsiasi cliente nella lista nera IP facendo clic sul pulsante "Aggiungi alla lista nera".
• Il pulsante "Visualizza posizione" consente di accedere a una pagina di informazioni con la posizione corretta del cliente.
X. CRUSCOTTO
XI. GRAZIE
Grazie ancora per aver acquistato il nostro prodotto e aver attraversato questa documentazione. Speriamo che questo documento sia utile ed efficiente nella
configurazione completadi questo modulo. Se avete domande per le quali la risposta non è disponibile in questo documento, non esitate a contattarci.
