Jak skonfigurować WooCommerce Apple Pay na swojej stronie eCommerce?

Opublikowany: 2022-02-13

Twoje bramki płatnicze bezpośrednio wpływają na decyzje zakupowe klientów. Im więcej metod płatności jest oferowanych, tym większa sprzedaż zostanie dokonana. W idealnym świecie wybrałbyś opcję, która jest tak prosta, jak to tylko możliwe, z której mogą korzystać Twoi użytkownicy. W rezultacie usuniesz przeszkody między Twoją firmą a potencjalną sprzedażą. Marka Apple cieszy się coraz większą popularnością ze względu na wysoką jakość i bezpieczeństwo. Integracja Twojego sklepu internetowego potencjalnie przyniesie Ci więcej korzyści. Aby jak najlepiej wykorzystać ten trend, powinieneś dodać bramkę płatności Apple Pay do swojego sklepu WooCommerce. Dlatego w tym artykule przedstawimy tło płatności Apple Pay i pokażemy, jak skonfigurować metodę płatności WooCommerce Apple Pay w witrynie eCommerce.

Spis treści
[Pokaż ukryj]
  1. Co to jest Apple Pay?
  2. Czego wymaga Apple Pay?
  3. Jak skonfigurować opcję płatności WooCommerce Apple Pay?
    1. Krok 1: Skonfiguruj Stripe dla WooCommerce
      1. #1st: Zainstaluj i aktywuj wtyczkę Stripe for WooCommerce
      2. #2: Włącz Stripe w WooCommerce
      3. #3: Utwórz konto Stripe
      4. #4: Zdobądź klucze API Stripe
      5. #5: Link Stripe za pomocą kluczy API
    2. Krok 2: Włącz płatności Apple Pay w Stripe
      1. #1: Aktywuj przycisk Apple Pay WooCommerce
      2. #2: Rozwiązywanie problemów z przyciskami Apple Pay WooCommerce
    3. Krok 3: Sprawdź, czy Apple Pay działa
  4. Końcowe przemyślenia,

Co to jest Apple Pay?

Apple Pay, cyfrowy portfel i system płatności mobilnych, dodaje kolejną metodę otrzymywania płatności ze sklepu internetowego. System Apple Pay, podobnie jak inne mobilne bramki płatnicze i aplikacje do przesyłania pieniędzy (takie jak Venmo, Amazon Pay i Google Pay), zapewnia klientom prostszy i wygodniejszy sposób płacenia, umożliwiając bezpieczne zakupy bezpośrednio z ich urządzeń.

woocommerce-apple-pay-1

Krótko mówiąc, Apple Pay działa podobnie do karty kredytowej, z wyjątkiem tego, że informacje o płatnościach są zapisywane na urządzeniu użytkownika (zwykle w telefonie), więc nie musi on wyciągać karty kredytowej, aby dokonać płatności osobiście lub online.

Użytkownicy Apple Pay łączą swoje karty debetowe i kredytowe i zapisują je w aplikacji Wallet na iPhonie. Płatności można przetworzyć w kilka sekund, jeśli sklep internetowy lub fizyczny akceptuje Apple Pay.

W rezultacie Apple Pay to kolejna metoda, dzięki której Twoi klienci mogą Ci zapłacić, dlatego ważne jest, aby zapewnić tę funkcjonalność na swojej stronie internetowej, niezależnie od tego, czy prowadzisz duży sklep WooCommerce, czy sklep partnerski.

Czego wymaga Apple Pay?

Dla tych, którzy chcą wybrać metodę płatności Apple Pay w swoim sklepie WooCommerce, muszą:

  • Użyj przeglądarki Safari
  • Użyj urządzenia Apple (np. iPhone, iPad, MacBook)
  • Mają włączoną usługę Apple Pay na swoim urządzeniu

Dla Ciebie, właścicieli sklepów, którzy chcą akceptować metodę płatności Apple Pay w swoim sklepie, musisz dodać następujące elementy oprócz witryny WordPress:

  • Wtyczka WooCommerce, dzięki której Twoja witryna stanie się sklepem eCommerce.
  • Wtyczka Stripe for WooCommerce do dodawania metody płatności.
  • Konto Stripe.

Jak skonfigurować opcję płatności WooCommerce Apple Pay?

W tym samouczku zapewnimy, że masz wtyczkę WooCommerce na swojej stronie WordPress. Dlatego, aby zaakceptować płatność Apple Pay, możesz zacząć od poniższych kroków.

Krok 1: Skonfiguruj Stripe dla WooCommerce

Istnieje wiele wtyczek obsługujących Apple Pay, takich jak wtyczki płatności dla Stripe WooCommerce, Authorize.net, CyberSource, Moneris i wtyczka Square. W tym artykule pokażę, jak skonfigurować płatność Apple Pay w swoim sklepie za pomocą Stripe dla WooCommerce, ponieważ oferuje rozsądne pakiety i intuicyjny proces konfiguracji.

