Osadź formularz kontaktowy w React, Vue lub Angular
Web components są częścią DOM. Wrzuć tag bezpośrednio do JSX, szablonów Vue lub komponentów Angular — bez żadnego wrappera.
<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-your-code></toimii-your-code>
Krok po kroku
Pułapki
Często zadawane pytania
Czy potrzebuję komponentu opakowującego React/Vue/Angular?
Nie. Skrypt definiuje element w przeglądarce, więc Twój framework tylko renderuje tag — a gdy wydajemy nową wersję komponentu, w Twoim buildzie nic się nie zmienia.
Jak poinformować TypeScript o własnym elemencie?
Zadeklaruj go w IntrinsicElements w JSX, podając tag, którego używa Twój komponent. React 19 przeniósł tę przestrzeń nazw, a poprawna postać zależy od ustawienia jsx w tsconfigu — aktualną znajdziesz w przewodniku aktualizacji Reacta. Formularz działa bez tego.
Jak przekazywać propsy lub konfigurację?
Nie ma czego przekazywać. To, o co pyta formularz i dokąd trafiają wiadomości, ustawiasz w Toimii, a wszystko to jest wbudowane w bundle ładowany przez skrypt — dlatego tag nie ma żadnych atrybutów.
Czy działa z Next.js lub innym frameworkiem Reacta?
Tak. W Next.js załaduj go za pomocą next/script w głównym layoucie — to udokumentowane miejsce na skrypt potrzebny na całej stronie. Granica "use client" jest wymagana tylko wtedy, gdy podpinasz obsługę load lub error; sam tag jej nie potrzebuje.
A co z renderowaniem po stronie serwera?
Własny element renderuje się po stronie klienta, jak każdy web component. SSR emituje tag, przeglądarka rejestruje element po załadowaniu skryptu, następnie pojawia się formularz. Przez chwilę widać puste miejsce — zazwyczaj niezauważalne.
Osadzasz na innej platformie?
Te same dwie linie kodu, szczegółowo omówione dla każdej platformy.
Gotowy, żeby spróbować?
30-dniowy bezpłatny okres próbny. Bez karty kredytowej. Gotowe w kilka minut.
Bez karty kredytowej. Konfiguracja w 2 minuty.