Un modulo di contatto consente ai visitatori del tuo sito web WordPress di inviarti un messaggio direttamente tramite il sito. I campi tipici sono nome, indirizzo email, oggetto e messaggio. A seconda dello scopo, è possibile aggiungere ulteriori campi.
WordPress in persona non include un generatore di moduli di contatto completo. Per un modulo di contatto classico si utilizza quindi di solito un plugin. In questa guida utilizziamo Modulo di contatto 7 ad esempio. Il plugin è diffuso da molti anni e può essere utilizzato anche per semplici moduli di contatto con pochi campi.
Breve spiegazione: Installa prima di tutto un plugin per moduli, crea al suo interno il tuo modulo di contatto, inserisci l'indirizzo email del destinatario desiderato e infine inserisci il modulo pronto in una pagina WordPress. Dopodiché è assolutamente consigliabile inviare tu stesso un messaggio di prova.
Di cosa ha bisogno un semplice modulo di contatto? #
Per un normale modulo di contatto sono spesso sufficienti pochi campi:
- Nome
- Indirizzo e-mail
- Oggetto
- Messaggio
- Pulsante di invio
Quali informazioni siano effettivamente necessarie dipende dallo scopo del modulo. Un modulo di contatto generale richiede solitamente meno informazioni rispetto a una richiesta di supporto, di preventivo o di prenotazione, ad esempio.
Raccomandazione: Richiedi solo le informazioni di cui hai effettivamente bisogno per elaborare la richiesta. Un modulo chiaro è solitamente più piacevole per i visitatori rispetto a un modulo con numerosi campi obbligatori superflui.
Installa il plugin del modulo di contatto #
Per questa guida utilizziamo Modulo di contatto 7.
Accedi prima all'area di amministrazione di WordPress e apri:
Plugin → Aggiungi plugin
Cerca lì:
Modulo di contatto 7
Assicurati di selezionare il plugin giusto. Installalo e poi attivalo.
Dopo l'attivazione, nell'area di amministrazione di WordPress apparirà una voce di menu aggiuntiva per la gestione dei moduli di contatto.
Crea nuovo modulo di contatto #
Apri nell'area di amministrazione di WordPress la sezione per Contatto rispettivamente i moduli di contatto.
A seconda della versione del plugin e della lingua della tua installazione di WordPress, le singole etichette potrebbero variare leggermente.
Puoi modificare un modulo standard esistente o crearne uno nuovo.
Assegna un nome interno univoco, ad esempio:
Modulo di contatto pagina principale
Questo nome non viene visualizzato automaticamente come titolo sul tuo sito web. Ti aiuta principalmente a distinguere più moduli in seguito.
Definisci i campi del modulo #
Contact Form 7 utilizza cosiddetti tag di modulo. Attraverso di essi vengono definiti i singoli campi di input.
Un modulo semplice può contenere, ad esempio, campi per le seguenti informazioni:
- Nome del mittente
- Indirizzo e-mail
- Oggetto
- Messaggio
Inoltre, il modulo richiede un pulsante di invio.
Usare i campi obbligatori in modo sensato #
Determinati campi possono essere definiti come campi obbligatori. Ciò significa che il modulo non può essere inviato finché questi campi non sono stati compilati correttamente.
In un semplice modulo di contatto, sono spesso utili in particolare un indirizzo email valido e il messaggio vero e proprio.
Non dovresti però rendere automaticamente obbligatorio ogni campo.
Consiglio pratico: Più campi obbligatori possiede un modulo di contatto, maggiore sarà l'impegno richiesto al visitatore. Pertanto, limita le informazioni obbligatorie a quelle che sono realmente necessarie per una gestione efficace della richiesta.
Imposta l'indirizzo email del destinatario #
Una parte fondamentale della configurazione si trova nelle impostazioni di posta elettronica del modulo.
Lì viene stabilito a quale indirizzo WordPress deve inviare il messaggio del modulo.
Controlla in particolare il campo per il destinatario. Utilizza un indirizzo email a cui hai effettivamente accesso e tramite il quale desideri elaborare le richieste.
Ad esempio, potrebbe essere utilizzato un indirizzo come questo:
kontakt@deine-domain.ch
Configurare correttamente l'indirizzo del mittente #
Oltre all'indirizzo del destinatario, è importante anche la configurazione del mittente.
Un errore comune consiste nell'utilizzare direttamente l'indirizzo email inserito dal visitatore come mittente tecnico del messaggio.
Questo può causare problemi con i moderni server di posta e i loro controlli di sicurezza, poiché WordPress, ad esempio, tenta quindi di inviare un messaggio con un dominio esterno come mittente attraverso il proprio server.
Più sensato è solitamente un indirizzo mittente del proprio dominio web, ad esempio:
wordpress@deine-domain.ch
o:
kontakt@deine-domain.ch
L'indirizzo email inserito dal visitatore può essere utilizzato invece per l'indirizzo di risposta.
Importante: L'indirizzo email del visitatore e l'indirizzo mittente tecnico del modulo non coincidono. Una configurazione pulita del mittente può essere determinante affinché i messaggi del modulo vengano elaborati correttamente dai server di posta in arrivo.
Qual è l'indirizzo per le risposte? #
Muori Indirizzo di risposta determina a quale indirizzo viene inviata una risposta quando nel tuo programma di posta elettronica fai clic su Risposte clicchi.
In questo modo il messaggio può essere inviato tecnicamente da un indirizzo del tuo dominio, mentre la risposta andrà comunque direttamente al visitatore.
Questa è una distinzione importante nei moduli di contatto:
- Da: indirizzo mittente tecnico del tuo sito web
- A / Destinatario: Indirizzo a cui desideri ricevere la richiesta
- Rispondi a: Indirizzo e-mail del visitatore
Imposta l'oggetto dell'e-mail del modulo #
Anche l'oggetto del messaggio in arrivo può essere configurato.
Un oggetto chiaro ti aiuterà in seguito a riconoscere rapidamente i messaggi del modulo di contatto nella casella di posta.
Per esempio:
Nuova richiesta tramite il sito web
Se il modulo contiene un campo per l'oggetto, a seconda della configurazione il suo contenuto può essere incluso anche nell'oggetto dell'e-mail.
Configura il contenuto del messaggio dell'e-mail #
Nella sezione e-mail stabilisci inoltre quali campi del modulo compaiono nel messaggio inviato.
Se aggiungi un nuovo campo al modulo in seguito, non significa necessariamente che il suo contenuto comparirà automaticamente in ogni punto desiderato dell'email.
Verifica quindi la configurazione dell'e-mail anche dopo qualsiasi modifica al modulo.
Salva modulo di contatto #
Dopo aver controllato il modulo e le impostazioni dell'e-mail, salvi il modulo di contatto.
Il modulo esiste già in WordPress, ma non viene ancora mostrato automaticamente su una pagina pubblica.
Nel passaggio successivo, deve essere integrato nel punto desiderato.
Inserire un modulo di contatto in una pagina WordPress #
Apri la pagina in cui deve comparire il modulo, ad esempio la tua pagina di contatto.
A seconda dell'editor e del plugin utilizzati, sono disponibili diverse modalità di integrazione.
Contact Form 7 mette a disposizione un blocco WordPress dedicato per i moduli creati. Nell'editor a blocchi, seleziona il blocco Contact Form 7 corrispondente e successivamente il modulo desiderato.
In alternativa, a seconda del metodo di lavoro o dell'ambiente utilizzato, è possibile utilizzare anche un codice breve fornito dal plugin.
Cos'è uno shortcode? #
Uno shortcode è una breve istruzione di WordPress racchiusa tra parentesi quadre. WordPress o un plugin sostituisce questo segnaposto in fase di output con il contenuto corrispondente.
Nei plugin per moduli, uno shortcode può ad esempio fare in modo che il modulo di contatto creato in precedenza venga visualizzato in quel punto.
Lo shortcode specifico viene generato dal plugin e non dovrebbe essere inventato liberamente.
Pubblica o aggiorna la pagina dei contatti #
Dopo aver inserito il modulo, salvi o aggiorni la pagina.
Apriole successivamente nel frontend del tuo sito web e controlla la visualizzazione.
Presta particolare attenzione a:
- Etichette dei campi
- Campi obbligatori
- Distanze
- Larghezza dei campi di immissione
- Campo di messaggio
- Pulsante di invio
- Visualizzazione sugli smartphone
Assicurati di testare tu stesso il modulo di contatto #
Un modulo non è configurato correttamente solo perché ha un bell'aspetto sul sito web.
Esegui sempre un test di funzionamento completo dopo la configurazione.
- Apri la pagina dei contatti come un normale visitatore.
- Inserisci un nome per il test.
- Usa un indirizzo e-mail a cui hai accesso.
- Scrivi un messaggio di test univoco.
- Invia il modulo.
- Controlla la conferma sul sito web.
- Controlla quindi la posta in arrivo dell'indirizzo destinatario registrato.
- Controlla eventualmente anche la cartella dello spam.
- Rispondi a titolo di prova al messaggio e controlla l'indirizzo di risposta.
Consiglio pratico: Non limitarti a testare se arriva un'email qualsiasi. Controlla anche mittente, indirizzo di risposta, oggetto e contenuto del messaggio. Solo allora saprai se il modulo è configurato in modo completamente corretto.
Il modulo mostra „Inviato con successo“, ma non arriva nessuna email #
Questo è un tipico problema di WordPress e non significa automaticamente che il modulo stesso sia difettoso.
Il plugin per i moduli e l'invio di e-mail sono due livelli distinti.
Il modulo è in grado di inviare correttamente la richiesta a WordPress, mentre l'e-mail generata da essa non viene recapitata in seguito.
Le possibili cause includono, ad esempio:
- indirizzo del destinatario errato
- configurazione del mittente errata
- Filtro antispam del destinatario
- Problemi con la funzione mail di PHP
- configurazione SMTP mancante o non idonea
- Problemi di autenticazione durante l'invio di e-mail
Controlla quindi prima le impostazioni del modulo e dell'e-mail, prima di ricreare completamente il modulo.
Perché SMTP può essere utile per WordPress #
Per impostazione predefinita, WordPress utilizza la sua funzione di posta per l'invio di e-mail. Tuttavia, il fatto che un messaggio sia stato tecnicamente trasmesso all'ambiente di posta non garantisce in modo affidabile che finisca effettivamente nella posta in arrivo del destinatario.
Un plug-in SMTP può configurare WordPress in modo che i messaggi vengano inviati tramite un server di posta definito o un servizio di invio supportato.
A seconda della configurazione, ciò facilita inoltre l'autenticazione e la risoluzione dei problemi durante l'invio di e-mail.
Su CURIAWEB questo è indicato per GoSMTP PRO a disposizione. A seconda della struttura, è possibile utilizzarli tra l'altro per i protocolli di spedizione e ulteriori opzioni diagnostiche.
Importante: L'SMTP non è una garanzia che ogni messaggio venga recapitato. Anche la configurazione del DNS, la reputazione del mittente, i filtri antispam e le regole del server di posta ricevente possono influenzare la consegna.
Il modulo di contatto funziona solo per alcuni mittenti #
Se arrivano i messaggi di determinati visitatori e di altri no, dovresti controllare la configurazione esatta del modulo e della posta.
È nuovamente di fondamentale importanza la distinzione tra l'indirizzo email del visitatore e l'indirizzo del mittente tecnico del tuo sito web.
Non utilizzare in modo acritico indirizzi di visitatori casuali come mittente tecnico.
Modulo di contatto e spam #
I moduli di contatto ad accesso pubblico possono essere trovati da bot automatizzati e abusati per messaggi di spam.
Un nuovo modulo dovrebbe quindi essere esaminato anche per quanto riguarda la protezione dallo spam, dopo il test di funzionamento di base.
Possibili procedure sono, ad esempio:
- Tecniche honeypot
- Procedimento CAPTCHA
- reCAPTCHA
- Cloudflare Turnstile
- filtro antispam per plugin interni
- servizi antispam esterni
Quale soluzione sia opportuna dipende dal plugin di moduli utilizzato, dal volume di spam e dai requisiti di protezione dei dati del sito web.
Rispettare la protezione dei dati nei moduli di contatto #
Tramite un modulo di contatto vengono trasmessi dati personali. Tra questi possono rientrare, ad esempio, nome, indirizzo e-mail, numero di telefono, dati tecnici relativi all'IP o il contenuto di un messaggio.
Ecco perché un modulo di contatto non dovrebbe essere considerato in isolamento.
Verifica, tra le altre cose:
- quali dati vengono effettivamente raccolti
- dove questi dati vengono elaborati o memorizzati
- ob das Formular externe Dienste kontaktiert
- ob ein CAPTCHA- oder Anti-Spam-Dienst Daten an Dritte übermittelt
- ob Informationen zum Formular in der Datenschutzerklärung erforderlich sind
- wie lange übermittelte Daten aufbewahrt werden
Nota: Die technische Einrichtung eines Kontaktformulars ersetzt keine rechtliche Prüfung der Website. Welche Datenschutzinformationen oder Einwilligungen erforderlich sind, hängt vom konkreten Einsatz und den eingebundenen Diensten ab.
Muss ein Kontaktformular eine Datenschutz-Checkbox haben? #
Ob für ein konkretes Formular eine ausdrückliche Checkbox beziehungsweise Einwilligung erforderlich ist, lässt sich nicht allein aus WordPress heraus beantworten.
Das hängt unter anderem vom Zweck der Verarbeitung, den erhobenen Daten, eingebundenen Diensten und der jeweiligen rechtlichen Grundlage ab.
Eine Checkbox sollte deshalb nicht lediglich eingebaut werden, weil sie auf anderen Websites vorhanden ist. Ebenso sollte sie nicht ohne Prüfung weggelassen werden.
Bei rechtlichen Fragen solltest du eine fachkundige Beratung einholen.
Datei-Uploads nur verwenden, wenn sie wirklich benötigt werden #
Viele Formular-Plugins ermöglichen auch das Hochladen von Dateien.
Ein Datei-Upload erhöht jedoch die Komplexität und kann zusätzliche Sicherheits- und Datenschutzfragen mit sich bringen.
Wenn du Uploads benötigst, solltest du unter anderem Dateitypen, maximale Dateigrösse, Speicherung und Zugriffsmöglichkeiten kontrollieren.
Für ein einfaches Kontaktformular ist ein Datei-Upload normalerweise nicht erforderlich.
Formularfelder nicht unnötig erweitern #
Es ist technisch einfach, immer weitere Felder hinzuzufügen. Das macht ein Formular aber nicht automatisch besser.
Frage dich bei jedem Feld:
- Benötige ich diese Information wirklich?
- Muss sie bereits beim ersten Kontakt vorliegen?
- Muss das Feld verpflichtend sein?
- Kann ich die Information später erfragen?
Gerade bei allgemeinen Kontaktformularen ist eine kurze und verständliche Struktur häufig die bessere Lösung.
Formular auf Smartphones testen #
Viele Besucher verwenden Kontaktformulare auf Smartphones.
Prüfe deshalb die Kontaktseite auch auf kleineren Bildschirmgrössen.
Achte insbesondere darauf, dass:
- Felder nicht über den Bildschirm hinausragen
- Beschriftungen gut lesbar sind
- die Absenden-Schaltfläche gut bedienbar ist
- Fehlermeldungen sichtbar bleiben
- keine anderen Website-Elemente das Formular überdecken
Formular nach Plugin- oder Theme-Updates kontrollieren #
Ein einmal eingerichtetes Kontaktformular sollte nicht jahrelang ungeprüft bleiben.
Nach grösseren Änderungen an WordPress, Theme, Formular-Plugin, SMTP-Konfiguration oder Sicherheitssystemen ist ein erneuter Funktionstest sinnvoll.
Auch unabhängig von Updates empfiehlt es sich, geschäftlich wichtige Formulare gelegentlich selbst zu testen.
Typische Fehler bei WordPress-Kontaktformularen #
- Formular erstellen, aber nie selbst testen
- falsche Empfängeradresse hinterlegen
- Besucheradresse ungeprüft als technischen Absender verwenden
- Reply-To falsch konfigurieren
- neue Formularfelder nicht in der E-Mail-Ausgabe berücksichtigen
- Spam-Ordner bei Zustellproblemen nicht kontrollieren
- Formular nur auf dem Desktop testen
- unnötig viele Pflichtfelder verlangen
- Spam-Schutz komplett ignorieren
- externe CAPTCHA-Dienste ohne Datenschutzprüfung einbinden
- davon ausgehen, dass eine Erfolgsmeldung automatisch die E-Mail-Zustellung bestätigt
Checkliste für ein neues Kontaktformular #
- Formular-Plugin installieren und aktivieren.
- Kontaktformular erstellen.
- Nur notwendige Felder hinzufügen.
- Pflichtfelder sinnvoll festlegen.
- Empfängeradresse kontrollieren.
- Technische Absenderadresse korrekt konfigurieren.
- Reply-To-Adresse prüfen.
- E-Mail-Inhalt kontrollieren.
- Formular auf der gewünschten Seite einfügen.
- Seite im Frontend kontrollieren.
- Testnachricht absenden.
- Posteingang und Spam-Ordner prüfen.
- Antwortfunktion testen.
- mobile Darstellung kontrollieren.
- Spam- und Datenschutzanforderungen prüfen.
Quando dovresti contattare il supporto di CURIAWEB? #
Wenn das Formular korrekt eingerichtet erscheint, aber keine Nachrichten versendet werden oder technische Fehler auftreten, kann eine Prüfung der WordPress- und Mailumgebung sinnvoll sein.
Ciò che risulta utile in questo caso è:
- il dominio interessato
- Name des Formular-Plugins
- messaggio di errore preciso
- Empfängerdomain der Testnachricht
- ob WordPress eine erfolgreiche Übermittlung meldet
- ob SMTP verwendet wird
- da quando esiste il problema
Passwörter solltest du nicht unaufgefordert per Support-Nachricht mitsenden.
Riepilogo #
Für ein Kontaktformular in WordPress benötigst du normalerweise ein Formular-Plugin. Mit Contact Form 7 kannst du ein einfaches Formular erstellen, die benötigten Felder festlegen und das Formular anschließend auf einer Seite einbinden.
Besonders wichtig ist die E-Mail-Konfiguration. Empfängeradresse, technische Absenderadresse und Reply-To-Adresse erfüllen unterschiedliche Aufgaben und sollten korrekt eingerichtet werden.
Nach der Einrichtung solltest du das Formular immer vollständig testen. Eine erfolgreiche Meldung im Browser allein beweist noch nicht, dass die daraus erzeugte E-Mail tatsächlich beim Empfänger angekommen ist.
Berücksichtige außerdem Spam-Schutz, mobile Darstellung und Datenschutz. Ein Kontaktformular ist erst dann sinnvoll eingerichtet, wenn sowohl die Eingabe auf der Website als auch die anschließende Nachrichtenübermittlung zuverlässig funktionieren.