#1st: Zainstaluj i aktywuj wtyczkę Stripe for WooCommerce

W panelu WordPress kliknij Wtyczki > Dodaj nowy , wyszukaj wtyczkę Stripe for WooCommerce.

woocommerce-apple-pay-2

Następnie naciśnij Zainstaluj teraz > Aktywuj

woocommerce-apple-pay-3
woocommerce-apple-pay-4

#2: Włącz Stripe w WooCommerce

Na pulpicie WordPress kliknij WooCommerce > Ustawienia > Płatność .

woocommerce-apple-pay-6

Przewiń na dół strony, aby znaleźć opcję płatności kartami kredytowymi Stripe. Możesz zauważyć inne pola z paskiem w tytule, ale na razie je zignoruj; musisz najpierw włączyć podstawową funkcjonalność kart kredytowych Stripe.

Włącz przełącznik Karty kredytowe Stripe . Następnie, w zależności od tego, który przycisk jest wyświetlany, kliknij Konfiguruj lub Zarządzaj.

woocommerce-apple-pay-7

#3: Utwórz konto Stripe

Jeśli nie masz jeszcze konta Stripe, powinieneś teraz utworzyć konto Stripe. Aby to zrobić, potrzebujesz konta biznesowego, aby uzyskać klucze API ze Stripe.

woocommerce-apple-pay-8

Wszystko, co musisz zrobić, to podać wszystkie wymagane informacje, w tym nazwę firmy i informacje o koncie bankowym, na stronie internetowej firmy.

#4: Zdobądź klucze API Stripe

Na tym etapie powinieneś zdobyć klucze do konta Stripe. W panelu Stripe kliknij Deweloperzy > Klucze API .

woocommerce-apple-pay-9

Następnie będziesz mógł wyświetlić swoje klucze do publikacji i klucze tajne. Skopiuj te wartości.

woocommerce-apple-pay-10

Następnie wklej te wartości w sekcji poświadczeń interfejsu API. Zapisz zmiany .

Następnie w panelu Stripe kliknij dodaj punkt końcowy , skopiuj punkt końcowy webhooka w WooCommerce i wklej tę wartość w adresie URL punktu końcowego w Stripe.

woocommerce-apple-pay-12

Na koniec skopiuj sekret webhooka w Stripe i wklej tę wartość do WooCommerce.

woocommerce-apple-pay-13

Następnie pamiętaj, aby kliknąć Zapisz zmiany , aby zaktualizować wszystkie rzeczy w WooCommerce.

#5: Link Stripe za pomocą kluczy API

Przejdź do sekcji Ustawienia interfejsu API na nowej stronie.

woocommerce-apple-pay-14

Jeśli chcesz akceptować płatności, zmień Tryb na Na żywo . Jeśli nie, pozostań w trybie testowym .

W polu Connect Stripe Account kliknij przycisk Click to Connect . Spowoduje to przejście do nowej strony, na której możesz zalogować się na swoje konto Stripe i połączyć je z WordPress.

WordPress przeniesie Cię teraz do strony połączenia strony trzeciej, która wyświetla twoje konto Stripe, jeśli jesteś zalogowany. W rezultacie, jeśli Stripe poprosi, abyś to zrobił, musisz zalogować się na swoje konto.

Po zalogowaniu wybierz konto Stripe, które chcesz połączyć ze swoim sklepem WooCommerce.

Kliknij przycisk Połącz .

woocommerce-apple-pay-15

Powinieneś teraz zobaczyć zielony znacznik wyboru i komunikat wskazujący, że Twoje konto Stripe zostało pomyślnie połączone.

Spowoduje to wygenerowanie klucza do publikacji i klucza tajnego, które są następnie dodawane do odpowiednich pól na pulpicie nawigacyjnym WordPress.

Uwaga: Sekcja Stripe API wyświetla również odpowiednie klucze. Jest to ważne, ponieważ możesz uzyskać klucze z pulpitu nawigacyjnego Stripe, jeśli zajdzie taka potrzeba. Jeśli zautomatyzowany proces się nie powiedzie, jest to również dobre miejsce do ponownego wygenerowania kluczy.

woocommerce-apple-pay-16

Przewiń w dół stronę Płatności WooCommerce, aby kliknąć przycisk Zapisz zmiany .

Gwarantuje to, że klucze Stripe są przechowywane w WordPress i gotowe do przetwarzania płatności.

woocommerce-apple-pay-17

Krok 2: Włącz płatności Apple Pay w Stripe

#1: Aktywuj przycisk Apple Pay WooCommerce

Obecnie integracja Stripe z witryną WordPress umożliwia przetwarzanie kart kredytowych, gdy klient zakończy proces realizacji transakcji w sklepie.

I chociaż jest to niezbędny krok w kierunku dodania przycisku Apple Pay, wciąż pozostaje jeszcze kilka kroków do wykonania.

woocommerce-apple-pay-18

