Tutorial: un modulo di contatto in 15 minuti

In questo tutorial aggiungi un modulo di contatto al tuo sito. Quando un visitatore lo invia:

1. tu ricevi il messaggio nella tua casella e con Rispondi rispondi direttamente al visitatore,
2. il visitatore riceve una breve email «grazie, abbiamo ricevuto il tuo messaggio»,
3. i bot vengono fermati prima che ti costino qualcosa.

Non c’è nessun server da scrivere o ospitare. Il modulo parla con Frontmail direttamente dal browser con la tua chiave pubblica; Frontmail controlla da dove arriva la richiesta, genera il tuo modello e invia l’email tramite il tuo account email o provider.

Vuoi vedere prima il risultato?

La demo dal vivo esegue lo stesso tipo di modulo in React, Svelte e Vue, con il codice subito accanto.

Cosa ti serve

• Un account Frontmail. Registrati su app.frontmail.dev – basta il piano Free. Conferma il tuo indirizzo email, altrimenti puoi dare un’occhiata ma non inviare.
• Un account email da cui inviare. Qualsiasi casella SMTP (Aruba, Zoho, il tuo hosting…), un account Gmail o Outlook, oppure un provider API come Resend o Postmark.
• Un sito di cui puoi modificare l’HTML. Va bene anche una pagina statica. Per le prove in locale funziona anche un server di sviluppo su localhost.
• Circa 15 minuti.

Hai già completato «Per iniziare»?

Dopo aver creato l’organizzazione, la dashboard ti propone una breve procedura guidata. Copre gli stessi punti dei passaggi 1, 2, 4 e 6 di questo tutorial. Se l’hai completata, scorri velocemente quei passaggi e concentrati sulla risposta automatica e sul modulo stesso.

I passaggi

Ogni passaggio è breve e finisce con un link al successivo.

1. Collega un servizio emailIndica a Frontmail quale account o provider invia le tue email.

2. Crea il modello per il moduloParti dalla galleria, controlla il destinatario e guarda l’anteprima con dati di esempio.

3. Aggiungi una risposta automaticaUn secondo modello che ringrazia il visitatore, collegato al primo.

4. Consenti il tuo sitoLimita la chiave pubblica al tuo dominio e attiva il CAPTCHA.

5. Costruisci il moduloHTML semplice più l’SDK per browser dalla CDN.

6. Prova e segui la consegnaInvia una prova gratuita, invia il modulo vero e seguilo in Cronologia.

Vai di fretta? La Guida rapida riassume lo stesso percorso in una sola pagina, senza spiegazioni.