Introduzione e inserimento del componente
Il modulo di contatto rappresenta uno degli strumenti principali per gestire la comunicazione tra il sito web e i suoi visitatori. Attraverso questo componente è possibile raccogliere richieste di informazioni, domande o preventivi direttamente dalle pagine del sito, facilitando la generazione di contatti e potenziali clienti.
Per inserire un modulo di contatto all’interno di una pagina del sito è necessario operare tramite l’editor di progettazione di SuperSite. Dopo aver aperto l’interfaccia di modifica del sito, è possibile individuare la barra degli elementi posizionata sul lato sinistro della schermata. Espandendo il menu si accede alle varie categorie disponibili, tra cui la sezione Contatti, che contiene i modelli di modulo preconfigurati.
Una volta individuato il modello più adatto al layout del sito, il componente può essere inserito nella pagina trascinandolo nell’area di lavoro tramite la funzione drag and drop e posizionandolo nel punto desiderato.
Configurazione iniziale e gestione dei campi
Dopo aver inserito il modulo nella pagina, è possibile procedere con la configurazione tecnica selezionando il componente e scegliendo l’opzione Modifica form di contatto.
Il primo parametro da definire riguarda l’indirizzo e-mail di ricezione, ovvero la casella di posta alla quale verranno inviati i messaggi compilati dagli utenti.
Il modulo può essere ampliato oltre i campi già presenti nel modello utilizzando l’icona +, che consente di aggiungere ulteriori elementi per la raccolta delle informazioni. Tra le tipologie di campo disponibili sono presenti:
- Campi di testo, utilizzati per raccogliere informazioni alfanumeriche come nome, cognome o messaggi
- Selettori di data, utili quando è necessario permettere all’utente di indicare un giorno specifico
- Campi per il caricamento di file, consentono agli utenti di allegare documenti o immagini
- Checkbox per consensi o preferenze, fondamentali per la selezione di opzioni o per l’accettazione delle condizioni di privacy
Le etichette dei campi possono essere personalizzate in qualsiasi momento effettuando un doppio clic sul testo dell’etichetta e modificandone il contenuto.
Personalizzazione estetica e design
SuperSite mette a disposizione diversi strumenti di personalizzazione per adattare l’aspetto grafico del modulo di contatto allo stile del sito.
Attraverso l’icona Stili predefiniti (rappresentata dalla stella) è possibile scegliere la forma generale del modulo, selezionando tra diverse varianti grafiche come campi squadrati, con angoli smussati, arrotondati oppure con il solo bordo inferiore. In questa sezione sono disponibili anche alcune configurazioni dedicate all’aspetto del pulsante di invio.
La sezione Colori consente di definire il colore di sfondo dei campi e l’eventuale applicazione di una sfumatura al pulsante.
La sezione Bordi permette invece di modificare colore, dimensione e arrotondamento dei bordi dei campi, oltre a scegliere se visualizzare esclusivamente il bordo inferiore.
La configurazione del Pulsante è dedicata alla personalizzazione del tasto di invio, mentre la sezione Carattere consente di modificare font, dimensione e colore del testo utilizzato nel modulo.
In generale, le principali proprietà grafiche modificabili riguardano:
- Campi: è possibile impostare colore di sfondo, colore e dimensione dei bordi, raggio di arrotondamento, eventuale visualizzazione del solo bordo inferiore e stile del testo (font, dimensione e colore)
- Pulsante permette di definire colore di sfondo, eventuale sfumatura, bordi e caratteristiche tipografiche del testo
- Etichette consente di configurare font, dimensione e colore del testo
Impostazioni avanzate e logica di invio
All’interno della stessa interfaccia di configurazione è disponibile la scheda Avanzate, che permette di definire il comportamento del modulo durante l’invio delle richieste.
Tra le principali opzioni disponibili:
- Nome del modulo: permette di assegnare un identificativo specifico al form, utile quando all’interno del sito sono presenti più moduli di contatto
- Campi obbligatori: Consente di definire quali informazioni devono essere necessariamente compilate prima di poter inviare la richiesta
- Risposta automatica: Permette di inviare automaticamente un’e-mail di conferma all’utente che ha compilato il modulo, ad esempio per comunicare la presa in carico della richiesta
- Messaggio di conferma: Consente di personalizzare il testo che viene visualizzato a schermo dopo l’invio del modulo
- Reindirizzamento (Redirect): Permette di impostare una pagina specifica verso cui indirizzare l’utente dopo l’invio del form, come una pagina di ringraziamento o la homepage, per migliorare la user experience post-conversione.
Tracking e monitoraggio delle conversioni
Per massimizzare l'efficacia delle campagne pubblicitarie online, è fondamentale monitorare le azioni compiute dai visitatori. SuperSite integra strumenti di tracking che permettono di identificare quali interazioni derivino da specifici annunci.
All’interno della sezione dedicata al tracking è possibile configurare diversi parametri forniti dalle principali piattaforme pubblicitarie:
- AdWords Conversion ID, ovvero il codice identificativo utilizzato da Google per collegare il sito alla piattaforma pubblicitaria
- AdWords Conversion Label, identifica l'azione specifica compiuta (es. iscrizione alla newsletter, richiesta di preventivo o acquisto di un prodotto), permettendo di valutare l'efficacia dei diversi obiettivi di marketing.
- Facebook Pixel ID, utilizzato per collegare il sito al sistema di tracciamento delle campagne pubblicitarie su Facebook e Instagram.
L’inserimento di questi codici permette di monitorare le azioni compiute dagli utenti sul sito e di valutare con maggiore precisione le prestazioni delle attività di marketing online.