Teraz musisz upewnić się, że faktycznie jesteś właścicielem tej domeny. Zwykle musisz przesłać dokument weryfikacyjny do sekcji plików hostowanej witryny (powinien to być plik apple-developer-merchantid-domain-association ).

woocommerce-apple-pay-15

Jednak prawie nigdy nie musisz tego robić ręcznie. Po prostu przejdź do sekcji Apple Pay i kliknij przycisk Zarejestruj domenę .

woocommerce-apple-pay-16

Następnie powinieneś zobaczyć komunikat informujący, że domena została pomyślnie zarejestrowana.

Przejdź do pulpitu nawigacyjnego Stripe i kliknij Ustawienia> Metody płatności> Apple Pay , aby upewnić się, że wszystko działa poprawnie.

woocommerce-apple-pay-17

Twoja nazwa domeny powinna pojawić się na liście domen internetowych.

woocommerce-apple-pay-18

Po zweryfikowaniu nazwy domeny (automatycznie lub ręcznie) możesz sprawdzić, czy bramka płatności Apple Pay działa dobrze.

Gdy klient uzyskuje dostęp do Twojej witryny za pośrednictwem urządzenia mobilnego ze skonfigurowanym kontem Apple Pay, zobaczy teraz przycisk Kup za pomocą Apple Pay na stronie produktu lub stronie kasy.

woocommerce-apple-pay-19

#2: Rozwiązywanie problemów z przyciskami Apple Pay WooCommerce

Jeśli otrzymujesz błędy lub uważasz, że proces przebiegł bezproblemowo, ale nadal nie widzisz przycisku Apple Pay na swojej stronie, sprawdź następujące typowe problemy, aby rozwiązać problem:

  • Użytkownik nie korzysta z urządzenia mobilnego obsługującego Apple Pay. Z Apple Pay można korzystać tylko na telefonie, jeśli użytkownik posiada konto Apple Pay. Dlatego zalecamy połączenie karty kredytowej z aplikacją Apple Pay na iPhonie, aby przetestować i zobaczyć, jak przycisk działa na własnej stronie.
  • Witryna nie jest jeszcze aktywna – klucze API dla witryn testowych i aktywnych są generowane osobno. Przycisk Apple Pay nie pojawi się, jeśli jesteś w trybie Stripe Test, mimo że Stripe symuluje transakcje. Musisz być obudzony.
  • Stripe blokuje funkcjonalność płatności (zwłaszcza Apple Pay), jeśli nie masz certyfikatu SSL i „https://” (nie http://) przed domeną. Aby włączyć lub zainstalować SSL, możesz wybrać dowolny SSL spośród różnych opcji, takich jak certyfikat SSL Sectigo Wildcard (dla wielu subdomen) dla szczegółów płatności i innych zabezpieczeń danych online.
  • Wtyczka Stripe for WooCommerce nie była w stanie automatycznie wygenerować kluczy API Stripe – Chociaż wtyczka Stripe for WooCommerce zwykle załatwia sprawę, może być konieczne ręczne renderowanie ich w sekcji API Stripe.
  • Wtyczka nie może potwierdzić własności — w takim przypadku prześlij plik weryfikacyjny do swojej witryny, korzystając z instrukcji podanych w komunikacie o błędzie.

Krok 3: Sprawdź, czy Apple Pay działa

Po zakończeniu wszystkich czynności należy ponownie sprawdzić opcję płatności Apple Pay, aby sprawdzić, czy działa idealnie w Twoim sklepie WooCommerce, a także na urządzeniach klientów. Aby uzyskać najlepsze wyniki, powinieneś:

  • Otwórz przeglądarkę Safari na smartfonie i komputerze.
  • Odwiedź swoją witrynę i umieść jeden ze swoich produktów w koszyku.
  • Powinieneś być w stanie zapłacić za pomocą Apple Pay. Czy Apple Pay nie wyświetla się na Twoim urządzeniu?
  • Przejdź do strony kasy.

Jeśli ten proces przebiega sprawnie, możesz wierzyć, że zadziała również na urządzeniach Twoich klientów. Jeśli nie, sprawdź ponownie wszystkie kroki i napraw wszelkie błędne kroki, aż uzyskasz oczekiwane rezultaty.

Końcowe przemyślenia,

WooCommerce Apple Pay z pewnością przynosi korzyści zarówno Tobie, właścicielowi sklepu, jak i klientom dzięki bezpieczeństwu, większej liczbie opcji płatności i lepszym UX.

Dodanie WooCommerce Apple Pay do Twojej witryny to sprytne posunięcie. Ten proces wydaje się łatwy dla doświadczonych użytkowników WooCommerce, jednak dla początkujących może być skomplikowany. Mam nadzieję, że ten artykuł pomógł Ci pomyślnie skonfigurować bramkę płatności Apple Pay dla Twojego sklepu WooCommerce. Jeśli na początku jest tak trudno, powinieneś zatrudnić programistę, który pomoże Ci to przetworzyć.