Incolla nei blocchi di codice
Aggiungi il codice a un sito che consente di modificare l’HTML o usare blocchi di codice personalizzati, come Webflow, Framer o Carrd. Le guide sotto spiegano come.
strumento gratuito
Il tuo modulo di contatto, in HTML.
Scegli cosa possono compilare i visitatori, ad esempio nome, email e messaggio. Prova il modulo, poi copia il suo HTML nel blocco di codice personalizzato del sito.
Creare e visualizzare il modulo è gratuito e non richiede account. Per ricevere messaggi reali in mailcontact, crea un progetto e usa il suo link modulo. Se serve, chiedi a chi gestisce il sito di aggiungere il codice.
ricevi i tuoi messaggi
Una casella per il tuo modulo.
di MailContact servizio gratuito per moduli di contatto include un progetto, 50 messaggi da modulo al mese e avvisi email. Slack, Discord e webhook richiedono Pro o Plus. Aggiungi un email di contatto per il tuo progetto e le risposte con Pro o Plus.
generatore di moduli
Scegli i campi e prova il modulo.
Scegli i campi e prova un messaggio nell’anteprima. L’anteprima non invia messaggi reali. Un test dal vivo usa il link modulo inserito e conta come messaggio reale.
È un link d’esempio. Puoi provare subito l’anteprima. Per inviare davvero usa il link modulo delle impostazioni del progetto.
Protezione antispam sempre inclusa
Lo script aggiunge un controllo nascosto, verifica che sia ancora presente e vuoto e gestisce invio e conferme. Lo spam bloccato non conta nel limite mensile. I visitatori non devono risolvere CAPTCHA.
I moduli Free mostrano un piccolo link “Processed by mailcontact.app”. I moduli Pro e Plus non hanno attribuzione MailContact. Per un’interfaccia interamente personalizzata usa MailContact.send().
Prova il tuo modulo
Prova: nessun messaggio viene inviato o salvato. Prova lo stesso modulo che copierai sotto. L’aspetto finale dipende dagli stili del sito.
contact-form.html
Vedi codice del modulo (HTML)
<form action="https://mailcontact.app/api/forms/your-form-id" method="POST" data-mailcontact-form lang="it" data-mailcontact-language="it">
<input type="hidden" name="_language" value="it" />
<fieldset>
<legend>Contattaci</legend>
<label>
Nome (facoltativo)
<input name="name" type="text" autocomplete="name" maxlength="200" />
</label>
<label>
Email
<input name="email" type="email" autocomplete="email" maxlength="320" required />
</label>
<label>
Messaggio
<textarea name="message" rows="5" maxlength="5000" required></textarea>
</label>
<noscript>
<div aria-hidden="true" style="position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;">
<label>Sito web
<input name="company_website" type="text" tabindex="-1" autocomplete="off" />
</label>
</div>
</noscript>
<button type="submit">Invia messaggio</button>
</fieldset>
<p data-contact-status role="status" aria-live="polite" aria-atomic="true"></p>
</form>
<script defer src="https://mailcontact.app/forms/v1.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>usando il tuo modulo
HTML pronto per il tuo sito.
Nessuna iscrizione richiesta
Crea, visualizza e copia il modulo gratis. Per ricevere messaggi in mailcontact, crea un account e un progetto, poi aggiungi il link modulo del progetto.
Etichette chiare per i visitatori
Ogni campo ha un’etichetta e il modulo indica quelli obbligatori. Un campo nascosto aiuta a intercettare messaggi indesiderati senza ostacolare i visitatori.
FAQ
HTML dei moduli di contatto: le risposte
Come ricevo i messaggi del modulo?
Crea un progetto mailcontact e copia il link modulo nel generatore. Questo link, detto endpoint, invia i messaggi alla casella del progetto. Devi aggiungere l’HTML generato al sito o chiedere a chi lo gestisce. Gli sviluppatori possono anche collegare il modulo a un altro servizio compatibile.
Posso cambiare l’aspetto del modulo?
Sì. Il generatore crea HTML senza un tema visivo proprio. Gli stili del sito ne controllano l’aspetto. Tu o chi gestisce il sito potete cambiare layout, colori e font.
Perché il campo email è obbligatorio?
Per sapere come rispondere. L’email del visitatore appare accanto al messaggio nella casella. mailcontact verifica che sia presente e abbia un formato valido.
Posso usarlo con Webflow, Framer o Carrd?
Sì, se il piano del sito consente embed o blocchi di codice. Incolla lì il modulo e usa il link mailcontact per ricevere i messaggi.
guide
Trova la guida per il tuo sito
I messaggi del modulo, tutti qui.
Crea una casella mailcontact gratuita per il modulo del sito. Ricevi un avviso email quando qualcuno scrive. Aggiungi Slack, Discord o webhook con Pro o Plus.
Crea un modulo gratisNon serve la carta di credito. Free include un progetto e 50 messaggi dal modulo al mese.