Sprzedawaj płatny produkt w swoim sklepie

Ten przewodnik prowadzi od istniejącej strony internetowej do płatnego produktu, który każdy może kupić w Twoim własnym sklepie. Na końcu masz opublikowany produkt z koszykiem i ceną, Stripe połączony z Twoim własnym kontem Stripe, sklep, który pokazuje produkt z ceną, jedno zamówienie testowe przeprowadzone od początku do końca oraz profil marki odczytany z Twojej strony.

Zanim zaczniesz, przygotuj:

• Adres e-mail albo konto Google do rejestracji.
• Adres swojej publicznej strony internetowej (blog, strona firmowa). Zadziała też link do profilu na Instagramie, TikToku, YouTube albo LinkedIn.
• Konto Stripe albo kilka minut na założenie go w etapie 5.

1. Załóż konto

Otwórz https://app.zanfia.com/auth/register. Kliknij Kontynuuj z Google albo wpisz adres w polu Wpisz swój e-mail, zaznacz Akceptuję Regulamin i Politykę Prywatności i kliknij Wyślij kod. Sześć cyfr z e-maila wpisz w polu Kod weryfikacyjny. Formularz nie pyta ani o imię, ani o hasło.

Zobaczysz pełnoekranową stronę Twój pierwszy produkt pod adresem /welcome. Okres próbny już trwa i nikt nie prosił o kartę.

Więcej: Załóż konto.

2. Zbierz pomysły na produkt ze swojej strony

Na ekranie powitalnym kliknij Masz stronę? Zacznij od niej - podpowiem produkty →. Ekran zmienia się na Zacznij od swojej strony. Wklej adres w polu https://twojastrona.pl i kliknij Analizuj.

Zobaczysz:

• Ekran Analizuję Twoją stronę, a potem pigułkę z nazwą strony i karty z pomysłami pod napisem Pomysły z Twojej strony:.
• Przycisk Więcej pomysłów, który dodaje nowe karty pod istniejącymi.
• Dyskretną linijkę pod pigułkami: Ustawiamy [Twoja strona] jako Twoją markę. z przyciskiem Cofnij. Zanfia odczytuje wygląd i głos pierwszej strony przeanalizowanej na ekranie powitalnym i zapisuje je jako Twoją markę. Zostaw to bez zmian; wynik obejrzysz w etapie 10.
• Pigułkę Dodaj źródło dla drugiej strony, profilu społecznościowego albo kilku słów kluczowych. Możesz mieć do trzech źródeł; przy trzech pigułka znika.

Więcej: Zbuduj produkt w Magic Boxie.

3. Zbuduj produkt

Kliknij kartę z pomysłem, który pasuje najlepiej. Jej tekst trafia do pola Opisz swój pomysł na produkt…. Zmień go, jeśli chcesz; jeśli produkt ma być płatny, napisz to i podaj cenę. Kliknij Utwórz.

Krótka animacja kończy się komunikatem Gotowe! Oto Twój nowy produkt. Trafiasz do edytora nowego produktu, nie do kokpitu. Zobaczysz:

• Status Szkic w nagłówku.
• Zakładkę treści nazwaną od typu produktu (na przykład Kurs) z roboczą strukturą.
• Zakładki Dodatki i pakiety, Koszyki, Dostęp i Ustawienia.
• Jeden roboczy koszyk w zakładce Koszyki. Płatny pomysł dostaje koszyk z oznaczeniem Płatny i ceną startową; darmowy pomysł dostaje koszyk z oznaczeniem Darmowy.

Klienci niczego jeszcze nie widzą.

Więcej: Uruchom pierwszy produkt oraz Panel produktu.

4. Ustaw płatną cenę

Otwórz zakładkę Koszyki produktu i kliknij roboczy koszyk. Edytor koszyka otwiera się pod adresem /checkouts/<id>: ustawienia po lewej, podgląd na żywo po prawej.

