Toimii er soft launchet — tjenesten er live, og tilmeldingen er åben. Prøv gratis →

Toimii er soft launchet, så disse guides beskriver en tjeneste, du kan tilmelde dig og bruge allerede i dag. Et par dele er stadig på vej — iOS- og Android-appsene kommer senere i 2026.

Indlejr en kontaktformular i React, Vue eller Angular

Webkomponenter er en del af DOM'en. Sæt tagget direkte ind i JSX, Vue-skabeloner eller Angular-komponenter — ingen wrapper nødvendig.

<!-- Tilføj dette hvor som helst på din side -->
<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-your-code></toimii-your-code>
Virker dette rent faktisk?

Ja — det er et helt almindeligt brugerdefineret element: intet at installere, ingen wrapper at skrive. React kræver slet ingen konfiguration. Vue og Angular skal hver især have én linje, der fortæller deres compiler, at tagget ikke er deres — begge nedenfor.

Trin for trin

1
Indlæs scriptet
Tilføj script-tagget til den HTML-skal, din app serveres fra — den index.html, dit build går ud fra, eller dit frameworks rodlayout.
2
Sæt det brugerdefinerede element ind
Sæt tagget der, hvor formularen skal være; JSX samt Vue- og Angular-skabeloner tager det, som det står. Kopiér det fra komponentens side i Toimii — det ender med komponentens egen kode.
3
Byg og deploy
Byg og deploy som sædvanligt, og send så dig selv en testbesked fra den publicerede side og ikke fra dev-serveren — indsendelser accepteres kun fra det domæne, du har angivet i Toimii.

Faldgruber

  • Vue kræver, at tagget markeres som et brugerdefineret element — ellers leder den efter en Vue-komponent og advarer. isCustomElement tager en funktion, så test på præfikset toimii-, da resten af tagget varierer fra komponent til komponent.
  • Angular kræver CUSTOM_ELEMENTS_SCHEMA i et schemas-array — standalone-komponentens eget eller, i en ældre app, dens NgModules. Uden det fejler compileren på det tag, den ikke kender.

Ofte stillede spørgsmål

Har jeg brug for en React/Vue/Angular-wrapper-komponent?

Nej. Scriptet definerer elementet i browseren, så dit framework skal bare rendere tagget — og der ændrer sig ikke noget i dit build, når vi udgiver en ny version.

Hvordan fortæller jeg TypeScript om det brugerdefinerede element?

Erklær det i JSX's IntrinsicElements med det tag, din egen komponent bruger. React 19 flyttede det namespace, og den rigtige form afhænger af jsx-indstillingen i din tsconfig, så tag den aktuelle fra Reacts egen opgraderingsguide. Formularen virker uden det.

Hvordan sender jeg props eller konfiguration?

Der er ikke noget at sende med. Hvad formularen spørger om, og hvor den sender beskederne hen, sættes i Toimii og bages ind i den bundle, scriptet indlæser — derfor har tagget ingen attributter.

Virker det med Next.js eller et andet React-framework?

Ja. I Next.js indlæser du det med next/script fra rodlayoutet — det dokumenterede sted for et script, hele sitet skal bruge. En "use client"-grænse er kun nødvendig, hvis du hægter en load- eller error-handler på; selve tagget kræver ingen.

Hvad med server-side rendering?

Det brugerdefinerede element renderes på klientsiden, som enhver webkomponent. SSR udsender tagget, browseren registrerer elementet, når scriptet indlæses, og formularen vises. Der er et kort flash af tomt rum — som regel umærkeligt.

Indlejrer du på en anden platform?

De samme to linjer kode, gennemgået for hver platform.

Klar til at prøve det?

30-dages gratis prøveperiode. Intet kreditkort. Opsætning på få minutter.

Intet kreditkort påkrævet. Klar på 2 minutter.