Toimii jest w fazie cichego startu — usługa działa, a rejestracja jest otwarta. Wypróbuj za darmo →

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 Wix

Wix ma Custom Element stworzony dokładnie do tego. Podaj mu dwie wartości — adres skryptu i nazwę tagu — i opublikuj.

<!-- Dodaj to gdziekolwiek na swojej stronie -->
<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-your-code></toimii-your-code>
Czy to naprawdę działa?

Tak — jeden element, dwa pola. Custom Element od Wix ładuje skrypt z podanego przez Ciebie adresu i renderuje wskazany tag, a dokładnie tak dostarczany jest komponent Toimii. Osadzanie HTML tego nie potrafi: to sandboxowy iframe, a Twoja strona nigdy nie zobaczy wklejonego do niego tagu.

Krok po kroku

1
Skopiuj dwie wartości swojego komponentu
Otwórz komponent w Toimii i skopiuj jego adres skryptu oraz tag elementu. Oba są generowane osobno dla każdego komponentu, więc tag skopiuj, a nie przepisuj ręcznie.
2
Dodaj Custom Element
W Edytorze Wix dodaj Custom Element — nie element do osadzania HTML — tam, gdzie ma stać formularz, i ustaw go jak każdy inny element.
3
Uzupełnij Server URL i Tag Name
W ustawieniach elementu wklej adres skryptu w pole Server URL, a tag w pole Tag Name. To cała konfiguracja — reszta jest już ustawiona w Toimii.
4
Opublikuj i sprawdź stronę na żywo
Opublikuj witrynę i otwórz adres na żywo. To tam formularz naprawdę się renderuje.
Wymagany plan

Custom Element wymaga opublikowanej witryny na płatnym planie Wix, z podłączoną własną domeną i bez reklam Wix. Na darmowym planie nie ma na to sposobu.

Pułapki

  • Jeśli Tag Name się nie zgadza, nic się nie wyrenderuje i nie zobaczysz żadnego błędu. Tag jest inny dla każdego komponentu, więc skopiuj go ze strony komponentu w Toimii.
  • W pole Server URL wpisuje się cały adres skryptu, a nie samą nazwę pliku. Nic więcej nie trzeba konfigurować — ustawienia komponentu są zaszyte w tym pliku.
  • Dwa formularze na jednej stronie to dwa elementy Custom Element, każdy z własnym Server URL i Tag Name. Drugi element wskazujący ten sam adres po prostu powtórzy pierwszy formularz.
  • Jeśli element jest pusty na opublikowanej stronie, otwórz panel sieciowy przeglądarki. Jeśli skrypt zwraca 404, Server URL jest błędny; jeśli skrypt się załadował, to Tag Name się nie zgadza.

Często zadawane pytania

Co oznacza „sandboxowy iframe”?

Iframe to osobny dokument zagnieżdżony w Twojej stronie, a atrybut sandbox ogranicza to, co ten dokument może robić. Dokumentacja dla deweloperów Wix mówi, że osadzanie HTML tworzy środowisko sandboxowe, które nie ma bezpośredniego dostępu do pozostałych elementów Twojej strony.

Czy mogę zamiast tego użyć elementu do osadzania HTML?

Nie — w edytorze wygląda podobnie, ale to inny element, a wszystko, co do niego wkleisz, działa wewnątrz tego sandboxowego iframe'a. Wklej sam tag, a nic się nie wyrenderuje. Wklej obie linie, a w ramce może pojawić się formularz, tyle że działa on w dokumencie hostowanym przez Wix, a nie w Twojej własnej domenie, a zgłoszenia są sprawdzane względem domeny Twojej witryny — więc zostaną odrzucone, a odwiedzający zobaczy tylko ogólny komunikat o błędzie.

A co z Velo (Wix Dev Mode)?

Nie jest potrzebne. Custom Element to zwykły element edytora, a Velo nie zmienia zachowania iframe'a przy osadzaniu HTML, więc nie jest też obejściem tego problemu.

Dlaczego formularz nie wygląda dobrze w Edytorze Wix?

Bo Wix renderuje elementy Custom Element wewnątrz iframe'a — zarówno w Edytorze, jak i w trybie podglądu. Pusta albo dziwnie wymiarowana ramka w obszarze roboczym niczego nie przesądza. Opublikuj i sprawdź adres na żywo — tylko ten widok odpowiada temu, co widzi odwiedzający.

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.