• Koszyk ma już cenę. Otwórz zakładkę Ceny, otwórz cenę, ustaw kwotę w polu Cena brutto oraz walutę i zapisz.
• Koszyk nie ma jeszcze ceny. W zakładce Ceny kliknij Dodaj cenę, na pytanie Jaki rodzaj ceny dodajesz? wybierz Płatność jednorazowa, wpisz Cena brutto i zapisz.
• Roboczy koszyk jest darmowy. Darmowy koszyk nie ma zakładki Ceny. Wróć do zakładki Koszyki produktu, kliknij Dodaj koszyk → Dodaj płatny koszyk i tam dodaj cenę.

Zobaczysz cenę w podglądzie po prawej. W nagłówku przycisk Opublikuj koszyk jest nieaktywny, a obok niego jest przycisk Podłącz bramkę płatności: płatny koszyk nie może ruszyć bez sposobu przyjmowania płatności. Kliknij Zapisz szkic, żeby zachować zmiany.

Więcej: Utwórz koszyk oraz Pakiety i ceny (subskrypcje, raty, waluty).

5. Połącz Stripe

Kliknij Podłącz bramkę płatności w edytorze koszyka. Otwiera się okno o tym samym tytule z bramkami płatności; niezapisane zmiany są wcześniej zapisywane jako szkic. Możesz też otworzyć w menu Integracje → Płatności (/integrations/payments).

Stripe jest w grupie Płatności globalne. Kliknij Połącz na karcie Stripe, a potem Połącz ze Stripe w oknie Połącz Stripe, aby przyjmować płatności. Przechodzisz do Stripe, gdzie logujesz się albo zakładasz konto i zatwierdzasz połączenie.

Po powrocie do Zanfii zobaczysz okno Stripe połączony. Kliknij Rozumiem. Karta Stripe jest teraz w sekcji Połączone i ma przycisk Zarządzaj. Kliknij Zarządzaj, żeby w sekcji Statusy metod płatności sprawdzić, które z metod Karta, Przelewy24, BLIK i Klarna są aktywne na Twoim koncie Stripe.

Więcej: Połącz Stripe. Wolisz inną bramkę? Zobacz Połącz Przelewy24 oraz Metody płatności według bramki.

6. Opublikuj koszyk

Wróć do edytora koszyka: Oferty → Koszyki (/checkouts) w menu, a potem Twój koszyk. Przycisk Opublikuj koszyk jest już aktywny. Kliknij go.

Produkt jest jeszcze szkicem, dlatego potwierdzenie brzmi Opublikować ten koszyk i udostępnić [nazwa]? i wyjaśnia, że publikacja koszyka udostępni też produkt. Potwierdź.

Zobaczysz:

• Zieloną etykietę Opublikowano w nagłówku edytora koszyka, a obok przyciski Otwórz na żywo i Kopiuj link.
• Status Opublikowany na produkcie, bez klikania tam przycisku Opublikuj.

Kopiuj link daje adres koszyka. Ten adres już działa, więc można go udostępnić od razu. Dwa kolejne etapy umieszczają produkt w Twoim własnym sklepie.

7. Sprawdź adres swojej strony

Otwórz w menu Twoja strona → Ustawienia. Ekran Strona i marka otwiera się na zakładce Ustawienia ogólne (/site/general).

W sekcji Adres Twojej strony adres jest już wpisany: Zanfia tworzy go razem z kontem i dlatego link do koszyka z etapu 6 działa. Ikona kopiowania kopiuje link, a ikona strzałki otwiera Twoją stronę.

Aby zmienić adres, kliknij Edytuj, w oknie Zmienić adres Twojej strony? wpisz nową nazwę w polu Adres strony i kliknij Zapisz. Zrób to teraz, zanim zaczniesz udostępniać linki: po zmianie linki ze starym adresem przestają działać.

Niżej sekcja Strona główna decyduje o tym, co otwiera się pod adresem Twojej strony. Sklep jest ustawieniem początkowym i z niego korzysta ten przewodnik.

Więcej: Adres strony i strona główna. Jeśli wolisz własną domenę, zobacz Podłącz własną domenę.

8. Ułóż sklep

Otwórz Twoja strona → Sklep (/sites/storefront). Panel edycji jest po lewej, a podgląd sklepu na żywo po prawej. Przełącznik na górze panelu zostaw na opcji Sklep produktowy.

