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

Jak osadzić formularz kontaktowy w Wix (uczciwy przewodnik na 2026)

Widget Embed Wix działa w sandboxowym iframe — więc wklejenie wszystkiego naraz nie zadziała. Oto metoda split, która działa.

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

Czy to naprawdę działa?

Tak — ale tylko metodą split, na planie Core lub wyższym.

Blok „Embed a Widget" Wix działa wewnątrz sandboxowego iframe. W grudniu 2025 Wix zaostrzył ten sandbox, usuwając allow-same-origin — więc wklejenie wszystkiego naraz już nie działa. Znacznik script ładuje się wewnątrz iframe, gdzie nie widzi DOM Twojej strony Wix, a własny element rejestruje się w niewłaściwym miejscu.

Rozwiązaniem jest metoda split: umieść znacznik script w Ustawienia → Własny kod (który wstrzykuje bezpośrednio do Twojej strony Wix, NIE wewnątrz iframe), a własny element <toimii-contact></toimii-contact> umieść w bloku Embed a Widget. Skrypt rejestruje element na stronie głównej, blok widgetu umieszcza tag, formularz się renderuje.

Krok po kroku

Otwórz Ustawienia → Własny kod

Z dashboardu Wix przejdź do Ustawienia → Własny kod (pod Zaawansowane). Uwaga — wymaga planu Core ($17/mies.) lub wyższego. Kliknij + Dodaj własny kod.

Dodaj znacznik script

Wklej tylko znacznik script — pierwszą z dwóch linii: <script src="https://cdn.toimii.io/components/your-code.js" async></script>. Ustaw „Dodaj kod do stron" na „Wszystkie strony" (albo tylko stronę, na której osadzasz formularz). Ustaw „Umieść kod w" na Body — start. Zapisz.

Dodaj blok Embed a Widget

Otwórz Edytor Wix dla strony, na której chcesz formularz. Kliknij Dodaj (+) → Osadź kod → Embed a Widget. (NIE Embed HTML — to jest wersja sandboxowa.) Wrzuć widget tam, gdzie ma stać formularz.

Wklej własny tag elementu

W ustawieniach widgetu wklej tylko własny tag elementu — drugą linię: <toimii-contact></toimii-contact>. Kliknij Aktualizuj.

Ustaw rozmiar bloku widgetu

Zmień rozmiar bloku widgetu w Edytorze, żeby mniej więcej pasował do wysokości formularza. Sam formularz renderuje się na zewnątrz iframe (na Twojej stronie Wix) — blok widgetu pełni rolę kotwicy pozycjonowania.

Opublikuj i obejrzyj live

Kliknij Opublikuj. Sam podgląd nie pokaże formularza — reguły Własnego kodu działają tylko na zapisanych/opublikowanych wersjach. Otwórz live URL, żeby potwierdzić.

Wymagany plan

Ustawienia → Własny kod wymaga planu Core ($17/mies.) lub wyższego. Darmowy plan i plan Light mogą używać Embed a Widget, ale nie mają Własnego kodu, więc metoda split nie zadziała — musisz przejść na wyższy plan.

Częste pułapki

Wklejenie wszystkiego naraz do jednego widgetu Embed NIE DZIAŁA. Wix zaostrzył sandbox Embed w grudniu 2025 (usunął allow-same-origin). Skrypt się ładuje, ale własny element rejestruje się wewnątrz iframe — nie na Twojej stronie Wix.
Ustawienia → Własny kod wymaga planu Core ($17/mies.) lub wyższego. Darmowy plan i plan Light go nie mają.
Reguły Własnego kodu obowiązują po zapisaniu — nie wyświetlają się w podglądzie Edytora Wix. Kliknij „Podgląd" albo, lepiej, „Opublikuj" i obejrzyj live URL.
Blok Embed a Widget ma stały rozmiar iframe. Zmień rozmiar bloku w Edytorze, żeby pasował do naturalnej wysokości formularza; sam formularz siedzi NA ZEWNĄTRZ iframe (na stronie głównej), więc iframe jest tylko kotwicą pozycjonowania.
Jeśli reguły własnego kodu są ze sobą sprzeczne, ostatni zapis wygrywa po cichu. Trzymaj jedną regułę, skierowaną na obie strony, w head + body — łatwiej debugować niż osobne reguły na stronę.

Często zadawane pytania

Co oznacza „sandboxowy iframe"?

Sandboxowy iframe to iframe z atrybutem sandbox, który ogranicza to, co może robić zawartość wewnątrz. W grudniu 2025 Wix usunął allow-same-origin z sandboxa widgetu Embed. Skrypt nadal się ładuje, ale własny element rejestruje się wewnątrz iframe — nie na Twojej stronie Wix. Dlatego jeden blok osadzania nie działa; musimy to podzielić.

Dlaczego „Embed HTML" nie działa jak dawniej?

Oba działają w tym samym sandboxowym iframe (od kiedy Wix zaostrzył bezpieczeństwo w grudniu 2025, usuwając allow-same-origin). Skrypt się ładuje, ale własny element rejestruje się w iframe — nie na Twojej stronie głównej. Dlatego zalecamy metodę split.

Chwila — czy metoda split naprawdę działa?

Tak. Znacznik script trafia do Ustawienia → Własny kod (head lub body) — to wstrzyknięcie na stronę główną, nie do iframe. Własny element trafia do bloku Embed a Widget, który renderuje tag na stronie głównej (zawartość widgetu działa w iframe, ale sam tag jest montowany do DOM rodzica). Razem: skrypt rejestruje element na stronie głównej, tag jest w DOM rodzica, formularz się renderuje.

A co z Velo (Wix Dev Mode)?

Velo (Wix Dev Mode) daje kod backendowy i zdarzenia frontendowe — ale powierzchnia renderowania HTML to nadal ten sam iframe widgetu Embed. Velo nie znosi sandboxu; po prostu daje sposób na obejście go skryptami. Dla większości użytkowników metoda split jest prostsza.

Czy po prostu przejść na inną platformę?

Szczerze mówiąc, jeśli teraz wybierasz kreator stron no-code, Squarespace, Webflow i WordPress.com wszystkie obsługują nasze osadzanie sprawniej niż Wix. Mówimy to bez lekceważenia — wolelibyśmy, żebyś miał płynne doświadczenie, niż żebyś się zmagał z sandboxem.

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

Webflow

Element Code Embed mieści do 50 000 znaków. Własny kod wymaga planu Basic lub wyższego. Opublikuj, żeby zobaczyć efekt.

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.