Te przewodniki opisują Toimii po uruchomieniu. Panel i rozliczenia nie są jeszcze dostępne — Toimii ruszy w 2026 roku.

Jak osadzić formularz kontaktowy w Webflow w dwie minuty

Element Code Embed na canvasie. Opublikuj, żeby zobaczyć. Designer nie wyświetla podglądu własnego kodu — to ograniczenie Webflow, nie Toimii.

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

Czy to naprawdę działa?

Tak — na planie Basic lub wyższym. Element Code Embed (przemianowany z „Embed" w 2024 roku) wykonuje skrypty inline przy publikowaniu. Designer nie wyświetla podglądu własnego kodu, więc formularz zobaczysz tylko na opublikowanym URL *.webflow.io lub w domenie live.

Krok po kroku

Otwórz stronę w Designerze

Kliknij na stronę, na której ma być formularz. Upewnij się, że jesteś na planie Basic lub wyższym — darmowy plan Starter usuwa własny kod.

Przeciągnij element Code Embed

Z panelu Add przeciągnij element Code Embed na canvas w miejsce, gdzie ma być formularz. (Przemianowany z „komponentu Embed" w 2024 roku — to samo.)

Wklej kod osadzania

Kliknij dwukrotnie Code Embed, żeby otworzyć edytor kodu. Wklej dwie linie z dashboardu Toimii. Kliknij Zapisz i zamknij.

Nie oczekuj podglądu w Designerze

Designer pokazuje placeholder w miejscu osadzania — to normalne, własny kod nie wyświetla się w podglądzie Designera.

Opublikuj i sprawdź

Kliknij Publikuj. Otwórz formularz na URL *.webflow.io lub w domenie live. Wyślij testową wiadomość, żeby potwierdzić.

Wymagany plan

Darmowy plan Starter Webflow usuwa własny kod przy publikowaniu. Żeby używać Toimii, potrzebujesz planu Basic ($14/mies.) lub wyższego.

Częste pułapki

Webflow Designer nie wyświetla podglądu własnego kodu. W edytorze zobaczysz placeholder — formularz renderuje się tylko na opublikowanej stronie. Opublikuj, żeby go zobaczyć.
Element Code Embed ma limit 50 000 znaków. Nasze osadzanie jest daleko poniżej tego limitu, ale łącz ostrożnie, jeśli wklejasz kilka rzeczy naraz.
Własny kod wymaga co najmniej planu Basic ($14/mies.). Darmowy plan Starter usuwa własny kod przy publikowaniu.
W 2024 roku „komponent Embed" Webflow zmienił nazwę na „element Code Embed". Jeśli tutorial mówi „Embed", szukaj Code Embed w panelu Add.
Jeśli umieścisz osadzanie w divie z display flex / grid, główny element Shadow DOM formularza traktowany jest jako element blokowy. Stylizuj rodzica, nie komponent.

Często zadawane pytania

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

Nie. Webflow Designer nie wykonuje własnego kodu — pokazuje placeholder w miejscu osadzania. Żeby zobaczyć formularz, kliknij Publikuj i otwórz swój URL *.webflow.io lub domenę live.

Czy działa na darmowym planie Starter?

Nie — własny kod wymaga planu Basic ($14/mies.) lub wyższego. Darmowy plan Starter blokuje cały własny kod, więc osadzanie nie zadziała, dopóki nie przejdziesz na wyższy plan.

Widzę „element Code Embed" — czy to to samo co stary „Embed"?

Webflow w 2024 roku zmieniło nazwę komponentu „Embed" na „element Code Embed". Ten sam komponent, nowa etykieta. Jeśli Twój tutorial mówi „Embed", szukaj Code Embed.

Słyszałem, że jest limit 50 000 znaków?

Element Code Embed ma limit 50 000 znaków na instancję. Nasze dwie linie są daleko poniżej tego limitu — ale jeśli wklejasz też kod analityczny lub inny własny kod w tym samym osadzaniu, pilnuj liczby znaków.

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ć Blok Kodu na dowolną stronę. Wymaga planu Core (nowa nazwa Business od 2025) lub wyższego.

Przeczytaj pełny poradnik

Wix

Wix umieszcza widget Embed w sandboxowym iframe, więc używamy metody split — skrypt w Ustawienia → Własny kod, tag przez Embed a Widget. Uczciwy przewodnik.

Przeczytaj pełny poradnik

Shopify

Dodaj sekcję Custom Liquid do dowolnego motywu — bez instalowania aplikacji. Strony kasy wymagają Shopify Plus.

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.

Bez karty kredytowej. Konfiguracja w 2 minuty.