Creare un modulo HTML
Formspree offre un processo di integrazione facile da usare per i moduli HTML di base. Qui imparerai a creare il tuo primo modulo HTML, a modificarne il markup per adattarlo alle tue esigenze specifiche e a integrare il modulo nel tuo sito web.
Prima di iniziare, registrati per un account Formspree e verifica la tua email.
Creare un nuovo modulo
Una volta creato il tuo account Formspree, puoi creare un nuovo modulo accedendo alla dashboard, facendo clic sul segno più in alto a sinistra e poi su New Form.
Puoi trovare l’ID/endpoint del tuo modulo nella sezione Integration della tua dashboard Formspree. L’ID del modulo verrà mostrato sotto “Your form’s endpoint is:” Qui puoi anche trovare una raccolta di snippet di modulo predefiniti che possono essere usati sul tuo sito. Ogni snippet è configurato per usare l’endpoint specifico del tuo modulo. Gli snippet predefiniti disponibili sotto Integration forniscono il codice per un modulo con un campo Email, un campo Message e un pulsante Submit. Se desideri includere campi diversi nel tuo modulo, puoi trovare una selezione di moduli di esempio nella Form Library.
Modificare il markup del tuo modulo
Se hai requisiti più specifici per il tuo modulo, puoi modificare il codice dei moduli di esempio oppure scrivere il tuo codice. Puoi utilizzare qualsiasi campo e attributo standard dei moduli HTML quando componi il codice del tuo modulo. Il tuo modulo deve includere, come minimo, un attributo action contenente l’endpoint univoco del modulo e dei campi di input che contengano un attributo name. Qualsiasi elemento del modulo con un attributo name ci verrà inviato.
Ulteriori riferimenti sui moduli HTML sono disponibili sul sito MDN Web Docs.
Implementare il tuo modulo
Formspree può essere usato con la maggior parte dei moderni sistemi di gestione dei contenuti e framework. Il tuo modulo può essere aggiunto in qualsiasi punto del codice del tuo sito in cui desideri che appaia. Se desideri impiegare AJAX per inviare i tuoi moduli, puoi trovare maggiori informazioni nella nostra guida Inviare moduli con JavaScript (AJAX).
Se usi React e desideri costruire moduli con più input e validazione personalizzata, puoi iniziare con la nostra libreria di componenti React seguendo la nostra guida qui.
Inviare i dati del modulo a servizi di terze parti
Una volta che il tuo modulo è attivo e funzionante sul tuo sito web, puoi iniziare a ricevere invii. Tutti gli invii del tuo modulo verranno archiviati nel tuo account Formspree. Gli invii possono anche essere inviati a un’email indicata come Target Email nelle impostazioni del tuo modulo. Tuttavia, potresti trovare utile inviare i dati degli invii del tuo modulo a servizi esterni che già utilizzi, come un CRM o un foglio di calcolo. Formspree offre numerosi plugin per inviare facilmente i dati degli invii a servizi di terze parti.
Puoi aggiungere integrazioni di plugin tramite le sezioni Plugins o Workflow della tua dashboard Formspree. Tieni presente che alcuni plugin sono disponibili solo con piani specifici. Maggiori informazioni sui plugin più popolari sono disponibili qui:
Risorse aggiuntive
Per maggiori informazioni sulla creazione di un modulo HTML con Formspree, dai un’occhiata ai nostri tutorial e alle nostre guide.