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 Squarespace za pomocą jednego bloku Code Block

Jeden Code Block, dwie linie. Formularz renderuje się na opublikowanej stronie — edytor nie jest miejscem, w którym się to sprawdza.

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

Czy to naprawdę działa?

Tak — Blok Kodu przyjmuje dwie linie dokładnie tak, jak są napisane, i uruchamia je na opublikowanej stronie. Jest jeden warunek dotyczący planu, poniżej.

Krok po kroku

Otwórz edytor strony

Otwórz stronę, na której chcesz formularz, przejdź w tryb edycji i dodaj blok w miejscu, w którym ma się znaleźć.

Dodaj Code Block

W menu bloków wyszukaj Code i wybierz Code Block. Zostaw go w trybie HTML.

Wklej kod osadzania

Wklej dwie linie ze strony swojego komponentu w Toimii. Upewnij się, że przełącznik „Display Source” jest WYŁĄCZONY, żeby osadzanie się wyrenderowało, a nie żeby pokazał się kod źródłowy.

Opublikuj i sprawdź stronę na żywo

Zapisz i opublikuj, a potem otwórz opublikowany adres i wyślij testową wiadomość. Tylko dostarczona wiadomość dowodzi, że osadzenie działa od początku do końca.

Wymagany plan

Potrzebujesz planu, w którym bloki kodu mogą uruchamiać JavaScript. Squarespace wymienia kwalifikujące się plany na swojej stronie o bloku kodu; sprawdź tam, a nie w kwotach podawanych gdzie indziej, bo nazwy planów się zmieniły, a ceny różnią się w zależności od regionu i okresu rozliczeniowego.

Pułapki

Pusty blok w edytorze niczego nie dowodzi — Squarespace celowo nie pokazuje własnego kodu zalogowanym użytkownikom. Sprawdź opublikowaną stronę.
Jeśli na stronie widzisz dwie linie jako tekst zamiast formularza, przełącznik „Display Source” w bloku Code Block jest włączony. Wyłącz go.
Dwa edytory, dwa sposoby dodania bloku: sekcje z przyciskiem Add Block korzystają z Fluid Engine, a tam, gdzie przycisku nie ma, klikasz punkt wstawiania. Instrukcje znalezione gdzie indziej zwykle zakładają jeden wariant, a nie drugi.

Często zadawane pytania

Jakiego planu Squarespace potrzebuję?

Takiego, w którym bloki kodu mogą uruchamiać JavaScript. Każdy plan pozwala dodać blok kodu i wkleić do niego HTML, Markdown albo CSS — ograniczone jest właśnie uruchamianie skryptu, a nasze osadzenie to znacznik script. Aktualną listę kwalifikujących się planów Squarespace utrzymuje na swojej stronie o bloku kodu.

Mój formularz nie wyświetla się w edytorze Squarespace — czy jest zepsuty?

Raczej nie. Dokumentacja Squarespace mówi wprost, że ze względów bezpieczeństwa Twój kod czasem nie pojawia się, kiedy jesteś zalogowany, nawet jeśli odwiedzający go widzą — a proponowanym rozwiązaniem jest przycisk Preview in Safe Mode, który ma osadzony element pokazać, a nie ukryć. Opublikowana strona otwarta po wylogowaniu rozstrzyga sprawę w jedną albo w drugą stronę.

Po co używać Toimii zamiast wbudowanego formularza Squarespace?

Rozwiązują dwie różne połowy tego samego problemu. Blok formularza Squarespace kieruje każde zgłoszenie do wybranego przez Ciebie miejsca zapisu — e-maila, własnego panelu Contacts, Google Drive, Mailchimpa albo Zapiera — i bez wskazania przynajmniej jednego formularz niczego nie przyjmie. Toimii to miejsce, w którym zgłoszenia lądują zamiast tego: panel zbudowany do ich czytania i odpowiadania na nie, a nie kolejna skrzynka, którą trzeba pilnować.

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

Webflow

Przeciągnij element Code Embed i wklej dwie linie. Własny kod to w Webflow funkcja płatna — to jedyny warunek.

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.