1. W zakładce Sekcje znajdź swój produkt. Opublikowany produkt zwykle jest już w sklepie, w grupie Produkty. Jeśli go tam nie ma, rozwiń na dole Dodaj do sklepu i kliknij ikonę plusa przy produkcie.
2. Opcjonalnie: kliknij Dodaj sekcję, strzałką obok przycisku wybierz układ Siatka, Lista, Karuzela albo Wyróżniony produkt i dodaj produkt do sekcji przyciskiem Dodaj produkty.
3. W zakładce Wygląd wybierz Szablon i Tryb (Jasny, Ciemny albo Auto). Opcja Pokazuj ceny w części Dostosuj decyduje, czy cena jest widoczna na karcie produktu.
4. Kliknij Zapisz. Do tego czasu w nagłówku widać ● Niezapisane zmiany, a zmiany pokazuje tylko podgląd.

Po kliknięciu Zobacz sklep zobaczysz w nowej karcie swój publiczny sklep z kartą produktu i ceną. Produkt oznaczony w edytorze etykietą Brak koszyka jest w sklepie pomijany: potrzebuje aktywnego koszyka domyślnego w zakładce Koszyki.

Więcej: Skonfiguruj sklep, Edytuj stronę produktu oraz Stopka sklepu i linki prawne.

9. Zrób zakup testowy

Otwórz ponownie edytor koszyka i kliknij Zakup testowy w nagłówku. W nowej karcie otwiera się testowa wersja koszyka z banerem Zakup testowy - żadna prawdziwa płatność nie zostanie zrealizowana.

Wypełnij formularz tak, jak zrobiłby to klient, i dokończ zamówienie. Żadna karta nie jest obciążana. Cała reszta dzieje się naprawdę: trafiasz na stronę, którą klienci widzą po zakupie, na adres kupującego przychodzi e-mail z dostępem, powstaje rekord klienta, a w sekcji Transakcje (/orders) pojawia się zamówienie oznaczone [TEST]. Żeby je zobaczyć, odznacz tam pole Ukryj zamówienia testowe.

Strzałka obok przycisku Zakup testowy ma opcję Utwórz link do udostępnienia: link testowy ważny 1 godzinę, 24 godziny albo 7 dni, który możesz przekazać osobie z zespołu.

Więcej: Zrób pierwszą sprzedaż oraz Dostosuj stronę podziękowania.

10. Przejrzyj swoją markę

Otwórz Twoja strona → Ustawienia i przełącz widok obok tytułu z Ustawienia strony na Marka i motyw (/site/theme). Zakładki to Motyw strony, Motyw koszyka, Kolory i typografia oraz Głos i treść.

• Kolory i typografia pokazuje kolory i czcionki odczytane ze strony przeanalizowanej w etapie 2. Głos i treść pokazuje, jak brzmi Twoja marka i do kogo mówi. Obie zakładki można edytować ręcznie.
• Link Przeanalizowane strony po prawej stronie paska zakładek prowadzi do listy przeanalizowanych stron. Odczytanie marki ze strony zajmuje zwykle około minuty, więc zaraz po etapie 2 może jeszcze trwać.
• Kolory i czcionki marki są używane, gdy AI pisze dla Ciebie strony i treści. Same nie zmieniają wyglądu Twojej strony ani koszyka. Aby je zastosować, użyj przycisku Użyj kolorów i czcionek marki w zakładce Motyw strony (widocznego, gdy marka ma kolor akcentu) albo Motyw z marki w zakładce Motyw koszyka.

Jeśli zakładka Kolory i typografia pokazuje zamiast tego Skonfigurujmy Twoją markę, marka nie została zapisana: kliknij Przeanalizuj moją markę i wklej adres swojej strony.

Co dalej

• Dodaj order bump: zaproponuj drugi produkt w tym samym koszyku.
• Kody rabatowe: cena premierowa bez zmian w koszyku.
• Wygeneruj stronę z AI: strona sprzedażowa napisana na podstawie prawdziwego produktu, ceny i linku do koszyka.
• Połącz program do fakturowania: faktura do każdego opłaconego zamówienia.