Queste guide descrivono Toimii dopo il lancio. Il pannello e la fatturazione non sono ancora disponibili — Toimii sarà disponibile nel 2026.

Il modo più semplice per aggiungere un modulo di contatto a una pagina HTML semplice

Due righe ovunque nel <body>. Nessun processo di build, nessuna dipendenza. Se riesci a salvare e caricare, riesci a farlo.

<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-contact></toimii-contact>

Funziona davvero?

Sì — e questo è il caso più semplice. L'HTML semplice non ha sandbox di plugin, nessun editor che elimina gli script, nessun piano richiesto. Le due righe funzionano ovunque tu possa salvare e caricare un file .html.

Passo dopo passo

Apri il tuo file .html

Apri il file .html su cui vuoi il modulo, in qualsiasi editor di testo — VS Code, Sublime, Notepad++, anche TextEdit (in modalità testo normale).

Incolla il codice di incorporamento

Incolla le due righe dal tuo pannello Toimii all'interno di <body>, esattamente dove vuoi che appaia il modulo.

Salva e carica

Salva il file e caricalo sul tuo hosting — FTP, S3, Netlify drag & drop, qualunque cosa usi. Apri la pagina nel browser per confermare.

Trappole comuni

Non incollare il codice all'interno di <head>. L'elemento personalizzato è un tag a livello body — deve stare dentro <body>.
Non rimuovere l'attributo async dal tag script. Senza di esso, lo script blocca il rendering del resto della pagina.
Se copi e incolli da un editor rich-text, potresti ottenere virgolette tipografiche (" ") invece di quelle dritte ("). Usa un editor di testo normale — VS Code, Sublime, Notepad, TextEdit in modalità testo normale.
Se la tua pagina ha già meta tag Content-Security-Policy, autorizza cdn.toimii.io in script-src e connect-src. La maggior parte delle pagine HTML semplici non ha alcun CSP.

Domande frequenti

Ho bisogno di un backend o di PHP?

Non serve nessun backend. Gli invii vanno direttamente dal modulo all'API di Toimii — la tua pagina HTML può essere ospitata ovunque, anche su un host statico gratuito.

Posso aprire il file .html direttamente con file://?

Dipende dal browser. Chrome e Safari aprono i file .html tramite file:// senza problemi; Firefox blocca gli script cross-origin su URL file://. Per testare in modo affidabile, avvia un piccolo server locale (npx serve, python -m http.server) e apri http://localhost.

Funziona in CodePen, JSFiddle o in un sandbox?

Sì — incolla le due righe nel pannello HTML. Lo script si carica e il componente viene renderizzato nell'iframe di anteprima.

Funziona offline?

La pagina si carica, ma il modulo ha bisogno della connessione per inviare. Se un visitatore è offline, la pagina viene renderizzata normalmente — semplicemente non può inviare il messaggio finché non torna online.

Stai incorporando su una piattaforma diversa?

Le stesse due righe di codice, spiegate per ogni piattaforma.

WordPress

Blocco HTML personalizzato, Block Editor o Classico. Nessuna installazione di plugin. Una cosa da sapere — il tuo ruolo utente deve avere la capacità unfiltered_html.

Leggi la guida completa

Squarespace

Inserisci un Blocco Codice su qualsiasi pagina. Richiede il piano Core (rinominato nel 2025 da Business) o superiore.

Leggi la guida completa

Webflow

L'elemento Code Embed può contenere fino a 50.000 caratteri. Il codice personalizzato richiede il piano Basic o superiore. Pubblica per vedere il risultato.

Leggi la guida completa

Wix

Wix esegue il widget Embed in un iframe sandbox, quindi usiamo un metodo diviso — script in Impostazioni → Codice personalizzato, tag tramite Incorpora un widget. Guida onesta.

Leggi la guida completa

Shopify

Aggiungi una sezione Custom Liquid a qualsiasi tema — nessuna app da installare. Le pagine di checkout richiedono Shopify Plus.

Leggi la guida completa

Siti statici

Astro, Hugo, 11ty, Jekyll — le stesse due righe nel template del layout. Le build rimangono veloci.

Leggi la guida completa

React / Vue / Angular

Usa l'elemento personalizzato direttamente in JSX, nei template Vue o nei componenti Angular. Nessun componente wrapper, nessun pacchetto aggiuntivo.

Leggi la guida completa

Pronto a provare?

30 giorni di prova gratuita. Nessuna carta di credito. Pronto in pochi minuti.

Nessuna carta di credito. Pronto in 2 minuti.