Jak akceptować płatności Stripe w WordPress na 3 sposoby

Opublikowany: 2022-11-17

Czy chcesz dowiedzieć się, jak akceptować płatności Stripe na swojej stronie WordPress?

Stripe to platforma przetwarzania płatności, która pomaga przyjmować płatności online za towary i usługi. Jest to również popularna metoda płatności w sklepach internetowych, blogach, witrynach członkowskich i nie tylko.

W tym przewodniku pokażemy, jak krok po kroku akceptować płatności Stripe w WordPress.

Dlaczego warto używać Stripe do przyjmowania płatności w WordPress?

Stripe to popularny procesor płatności, który sprawia, że ​​przyjmowanie płatności w Twoim sklepie internetowym jest bezproblemowe.

Bezproblemowo współpracuje z dowolną witryną WordPress, w tym ze sklepami eCommerce, witrynami darowizn, a nawet witrynami małych firm. Możesz skonfigurować Stripe do zarządzania powtarzającymi się płatnościami lub pozwolić klientom płacić za jednorazowe zakupy za pomocą kart kredytowych.

To powiedziawszy, warunkiem korzystania z Stripe jest to, że Twoja witryna musi mieć szyfrowanie SSL/HTTPS. Ma to na celu zapewnienie bezpieczeństwa danych klientów, takich jak numery kart kredytowych.

Jeśli potrzebujesz pomocy w konfigurowaniu zabezpieczeń witryny, zapoznaj się z naszym samouczkiem dotyczącym dodawania protokołu SSL do WordPress.

Jak więc dokładnie akceptujesz płatności Stripe w WordPress? Chociaż istnieje wiele różnych metod, poniżej skupimy się na 3 najłatwiejszych sposobach skonfigurowania płatności Stripe dla Twojej witryny.

