Toimii er i myk lansering — tjenesten er i drift og registreringen er åpen. Prøv gratis →

Toimii er i myk lansering, så disse veiledningene beskriver en tjeneste du kan registrere deg for og bruke allerede i dag. Noen få deler er fortsatt på vei — appene for iOS og Android kommer senere i 2026.

Bygg inn et kontaktskjema i React, Vue eller Angular

Webkomponenter er en del av DOM. Sett taggen rett inn i JSX, Vue-maler eller Angular-komponenter — ingen wrapper nødvendig.

<!-- Legg dette til hvor som helst på siden din -->
<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-your-code></toimii-your-code>
Fungerer dette faktisk?

Ja — det er et standard egendefinert element: ingenting å installere, ingen wrapper å skrive. React trenger ingen konfigurasjon i det hele tatt. Vue og Angular trenger én linje hver som forteller kompilatoren deres at taggen ikke er deres — begge står nedenfor.

Steg for steg

1
Last inn skriptet
Legg til script-taggen i HTML-skallet appen din serveres fra — index.html-filen bygget ditt starter fra, eller rotlayouten i rammeverket ditt.
2
Sett inn det egendefinerte elementet
Plasser taggen der du vil ha skjemaet; JSX, Vue-maler og Angular-maler tar den imot slik den står. Kopier den fra komponentens side i Toimii — den slutter med komponentens egen kode.
3
Bygg og publiser
Bygg og publiser som du pleier, og send deg så selv en testmelding fra den publiserte siden i stedet for fra dev-serveren — innsendinger godtas bare fra domenet du har oppgitt i Toimii.

Fallgruver

  • Vue krever at taggen flagges som et egendefinert element, ellers prøver den å slå opp en Vue-komponent og gir en advarsel. isCustomElement tar imot en funksjon — test på prefikset toimii-, siden resten av taggen varierer fra komponent til komponent.
  • Angular krever CUSTOM_ELEMENTS_SCHEMA i et schemas-array — standalone-komponentens eget, eller NgModule-ens i en eldre app. Uten det gir kompilatoren feil på taggen den ikke kjenner.

Ofte stilte spørsmål

Trenger jeg en React/Vue/Angular wrapper-komponent?

Nei. Skriptet definerer elementet i nettleseren, så rammeverket ditt gjengir bare taggen — og ingenting i bygget ditt endres når vi slipper en ny versjon.

Hvordan forteller jeg TypeScript om det egendefinerte elementet?

Deklarer det i IntrinsicElements i JSX, med taggen som din egen komponent bruker. React 19 flyttet det navnerommet, og riktig form avhenger av jsx-innstillingen i tsconfig-en din, så hent den gjeldende fra Reacts oppgraderingsguide. Skjemaet fungerer uten det.

Hvordan sender jeg props eller konfigurasjon?

Det er ingenting å sende med. Hva skjemaet spør om, og hvor meldingene leveres, settes i Toimii og bakes inn i pakken skriptet laster inn — derfor har taggen ingen attributter.

Fungerer det med Next.js eller et annet React-rammeverk?

Ja. I Next.js laster du den inn med next/script fra rotlayouten — det dokumenterte stedet for et skript hele nettstedet trenger. En "use client"-grense trengs bare hvis du kobler på en load- eller error-handler; selve taggen trenger ingen.

Hva med server-side rendering?

Det egendefinerte elementet gjengis på klientsiden, som enhver webkomponent. SSR sender ut taggen, nettleseren registrerer elementet når skriptet lastes inn, deretter vises skjemaet. Det er et kort glimt av tom plass — vanligvis umerkelig.

Bygger du inn på en annen plattform?

Samme to linjer kode, brutt ned for hver plattform.

Klar til å prøve det?

30-dagers gratis prøveperiode. Ingen kredittkort. Klar på minutter.

Ingen kredittkort nødvendig. Klar på 2 minutter.