Stripe Payment Links: konfiguracja, przyciski na stronie i strony z podziękowaniem
Przewodnik po Stripe Payment Link
Stripe Payment Link: konfiguracja, przycisk na stronie i przekierowanie po płatności | We.Inc
Utwórz Stripe Payment Link, umieść go na swojej stronie jako ostylowany przycisk lub Buy Button, kieruj kupujących na własną stronę z podziękowaniem i śledź, która kampania przyniosła sprzedaż. Z kodem przycisków do skopiowania.
Stripe Payment Link to hostowana strona płatności, którą tworzysz w Stripe Dashboard bez kodu. Utwórz produkt z ceną, wygeneruj link, a potem podepnij go pod przycisk na swojej stronie. Po zapłacie możesz przekierować kupujących na własną stronę z podziękowaniem, a do linku dodać parametry, które wstępnie wypełnią e-mail lub oznaczą sprzedaż.
Payment Link, Buy Button czy Checkout?
Opcja
Potrzebny kod
Najlepsze do
Payment Link
Żaden; udostępnij lub podlinkuj URL
Sprzedaży kilku produktów, faktur przez link, bio w mediach społecznościowych
Buy Button
Wklej jeden skrypt i jeden znacznik
Przycisku w stylu Stripe osadzonego na Twojej stronie
Checkout (API)
Kod serwera tworzy każdą sesję
Koszyków, cen dla konkretnych klientów, aplikacji z logowaniem
Ten przewodnik omawia konfigurację w Dashboard, trzy sposoby umieszczenia linku na stronie, przekierowanie na własną stronę sukcesu, parametry linku do wstępnego wypełniania i śledzenia oraz ustawienia, które ludzie przeoczają: podatki, ilości i kody promocyjne.
W Stripe Dashboard dodaj produkt z nazwą, obrazem i ceną jednorazową lub cykliczną.
Utwórz link do płatności dla tej ceny i wybierz opcje, takie jak ilość, kody promocyjne, pobieranie podatku i dane do zebrania.
W ustawieniach po płatności zostaw stronę potwierdzenia Stripe albo przekieruj na stronę w swojej witrynie.
Skopiuj link i podepnij go pod przycisk na swojej stronie albo utwórz Buy Button i wklej jego kod osadzenia.
Przetestuj cały proces w trybie testowym z kartą testową Stripe, potem przełącz się na tryb live i powtórz z prawdziwym zakupem, który zwrócisz.
Twórz jeden link na produkt i cenę. Gdy cena się zmienia, utwórz nowy link i podmień go na stronie, zamiast ponownie używać linku, na który nadal wskazują stare posty i e-maile.
Włącz kody promocyjne w ustawieniach linku, jeśli planujesz rabaty. Kody utworzone później zadziałają wtedy bez zmian na stronie.
Kieruj kupujących na własną stronę z podziękowaniem, aby pokazać kolejne kroki, śledzić konwersję i zaproponować coś powiązanego.
Napisz jasną etykietę przycisku z ceną, na przykład Kup szablon, $29. Mniej niespodzianek przy płatności oznacza mniej porzuconych płatności.
Najczęściej zadawane pytania
Czy Payment Links kosztują coś dodatkowo?
Stripe nie pobiera opłaty za sam link. Płacisz standardową prowizję Stripe od każdej udanej płatności, która zależy od Twojego kraju i metody płatności. Użyj kalkulatora opłat za przetwarzanie płatności, aby zobaczyć, ile netto daje Ci sprzedaż.
Czy Payment Link może sprzedawać subskrypcję?
Tak. Nadaj produktowi cenę cykliczną, na przykład miesięczną lub roczną, a link uruchomi subskrypcję. Klienci mogą nią potem zarządzać przez portal klienta Stripe, jeśli go włączysz.
Jak przekierować na własną stronę po płatności?
W ustawieniach po płatności dla linku wybierz, aby nie pokazywać strony potwierdzenia Stripe, i wpisz URL swojej strony. Możesz dodać do URL {CHECKOUT_SESSION_ID}, a Stripe zastąpi go identyfikatorem sesji, dzięki czemu Twoja strona lub serwer odnajdzie zamówienie.
Czy samo przekierowanie wystarczy do dostarczenia produktu cyfrowego?
Samo w sobie nie. Każdy, kto ma URL, może otworzyć stronę z podziękowaniem. Pliki do pobrania lub dostęp do konta dostarczaj przez coś, co potwierdza Stripe, na przykład webhook na Twoim serwerze, automatyzację reagującą na płatność albo platformę dostarczania połączoną ze Stripe.
Czy mogę sprawdzić, z której kampanii pochodzi sprzedaż?
Tak. Stripe dokumentuje utm_source, utm_medium, utm_campaign, utm_term i utm_content jako parametry linku oraz client_reference_id dla Twojego własnego identyfikatora. Dodaj je do linku za każdą reklamą lub postem.
Konfiguracja linku
Zacznij w trybie testowym, aby nic nie zostało naprawdę obciążone. Najpierw utwórz produkt, bo link powstaje z produktu i ceny. Dodaj czytelną nazwę i kwadratowy obraz; oba pojawiają się na stronie płatności.
Tworząc link, zdecyduj, co zbierać: adres rozliczeniowy, adres wysyłki, numer telefonu lub pola niestandardowe, takie jak nazwa firmy. Każde dodatkowe pole kosztuje część ukończonych płatności, więc pytaj tylko o to, czego potrzebujesz do realizacji zamówienia.
Jeśli sprzedajesz tam, gdzie obowiązuje podatek od sprzedaży lub VAT, włącz automatyczne pobieranie podatku, które korzysta ze Stripe Tax i wymaga skonfigurowanych rejestracji podatkowych. W przeciwnym razie wlicz podatek w cenę i napisz o tym na stronie.
Umieszczenie linku na stronie
Najprostsza droga to zwykły link ostylowany jak przycisk, który ładuje się natychmiast i pasuje do Twojego projektu. Przykłady poniżej dają trzy style do skopiowania. Buy Button to druga droga: Stripe rysuje przycisk za Ciebie wewnątrz Twojej strony i obsługuje kliknięcie.
Otwieraj link w tej samej karcie. Otwieranie płatności w nowej karcie myli ludzi na telefonach i psuje powrót na Twoją stronę z podziękowaniem.
Kod przycisku dla Twojego linku do płatności
Zastąp href własnym linkiem. Każdy przycisk to zwykły link, więc działa w każdym kreatorze stron, który akceptuje HTML.
Pełny przycisk z ceną
Wyrazisty przycisk na całą szerokość na telefonach, który na szerszych ekranach zwęża się do treści.
Karta cenowa z przyciskiem
Mała karta dla pojedynczego produktu z listą tego, co zawiera, i uspokajającą linijką pod przyciskiem.
Przycisk z obrysem dla opcji dodatkowej
Użyj spokojniejszego stylu dla drugiej ceny, na przykład planu rocznego obok miesięcznego.
Osadzenie Stripe Buy Button
Utwórz Buy Button na stronie linku do płatności w Dashboard, a potem wklej kod, który otrzymasz. Wygląda on tak.
Kod osadzenia Buy Button
Skrypt ładuje się raz na stronę; każdy znacznik stripe-buy-button rysuje jeden przycisk. Identyfikatory pochodzą z Twojego Dashboard.
Buy Button w React
Załaduj skrypt raz, a potem wyrenderuj custom element. W TypeScript może być konieczne zadeklarowanie elementu w pliku .d.ts.
Parametry linku do wstępnego wypełniania i śledzenia
Dodaj je na końcu linku jako query string. Wartości muszą być zakodowane w URL.
Parametry URL Payment Link udokumentowane przez Stripe
Parametr
Przykład
Co robi
?prefilled_email=ana%40example.com
Wypełnia pole e-mail
?prefilled_promo_code=LAUNCH20
Stosuje kod promocyjny (kody promocyjne muszą być włączone)
?client_reference_id=order_1042
Zapisuje Twój własny identyfikator w sesji płatności
Zapisuje kampanię, która przyprowadziła kupującego
Przekaż kampanię odwiedzającego do linku
Kopiuje tagi UTM z adresu strony do każdego linku do płatności na stronie, aby sprzedaż została przypisana reklamie lub postowi, które przyprowadziły odwiedzającego.
Strona z podziękowaniem, która odczytuje sesję
Ustaw przekierowanie po płatności na URL w rodzaju https://yoursite.com/thanks?session_id={CHECKOUT_SESSION_ID}. Strona może od razu pokazać przyjazną wiadomość, a jeśli masz serwer, potwierdzić płatność.
Treść strony z podziękowaniem
Zwykły HTML, który działa wszędzie. Właściwe dostarczenie (link do pobrania, dostęp do konta) trzymaj za weryfikacją na serwerze lub webhookiem.
Potwierdzenie sesji na serwerze (Node)
Korzysta z oficjalnej biblioteki Stripe dla Node. Nigdy nie ufaj samemu URL; zapytaj Stripe, czy sesja została opłacona.