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

Come incorporare un modulo di contatto su Webflow in due minuti

Un elemento Code Embed sul canvas. Pubblica per vederlo. Il Designer non visualizza in anteprima il codice personalizzato — è una questione di Webflow, non di Toimii.

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

Funziona davvero?

Sì — con il piano Basic del sito o superiore. L'elemento Code Embed (rinominato da "Embed" nel 2024) esegue gli script inline alla pubblicazione. Il Designer non visualizza in anteprima il codice personalizzato, quindi vedrai il modulo solo sull'URL *.webflow.io pubblicato o sul dominio live.

Passo dopo passo

Apri la pagina nel Designer

Clicca sulla pagina in cui deve apparire il modulo. Assicurati di essere sul piano Basic o superiore — il piano Starter gratuito elimina il codice personalizzato.

Trascina un elemento Code Embed

Dal pannello Add, trascina l'elemento Code Embed sul canvas dove vuoi il modulo. (Rinominato da "componente Embed" nel 2024 — stessa cosa.)

Incolla il codice di incorporamento

Fai doppio clic sul Code Embed per aprire l'editor di codice. Incolla le due righe dal tuo pannello Toimii. Clicca su Salva e chiudi.

Non aspettarti un'anteprima nel Designer

Il Designer mostra un segnaposto dove vive l'embed — è normale, il codice personalizzato non viene visualizzato in anteprima nel Designer.

Pubblica e verifica

Clicca su Pubblica. Visualizza il modulo sull'URL *.webflow.io di staging o sul tuo dominio live. Invia un messaggio di prova per confermare.

Piano richiesto

Il piano Starter gratuito di Webflow elimina il codice personalizzato alla pubblicazione. Per usare Toimii, hai bisogno del piano Basic del sito ($14/mese) o superiore.

Trappole comuni

Il Designer di Webflow non visualizza in anteprima il codice personalizzato. Vedrai un segnaposto nell'editor — il modulo viene renderizzato solo sul sito pubblicato. Pubblica per vederlo.
L'elemento Code Embed ha un limite di 50.000 caratteri. Il nostro embed è ben al di sotto, ma combina con attenzione se stai incollando più cose.
Il codice personalizzato richiede almeno il piano Basic del sito ($14/mese). Il piano Starter gratuito elimina il codice personalizzato alla pubblicazione.
Il "componente Embed" di Webflow è stato rinominato "elemento Code Embed" nel 2024. Se un tutorial dice "Embed", cerca Code Embed nel pannello Add.
Se inserisci l'embed in un div con display flex / grid, la radice Shadow DOM del modulo viene trattata come un elemento a livello blocco. Applica lo stile al genitore, non al componente.

Domande frequenti

Il Designer non mostra il modulo — è rotto?

No. Il Designer di Webflow non esegue il codice personalizzato — mostra un segnaposto dove andrà l'embed. Per vedere il modulo, clicca su Pubblica e visualizzalo sull'URL *.webflow.io di staging o sul tuo dominio live.

Funziona con il piano Starter gratuito?

No — il codice personalizzato richiede il piano Basic del sito ($14/mese) o superiore. Il piano Starter gratuito blocca tutto il codice personalizzato, quindi l'embed non funzionerà finché non esegui l'upgrade.

Vedo "elemento Code Embed" — è lo stesso del vecchio "Embed"?

Webflow ha rinominato il componente "Embed" in "elemento Code Embed" nel 2024. Stesso componente, nuovo nome. Se il tuo tutorial dice "Embed", cerca Code Embed.

Ho sentito che c'è un limite di 50.000 caratteri?

L'elemento Code Embed ha un limite di 50.000 caratteri per istanza. Le nostre due righe sono ben al di sotto — ma se stai anche incollando analytics o altro codice personalizzato nello stesso embed, tieni d'occhio il conteggio.

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. Richiede il piano Core (rinominato nel 2025 da Business) o superiore.

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

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.

Nessuna carta di credito. Pronto in 2 minuti.