Toimii jest w fazie cichego startu, więc te poradniki opisują usługę, w której możesz się zarejestrować i z której możesz korzystać już dziś. Kilka elementów jest jeszcze w drodze — aplikacje na iOS i Androida pojawią się jeszcze w 2026 roku.

Jak osadzić formularz kontaktowy w Webflow w dwie minuty

Jeden element Code Embed, dwie linie w środku, publikacja. Canvas pokazuje placeholder, a nie formularz — tak właśnie Webflow rysuje znacznik script.

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

Czy to naprawdę działa?

Tak. Element Code Embed to własne rozwiązanie Webflow: przyjmuje dwie linie dokładnie tak, jak są napisane, i uruchamia je na opublikowanej stronie, bez instalowania żadnej aplikacji. Jest jeden warunek dotyczący planu, poniżej.

Krok po kroku

Otwórz stronę w Designerze

W Designerze otwórz stronę, na której ma pojawić się formularz, i przewiń do miejsca, w którym ma stanąć.

Przeciągnij element Code Embed

Z panelu Add przeciągnij element na canvas, do sekcji lub kontenera, w którym ma się znaleźć formularz.

Wklej kod osadzania

Kliknij dwukrotnie element, żeby otworzyć jego edytor kodu, wklej dwie linie ze strony swojego komponentu w Toimii i zapisz. Skopiuj je, zamiast przepisywać ręcznie — nazwa elementu jest inna dla każdego komponentu.

Opublikuj i sprawdź stronę na żywo

Opublikuj witrynę, a potem otwórz opublikowaną stronę i wyślij sobie testową wiadomość. Tylko dostarczona wiadomość dowodzi, że cała ścieżka działa.

Wymagany plan

Własny kod to funkcja płatna, a odblokowują ją dwie rzeczy: płatny Workspace albo aktywny plan Site na danej witrynie. Każde z nich wystarczy samo — większość poradników właśnie tu się myli. Webflow wymienia kwalifikujące się plany na swojej stronie o elemencie Code Embed; poziomy i ceny podawane gdzie indziej zmieniały się już nieraz.

Pułapki

Publikacja trafia tylko do tych domen, które zaznaczysz w oknie publikowania. Jeśli formularz działa pod adresem staging, ale nie ma go w Twojej własnej domenie, sprawdź najpierw właśnie ten wybór.
Stylizuj kontener, nie formularz: szerokość, wyrównanie i odstępy ustawiaj na elemencie, w którym siedzi Code Embed. Wygląd samego formularza ustawia się w Toimii.
Dwa formularze na jednej stronie to dwa komponenty, każdy z własną parą linii. Wklejenie tych samych linii drugi raz tylko powtórzy pierwszy formularz, a oba trafią w to samo miejsce.

Często zadawane pytania

Designer nie pokazuje formularza — czy to błąd?

Nie. Webflow rysuje na canvasie placeholder wszędzie tam, gdzie stoi znacznik script, więc formularz pojawia się dopiero wtedy, gdy strona jest serwowana. Preview uruchomi własny kod, jeśli go włączysz, ale serwuje stronę z własnego adresu Webflow — rozstrzygającym testem pozostaje opublikowana strona.

Czy działa na darmowym planie Webflow?

Nie — własny kod to właśnie ta płatna część Webflow. Zanim cokolwiek kupisz, sprawdź, co już masz: płatny Workspace odblokowuje go tak samo jak plan Site, i każde z nich wystarczy samo.

Czy koliduje z Webflow Interactions lub animacjami?

Nie. Komponent jest we własnym Shadow DOM — nie widzi interakcji ani animacji Webflow, a Webflow nie widzi wnętrza komponentu. Oba działają obok siebie.

Osadzasz na innej platformie?

Te same dwie linie kodu, szczegółowo omówione dla każdej platformy.

WordPress

Blok Custom HTML, edytor blokowy lub klasyczny. Bez instalowania pluginu. Jeden haczyk — Twoja rola użytkownika musi mieć uprawnienie unfiltered_html.

Przeczytaj pełny poradnik

Squarespace

Wrzuć Code Block na dowolną stronę. Wymaga planu, w którym bloki kodu mogą uruchamiać JavaScript.

Przeczytaj pełny poradnik

Wix

Użyj Custom Element od Wix: adres skryptu Twojego komponentu w polu Server URL, jego tag w polu Tag Name. Osadzanie HTML nie zadziała — to sandboxowy iframe.

Przeczytaj pełny poradnik

Shopify

Dodaj sekcję Custom Liquid w edytorze motywu Shopify — bez instalowania aplikacji, bez edycji kodu motywu. Strony kasy to jedyne miejsce, w którym jej nie umieścisz.

Przeczytaj pełny poradnik

Strony statyczne

Astro, Hugo, 11ty, Jekyll — te same dwie linie w szablonie layoutu. Budowanie pozostaje szybkie.

Przeczytaj pełny poradnik

HTML / Własny

Wystarczy zwykła strona HTML. Otwórz w dowolnym edytorze tekstu, wklej, zapisz, wgraj. Trzy kroki i działa.

Przeczytaj pełny poradnik

React / Vue / Angular

Użyj własnego elementu bezpośrednio w JSX, szablonach Vue lub komponentach Angular. Żadnego komponentu opakowującego, żadnego dodatkowego pakietu.

Przeczytaj pełny poradnik

Gotowy, żeby spróbować?

30-dniowy bezpłatny okres próbny. Bez karty kredytowej. Gotowe w kilka minut.

Rozpocznij bezpłatny okres próbny

Bez karty kredytowej. Konfiguracja w 2 minuty.