Toimii è in soft launch, quindi queste guide descrivono un servizio a cui puoi già iscriverti e che puoi usare oggi. Qualche pezzo è ancora in arrivo: le app per iOS e Android arrivano entro la fine del 2026.

Come incorporare un modulo di contatto su Webflow in due minuti

Un elemento Code Embed, due righe al suo interno, pubblica. Sul canvas vedi un segnaposto e non il modulo — è così che Webflow disegna un tag script.

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

Funziona davvero?

Sì. L'elemento Code Embed è di Webflow stessa: accetta le due righe esattamente come sono scritte e le esegue sulla pagina pubblicata, senza nessuna App da installare. C'è una sola condizione sul tuo piano, qui sotto.

Passo dopo passo

Apri la pagina nel Designer

Nel Designer, apri la pagina in cui deve apparire il modulo e scorri fino al punto in cui lo vuoi.

Trascina un elemento Code Embed

Dal pannello Add, trascina l'elemento sul canvas, dentro la sezione o il contenitore a cui il modulo appartiene.

Incolla il codice di incorporamento

Fai doppio clic sull'elemento per aprire il suo editor di codice, incolla le due righe dalla pagina del tuo componente in Toimii e salva. Copiale invece di riscriverle a mano — il nome dell'elemento è unico per il tuo componente.

Pubblica, poi controlla la pagina live

Pubblica il sito, poi apri la pagina pubblicata e invia un messaggio di prova. Solo un messaggio arrivato davvero dimostra che l'intero percorso funziona.

Piano richiesto

Il codice personalizzato è una funzione a pagamento, e a sbloccarla bastano due cose diverse: un Workspace a pagamento oppure un Site plan attivo sul sito. Ne basta uno solo dei due — ed è proprio qui che sbaglia la maggior parte delle guide. Webflow elenca i piani idonei sulla sua pagina dedicata all'elemento Code Embed; i livelli e i prezzi citati altrove sono cambiati più di una volta.

Trappole

La pubblicazione va solo sui domini che selezioni nella finestra di pubblicazione. Se il modulo è online sull'indirizzo di staging ma manca dal tuo dominio, controlla prima di tutto quella selezione.
Applica lo stile al contenitore, non al modulo: larghezza, allineamento e spaziatura vanno sull'elemento che contiene il Code Embed. L'aspetto del modulo si imposta in Toimii.
Due moduli sulla stessa pagina significano due componenti, ognuno con le proprie due righe. Incollare le stesse righe una seconda volta non fa che ripetere il primo modulo, ed entrambi finiscono nello stesso posto.

Domande frequenti

Il Designer non mostra il modulo — è rotto?

No. Webflow disegna un segnaposto ovunque ci sia un tag script sul canvas, quindi il modulo compare solo quando la pagina viene servita. Preview esegue il codice personalizzato se lo attivi, ma da un indirizzo Webflow tutto suo — la pagina pubblicata resta il test che conta.

Funziona con il piano gratuito di Webflow?

No — il codice personalizzato è la parte a pagamento di Webflow. Prima di comprare, controlla cosa hai già: un Workspace a pagamento lo copre esattamente come un Site plan, e ne basta uno solo dei due.

Conflitti con le Interazioni o le animazioni di Webflow?

No. Il componente è nel proprio Shadow DOM — non vede le interazioni o le animazioni di Webflow, e Webflow non vede cosa c'è dentro il componente. Entrambi funzionano fianco a fianco.

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. Serve un piano i cui blocchi di codice possono eseguire JavaScript.

Leggi la guida completa

Wix

Usa il Custom Element di Wix: l'URL dello script del tuo componente in Server URL, il suo tag in Tag Name. L'elemento Embed HTML non funziona — è un iframe sandbox.

Leggi la guida completa

Shopify

Aggiungi una sezione Custom Liquid nell'editor del tema di Shopify — nessuna app da installare, nessuna modifica al codice del tema. Le pagine di checkout sono l'unico posto in cui non può stare.

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

HTML / Personalizzato

Basta una pagina HTML semplice. Aprila in un editor di testo, incolla, salva, carica. Tre passi e sei online.

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.

Inizia la prova gratuita

Nessuna carta di credito. Pronto in 2 minuti.