Incorpora un modulo di contatto in React, Vue o Angular
I web component fanno parte del DOM. Inserisci il tag direttamente in JSX, nei template Vue o nei componenti Angular — nessun wrapper necessario.
<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-your-code></toimii-your-code>
Passo dopo passo
Trappole
Domande frequenti
Ho bisogno di un componente wrapper per React/Vue/Angular?
No. Lo script definisce l'elemento nel browser, quindi il tuo framework si limita a renderizzare il tag — e nella tua build non cambia nulla quando pubblichiamo una nuova versione.
Come dico a TypeScript dell'elemento personalizzato?
Dichiaralo in IntrinsicElements di JSX, con il tag che usa il tuo componente. React 19 ha spostato quel namespace e la forma corretta dipende dall'impostazione jsx del tuo tsconfig, quindi prendi quella attuale dalla guida all'aggiornamento di React. Il modulo funziona anche senza.
Come passo props o configurazione?
Non c'è niente da passare. Che cosa chiede il modulo e dove recapita gli invii si impostano in Toimii e vengono incorporati nel bundle che lo script carica — ecco perché il tag non ha attributi.
Funziona con Next.js o un altro framework React?
Sì. In Next.js, caricalo con next/script dal layout radice — il posto documentato per uno script che serve a tutto il sito. Un boundary "use client" è necessario solo se ci colleghi un handler load o error; il tag di per sé non ne ha bisogno.
E il server-side rendering?
L'elemento personalizzato viene renderizzato lato client, come qualsiasi web component. L'SSR emette il tag, il browser registra l'elemento quando lo script si carica, poi appare il modulo. C'è un breve flash di spazio vuoto — di solito impercettibile.
Stai incorporando su una piattaforma diversa?
Le stesse due righe di codice, spiegate per ogni piattaforma.
Pronto a provare?
30 giorni di prova gratuita. Nessuna carta di credito. Pronto in pochi minuti.
Nessuna carta di credito. Pronto in 2 minuti.