Przejdź do treści
memberarea memberarea.io

Osadzanie kasy na dowolnej stronie

Udostępniaj wstępnie wypełnione linki do kasy i kody QR albo dodaj przyciski zakupu i koszyk do dowolnej zewnętrznej strony jednym skryptem.

W tym artykule

Aby sprzedać produkt, nie potrzebujesz strony w swoim obszarze roboczym. Link do kasy działa w e-mailu, czacie lub poście w mediach społecznościowych, a kilka linii kodu umieszcza przyciski zakupu i koszyk na dowolnej stronie, którą już prowadzisz. Obie drogi prowadzą kupujących do tej samej kasy.

Otwórz linki do kasy

Jeśli Płatności są wyłączone w Twoim obszarze roboczym, najpierw włącz je w Ustawienia > Funkcje.

Każdy produkt ma własny link do kasy. Otwórz produkt w Płatności > Katalog > Produkty i przejdź na kartę Kasa i adresy URL, aby skopiować Link do kasy lub Link trybu testowego. Bezpośrednie linki do kasy przyjmują ?affiliate=CODE i ?qty=N.

Budowanie linku do kasy

Do wszystkiego, co obejmuje więcej niż jeden produkt, użyj Płatności > Katalog > Linki do kasy. Budujesz link i widzisz podgląd kasy dokładnie tak, jak zobaczą ją Twoi kupujący.

  1. W Produkty i pakiety kliknij Dodaj produkt lub pakiet. Ustaw Ilość, jeśli produkt pozwala kupującym ją wybrać, oraz Cena, jeśli produkt ma kilka cen.
  2. Włącz Zaproponuj jako dodatek dla produktu jednorazowego, który kupujący może dodać w kasie, zamiast kupować go domyślnie.
  3. W Wstępnie wypełnij dane kupującego wpisz e-mail i imię, jeśli budujesz link dla jednej osoby. To tylko wypełnia pola, kupujący może je zmienić. Włącz Wstępnie wypełnij adres, aby wypełnić też adres rozliczeniowy.
  4. Wybierz Kod rabatowy, aby został zastosowany automatycznie po otwarciu kasy.
  5. W Więcej opcji ustaw Język kasy lub włącz Link testowy, aby otworzyć kasę w trybie testowym Stripe.

W Twój link możesz potem użyć Kopiuj link, Otwórz lub Pobierz kod QR. Każde wejście od razu zapisuje otwarte zamówienie. Jeśli nikt nie zapłaci, pozostaje ono oczekujące w Zamówienia przez 24 godziny, a potem jest oznaczane jako wygasłe, więc szeroko udostępniony link pokazuje wiele oczekujących lub wygasłych zamówień. Nadal możesz wysłać ten sam link dowolnej liczbie osób.

Kreator linków do kasy z dodanym produktem, gotowym linkiem i jego kodem QR.
Kreator linków do kasy z dodanym produktem, gotowym linkiem i jego kodem QR.

Gdy program partnerski jest włączony, sekcja Partner przypisuje sprzedaż z linku partnerowi i opcjonalnej Kampania. Program partnerski jest dostępny tylko w planie Business.

Niektórych kombinacji nie da się połączyć w jednym linku. Wszystkie produkty muszą mieć tę samą walutę, a w jednym zamówieniu mieści się tylko jedna subskrypcja lub jeden plan ratalny. Planu ratalnego ani subskrypcji z okresem próbnym nie można łączyć z innymi produktami. Karty podarunkowe i bilety na wydarzenia nie są oferowane w kreatorze.

Uwaga

Jeśli kreator ostrzega, że kupujący nie mogą jeszcze zapłacić, połącz Stripe lub włącz inną metodę płatności w Płatności > Ustawienia > Metody płatności.

Osadzanie widżetów na Twojej stronie

Przejdź do Płatności > Ustawienia > Widżety. Jeden skrypt daje Ci dwie rzeczy: sklep z koszykiem, z blokami produktów i jednym wspólnym koszykiem, oraz nakładkę kasy, która otwiera pełną kasę w lightboxie, więc odwiedzający zostają na Twojej stronie.

  1. Dodaj skrypt: wklej loader raz na stronę, najlepiej w sekcji head Twojej witryny.
  2. Umieść fragmenty kodu tam, gdzie mają pojawić się produkty lub przyciski.
  3. Opublikuj i testuj: zamówienie od razu pojawia się w Płatności.
Karta Konfiguracja w ustawieniach widżetów z trzema krokami osadzania kasy na stronie internetowej.
Karta Konfiguracja w ustawieniach widżetów z trzema krokami osadzania kasy na stronie internetowej.

Karta Widżety oferuje cztery elementy: Karta produktu, Widżet „Do koszyka”, Ikona koszyka i Przycisk zakupu. Wybierz produkt w Konfigurator snippetu, a każdy przykład kodu na stronie się zaktualizuje. Przycisk zakupu wygląda tak:

<script src="https://your-domain/embed.js" async></script>
<button data-memberarea-checkout="PRODUCT-ID">Buy now</button>

Skopiuj fragment ze strony zamiast go przepisywać, bo zawiera już Twoją domenę i ID produktu.

Osadzić można tylko opublikowane produkty z aktywną ceną. Cena, obrazy i stan magazynowy pochodzą z Twojego katalogu, więc nigdy więcej nie musisz zmieniać fragmentu kodu. Nakładka kasy niczego nie wczytuje, dopóki odwiedzający nie kliknie, a odwiedzający płacą w Twojej własnej kasie z Twoją marką, nigdy na stronie Stripe.

Rada

Nakładka stosuje Twoje ustawienia z Płatności > Ustawienia > Kasa i nie można zmienić jej stylu ze strony, na której jest osadzona. Widżety koszyka można dostosować zmiennymi CSS wymienionymi w Dokumentacja techniczna.

Opcje dla deweloperów

Karta Dokumentacja techniczna pokazuje punkty montowania, zdarzenia okna, które wysyłają widżety, oraz opcjonalne atrybuty przycisku zakupu. data-coupon, data-email i data-price ustawiają z góry kod rabatowy, e-mail kupującego i konkretną cenę. data-affiliate przypisuje sprzedaż partnerowi i, tak jak sekcja Partner, wymaga planu Business. Jeśli Twoja strona ustawia Content Security Policy, zezwól na skrypty i ramki z domeny pokazanej na karcie Konfiguracja.

Widżety działają z każdym kreatorem stron, od statycznego HTML po WordPress, Webflow i Framer. Jeśli używasz WordPress, zobacz też Sprzedawanie kursów z poziomu WordPress.

Powiązane artykuły

Last updated on October 20, 2026

Czy ten artykuł był pomocny?

Powiązane artykuły