Skorzystaj z dowolnego z poniższych linków, aby znaleźć potrzebną metodę:

  • Metoda 1. Blok SeedProd Stripe WordPress
    • Metoda 2. Przycisk WP Simple Pay Purchase
      • Krok 3. Utwórz formularz płatności
      • Metoda 3. Bramka płatności Stripe WooCommerce

      Metoda 1. Blok SeedProd Stripe WordPress

      W przypadku pierwszej metody użyjemy potężnego narzędzia do tworzenia stron typu „przeciągnij i upuść” SeedProd, aby pobrać płatności Stripe. Dzięki gotowym szablonom i dostosowywanym blokom WordPress tworzenie dowolnego układu WordPress jest bardzo łatwe.

      SeedProd WordPress website builder

      Tworzenie niestandardowych motywów WordPress, stron docelowych i kompletnych witryn internetowych za pomocą SeedProd nie wymaga znajomości kodowania ani HTML. A dzięki blokowi przycisków płatności nie będziesz potrzebować całej witryny eCommerce, aby akceptować płatności kartą kredytową za pomocą Stripe.

      W tym przewodniku użyjemy planu SeedProd Pro ze względu na jego zaawansowane funkcje. Możesz jednak również użyć przycisku płatności Stripe w SeedProd Lite – darmowej wersji.

      Zacznij korzystać z SeedProd już dziś

      Krok 1. Zainstaluj i aktywuj SeedProd

      Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę SeedProd. Aby uzyskać pomoc w tym zakresie, zapoznaj się z tym przewodnikiem dotyczącym instalowania wtyczki WordPress.

      Po aktywacji musisz odwiedzić stronę SeedProd » Ustawienia i wprowadzić swój klucz licencyjny. Klucz licencyjny można uzyskać w obszarze konta na stronie internetowej SeedProd.

      enter your license key

      Krok 2. Wybierz szablon

      Po zweryfikowaniu klucza musisz utworzyć układ w SeedProd.

      Możesz utworzyć niestandardowy motyw WordPress za pomocą Konstruktora motywów, aby zastąpić motyw, którego używasz. Alternatywnie możesz skonfigurować samodzielną stronę docelową za pomocą narzędzia do tworzenia stron i nadal korzystać z bieżącego motywu.

      W tym przewodniku użyjemy opcji strony docelowej, aby pokazać, że nie potrzebujesz całej witryny eCommerce, aby dodać opcje płatności Stripe do WordPress.

      Przejdź więc do SeedProd »Landing Pages i kliknij przycisk Dodaj nową stronę docelową.

      Add new landing page SeedProd

      Na następnym ekranie możesz kliknąć dowolny z filtrów, aby wybrać gotowy szablon strony docelowej.

      Po znalezieniu projektu, który Ci się podoba, najedź kursorem na miniaturę i kliknij ikonę znacznika wyboru.

      Choose a landing page template

      Teraz zobaczysz wyskakujące okienko z prośbą o podanie nazwy i adresu URL strony docelowej.

      Enter your landing page details

      Po wprowadzeniu tych informacji kliknij przycisk Zapisz i rozpocznij edycję strony .

      Krok 3. Dodaj blok przycisków płatności

      Po uruchomieniu szablonu zobaczysz układ podobny do poniższego:

      SeedProd drag-and-drop page builder

      Będzie miał bloki i sekcje po lewej stronie oraz pełny podgląd na żywo po prawej stronie, gdzie możesz wskazać i kliknąć, aby dostosować dowolny element.

      Możesz na przykład kliknąć obraz logo i zastąpić go własnym logo firmy. Możesz też zmienić kolor tła sekcji, aby używać kolorów swojej marki.

      Section customization options

      Wskazówka: kliknij przycisk Zapisz , aby zapisać zmiany przed dodaniem przycisku płatności.

      Aby dodać Stripe Checkout do swojej strony, wyszukaj blok Przycisk płatności i przeciągnij go na podgląd na żywo.

      How to accept stripe payments with SeedProd payment button

      Stamtąd kliknij przycisk Połącz ze Stripe , aby połączyć swoje konto Stripe.com z SeedProd. Po zakończeniu procesu uwierzytelniania wrócisz do narzędzia do tworzenia stron docelowych.

      Connect SeedProd to stripe

      Teraz możesz użyć ustawień bloków, aby dostosować przycisk paska. Na przykład możesz edytować opis i tekst przycisku, wprowadzić niestandardową cenę płatności, zmienić wyrównanie przycisku, dostosować walutę z USD na inną i dodać ikony przycisków.

      Payment button settings

      Możesz także kliknąć kartę Zaawansowane , aby zmienić styl przycisku Kup teraz, w tym cienie, typ przycisku, marginesy, kolory i inne.

      Advanced payment button settings

      Krok 4. Opublikuj swoje zmiany

      Kiedy jesteś zadowolony ze wszystkiego, możesz opublikować stronę płatności. Aby to zrobić, kliknij przycisk Zapisz i wybierz Publikuj z menu rozwijanego.

      Publish landing page with stripe payment button

      Teraz za każdym razem, gdy odwiedzający klikną przycisk Kup teraz na Twojej stronie docelowej, zobaczą proces realizacji transakcji Stripe.

      Make a stripe payment using SeedProds payment button

      Metoda 2. Przycisk WP Simple Pay Purchase

      Inną metodą przyjmowania płatności online jest skorzystanie z WP Simple Pay. Jest to jedna z najlepszych wtyczek płatności Stripe dla WordPress, umożliwiająca zbieranie płatności bez budowania koszyka.

      WP Simple Pay Homepage

      WP Simple Pay to doskonałe rozwiązanie, jeśli nie potrzebujesz wtyczki do tworzenia stron, takiej jak SeedProd.

      W przypadku tej metody użyjemy planu WP Simple Pay pro, ponieważ umożliwia on wyświetlanie formularza płatności w witrynie WordPress. Oferuje również więcej opcji płatności i pozwala kupującym płacić raz lub regularnie za pomocą płatności cyklicznych.

      Krok 1. Zainstaluj i aktywuj WP Simple Pay

      Aby rozpocząć, zainstaluj i aktywuj wtyczkę WP Simple Pay. Po aktywacji wtyczka automatycznie uruchomi kreatora instalacji, więc kliknij przycisk Zacznijmy .

      WP Simple Pay setup wizard

      Krok 2. Zakończ kreatora instalacji

      Teraz kreator instalacji poprosi o wprowadzenie klucza licencyjnego wtyczki. Klucz licencyjny WP Simple Pay można znaleźć w sekcji Licencje w obszarze konta użytkownika.

      Activate WP Simple Pay license key

      Po wprowadzeniu klucza możesz kliknąć przycisk Aktywuj i kontynuuj .

      Następnym krokiem jest połączenie konta Stripe z WP Simple Pay. W tym celu kliknij przycisk Połącz z paskiem .

      Connect with Stripe

      Na następnym ekranie zaloguj się do swojego konta Stripe i postępuj zgodnie z instrukcjami, aby połączyć swoje konto z wtyczką WP Simple Pay. Następnie nastąpi przekierowanie z powrotem do kreatora konfiguracji.

      Teraz śmiało wpisz swój adres e-mail i wybierz powiadomienia e-mail, które chcesz otrzymywać. Na przykład możesz otrzymywać e-maile z potwierdzeniami płatności, nadchodzącymi fakturami i powiadomieniami o płatnościach.

      Configure email settings

      Po wybraniu powiadomień kliknij przycisk Zapisz i kontynuuj .

      Ostatnim krokiem w kreatorze konfiguracji jest utworzenie formularza płatności. W tym celu kliknij przycisk Utwórz formularz płatności .

      Create a payment form

      Krok 3. Utwórz formularz płatności

      Na następnym ekranie zobaczysz kilka ustawień formy płatności.

      W zakładce Ogólne możesz zmienić tytuł formularza, opis, typ formularza oraz wybrać opcje dla swojej strony pomyślnej płatności. Możesz także włączyć reCAPTCHA, aby uniknąć spamu związanego z płatnościami.

      payment form general settings

      Po skonfigurowaniu tych ustawień możesz przejść do zakładki Płatności .

      W tej zakładce możesz wprowadzić ceny swoich produktów lub usług. Możesz także wybrać opcję jednorazowej płatności lub powtarzające się subskrypcje.

      Select your pricing options

      Teraz przejdź do zakładki Pola formularza w kreatorze formularzy. W tym miejscu możesz dodać więcej pól formularza i zmienić kolejność ich wyświetlania.

      Add more form fields

      Dodatkowo możesz rozwinąć pole Metoda płatności i wybrać wiele opcji płatności, takich jak Apple Pay, płatności ACH, karty kredytowe, kup teraz, zapłać później i inne.

      Po dostosowaniu formularza płatności kliknij przycisk Publikuj .

      Krok 4. Dodaj formularz płatności do strony WordPress

      Następnym krokiem jest dodanie formularza płatności do witryny WordPress. Możesz dodać go w dowolnym miejscu za pomocą bloku WP Simple Pay WordPress.

      Aby to zrobić, utwórz lub edytuj stronę WordPress, a następnie w edytorze treści WordPress kliknij przycisk „+” i wybierz blok WP Simple Pay.

      Add the WP Simple Pay WordPress block

      Następnie możesz wybrać formularz z rozwijanego menu w bloku WP Simple Pay.

      Po zaktualizowaniu lub opublikowaniu strony możesz wyświetlić podgląd formularza w akcji.

      WP Simple Pay Stripe Payment Form

      Metoda 3. Bramka płatności Stripe WooCommerce

      Jeśli posiadasz sklep internetowy na WordPressie korzystający z wtyczki WooCommerce, możesz łatwo skonfigurować go do przyjmowania płatności za pomocą Stripe. Po prostu postępuj zgodnie z poniższymi instrukcjami, aby dowiedzieć się, jak to zrobić.

      Najpierw zainstaluj i aktywuj wtyczkę WooCommerce Stripe Payment Gateway.

      Po aktywowaniu wtyczki musisz przejść do strony WooCommerce »Ustawienia i kliknąć kartę Płatność.

      WooCommerce payments tab

      Na tym ekranie zobaczysz różne metody płatności, które możesz zaoferować kupującym w swoim sklepie WooCommerce, w tym karty debetowe i kredytowe, Google Pay, PayPal, Apple Pay, bezpośrednie wypłaty na konto bankowe i nie tylko.

      Na razie przewiń w dół do sekcji „Zalecane sposoby otrzymywania płatności” i kliknij przycisk Rozpocznij obok opcji Stripe Payments .

      Get started with Stripe payments

      Aby akceptować płatności online, musisz połączyć WooCommerce ze swoim kontem sprzedawcy Stripe. Kliknij przycisk Utwórz lub połącz konto , aby to zrobić.

      Connect Stripe with WooCommerce

      Następnie zaloguj się do pulpitu nawigacyjnego Stripe i postępuj zgodnie z instrukcjami, aby autoryzować swoje konto w WooCommerce.

      Po podłączeniu konta Stripe powrócisz do strony ustawień Stripe w WooCommerce. Upewnij się, że zaznaczyłeś opcję „Włącz paski” na tej stronie, a następnie zapisz zmiany.

      Enable Stripe payments in WooCommerce

      Gdy to zrobisz, odwiedzający Twoją witrynę będą mogli zobaczyć opcję płatności Stripe na stronie kasy.

      Stripe payment preview in WooCommerce

      Pro Tip: WooCommerce bezproblemowo współpracuje z SeedProd, umożliwiając stworzenie kompletnego sklepu WooCommerce bez kodu.

      Masz to!

      Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak akceptować płatności Stripe w WordPress. Naszym ulubionym sposobem przyjmowania płatności Stripe jest blok przycisków płatności Stripe w SeedProd.

      Jest szybki i łatwy i pomaga dostosować witrynę WordPress bez zatrudniania programisty.

      Zacznij korzystać z SeedProd już dziś

      Możesz także przeczytać następujące przewodniki WordPress:

      • Jak łatwo dodać tekst do obrazu w WordPress
      • Strona docelowa a mikrowitryna: która jest najlepsza?
      • Ponad 23 formuły nagłówków stron docelowych w celu zwiększenia konwersji

      Dziękuje za przeczytanie. Śledź nas na YouTube, Twitterze i Facebooku, aby uzyskać więcej przydatnych treści, które pomogą rozwinąć Twoją firmę.