Użyj własnych stron HTML w lejku
Zbuduj kroki lejka ze stron, które kodujesz samodzielnie, wklejonych do edytora albo utworzonych przez API z agentem AI, i podepnij formularz zapisu, link do koszyka i stronę podziękowania, żeby ścieżka odwiedzającego działała.
Lejek nie jest właścicielem swoich stron. To łańcuch kroków, które wskazują na strony, koszyki i automatyzacje e-mail, które już masz, więc krokiem może być każda strona z Twoja strona → Strony i lejki, także strona wklejona lub wgrana jako HTML albo utworzona przez API z agentem AI takim jak Claude Code. Po wykonaniu tych kroków będziesz mieć lejek, którego strony są w całości Twoim kodem, z tą samą kanwą, licznikami i sekwencją e-maili co lejek z szablonu.
Czego potrzebuje każdy krok
Zanfia przechowuje Twój HTML dokładnie w takiej postaci, w jakiej go dodasz, a przy wyświetlaniu dokłada tylko skrypty analityki, baner cookies i piksele. Lejek działa przez kilka atrybutów HTML, nie przez zmienne w tekście.
| Krok | Czego potrzebuje Twój HTML |
|---|---|
| Strona zapisu (wejście do lejka) | Natywny formularz Zanfii: <form data-zanfia-form="[idKonta]/[idFormularza]"> z polem email, przyciskiem wysyłki i skryptem zanfia-page-forms.js. Atrybut data-zanfia-redirect na formularzu przenosi odwiedzającego po zapisie do kolejnego kroku. |
| Strona sprzedażowa lub z ofertą | Zwykły link do koszyka. Adres skopiujesz przyciskiem Kopiuj link w edytorze koszyka. |
| Strona powitalna, strona podziękowania | Nic szczególnego. Dowolny HTML. |
| Oferta jednorazowa | Najprościej z kanwy: Dodaj krok → Oferta jednorazowa tworzy stronę z licznikiem, linkiem „Nie, dziękuję” i płatnością na stronie. Ręcznie pisana strona z ofertą potrzebuje bloku oferty, który ma wygenerowana strona. |
| Koszyk | To nie strona. Krok wskazuje na koszyk utworzony w produkcie. |
Utwórz formularz zapisu
W menu otwórz Marketing → Formularze (/marketing/forms) i kliknij Utwórz formularz. Tam
ustawisz tagi i tryb zapisu; w ustawieniach formularza jest też e-mail potwierdzający. Zobacz
Utwórz formularz zapisu. Id formularza odczytasz z adresu edytora
(/marketing/forms/f/[idFormularza]) albo z zanfia forms list.
Dodaj natywny formularz do strony zapisu
Pełny kontrakt opisuje Twój formularz na własnej stronie. Minimum to:
<form data-zanfia-form="[idKonta]/[idFormularza]" data-zanfia-redirect="/powitanie">
<input name="email" type="email" required autocomplete="email" />
<input
name="website"
type="text"
tabindex="-1"
autocomplete="off"
aria-hidden="true"
style="position:absolute;left:-9999px;opacity:0"
/>
<button type="submit">Zapisuję się</button>
<div data-zanfia-success hidden>Dziękujemy! Sprawdź skrzynkę i potwierdź zapis.</div>
<div data-zanfia-error hidden>Nie udało się wysłać. Spróbuj ponownie.</div>
</form>
<script src="https://zanfia.co/zanfia-page-forms.js" defer></script>Komenda zanfia forms snippet [idFormularza] --lang pl drukuje ten kod z uzupełnionymi id. W
data-zanfia-redirect wpisz slug kolejnej strony lejka (na przykład /powitanie).
Podepnij stronę sprzedażową do koszyka
Otwórz koszyk w produkcie i kliknij Kopiuj link. Użyj tego adresu jako href przycisku zakupu
na stronie sprzedażowej lub stronie z ofertą. Zakupy rozpoczęte z tego linku liczą się na kanwie
lejka, gdy koszyk jest krokiem lejka.
Utwórz strony w Zanfii
W obu drogach strony zaczynają jako Szkic:
- W panelu: Strony i lejki → Nowa strona lub lejek → Pusta strona - wklej własny HTML, a potem Wklej HTML albo Wgraj .html. Zobacz Własny HTML.
- Z agentem albo skryptem:
POST /pagesze slugiem, tytułem i HTML (CLI:zanfia pages create --slug powitanie --title "Powitanie" --file powitanie.html; narzędzie MCP:create-page). Zobacz Strony.
Opublikuj każdą stronę
Otwórz każdą stronę i kliknij Opublikuj albo użyj POST /pages/[idStrony]/publish (CLI:
zanfia pages publish [idStrony]; narzędzie MCP: publish-page). Lejek nie może działać, dopóki
którakolwiek z jego stron jest szkicem, a szkic pokazałby odwiedzającym komunikat o braku strony.
Połącz strony w lejek
Wybierz jedną z dwóch dróg:
- Na kanwie: otwórz pierwszą stronę, przełącz tryb u góry na Lejek i kliknij Utwórz lejek z tych stron. Potem dla każdej kolejnej strony, w kolejności odwiedzającego, użyj Dodaj krok → Strona → Albo wybierz stronę, którą już masz. Usuń z lejka wyjmuje wygenerowany krok bez usuwania jego strony, więc możesz też zacząć od szablonu i wymienić jego strony na swoje.
- Z agentem albo skryptem:
POST /funnels/from-pagesz id stron w kolejności odwiedzającego (CLI:zanfia funnels from-pages --page [id1],[id2],[id3]; narzędzie MCP:create-funnel-from-pages). Zobacz Lejki.
Dodaj koszyk i e-maile
Dodaj krok → Koszyk dodaje koszyk, do którego prowadzi strona sprzedażowa (jego oferty jednorazowe i strona podziękowania idą razem z nim). Dodaj krok → E-maile podpina automatyzację, którą już masz, albo tworzy nową sekwencję doręczającą jako szkic. Aktywuj e-maile z kanwy, gdy treść jest gotowa. Dalej wszystko działa tak jak w artykule Zbuduj lejek z szablonu.
Warto wiedzieć
Zanfia zachowuje linki w brzmieniu, w jakim je wpiszesz. Na stronach napisanych z asystentem albo
z szablonu lejek przy każdej zmianie kolejności lub publikacji kieruje przekierowanie formularza
na kolejny opublikowany krok; strona wgrana jako własny HTML zachowuje wpisany
data-zanfia-redirect, więc po zmianie kolejności zaktualizuj go samodzielnie. Strony z
formularzem zapisu ani strony w lejku nie da się zamknąć tylko dla kupujących, a usunięcie lejka
nigdy nie usuwa jego stron.
Praca z agentem AI
Najszybsza droga to gotowy skill: Zainstaluj skill Zanfia do lejków daje agentowi cały ten kontrakt, ściągę narzędzi i szablony stron jedną komendą. Bez niego podłącz agenta do konta według artykułu Podłącz klientów AI do swojego workspace i poleć mu, aby pisał każdą stronę jako kompletny plik HTML, używał natywnego kontraktu formularza z Twój formularz na własnej stronie, tworzył i publikował strony narzędziami create-page i publish-page, a lejek składał narzędziem create-funnel-from-pages. Agent czyta te same artykuły pomocy jako Markdown po dodaniu .md do adresu, a całe API opisuje https://zanfia.com/openapi/workspace-api.json.
Czy ten artykuł był pomocny?