Sklep internetowy i Google Pay
Spis treści
1. Wprowadzenie
Integracja Google Pay z WooCommerce przez Stripe umożliwia klientom szybkie i wygodne dokonywanie płatności. Jednak czasami mogą wystąpić problemy, które uniemożliwiają prawidłowe działanie przycisku szybkiej płatności Google Pay. W tym poradniku przedstawimy krok po kroku, jak zdiagnozować i rozwiązać problem, gdy przycisk Google Pay nie działa poprawnie w Twoim sklepie WooCommerce.
2. Zrozumienie problemu
Objawy problemu mogą obejmować:
- Na urządzeniach mobilnych strona szarzeje i ładuje się w nieskończoność po kliknięciu przycisku Google Pay.
- Na komputerach w konsoli przeglądarki pojawia się błąd:
Uncaught (in promise) IntegrationError: Unexpected call to paymentFailed(). Ensure you are either submitting a payment or calling paymentFailed() once per expressCheckout Element confirm event. - W WooCommerce pojawia się komunikat o błędzie: „Imię i nazwisko do rozliczenia jest wymagane.”
- Problem występuje niezależnie od wybranej metody płatności (Google Pay, karta kredytowa itp.).
3. Możliwe przyczyny błędu
Przyczyną problemu mogą być:
- Nieaktualne wersje wtyczek lub WordPressa.
- Nieprawidłowa konfiguracja wtyczki Stripe.
- Konflikty z innymi wtyczkami.
- Błędy JavaScript na stronie.
- Brak wymaganych pól w formularzu zamówienia.
4. Krok 1: Sprawdzenie wymagań systemowych
Upewnij się, że Twój sklep spełnia minimalne wymagania dla wtyczki Stripe i Google Pay.
Wymagania:
- WordPress w wersji 5.0 lub wyższej.
- WooCommerce w wersji 3.0 lub wyższej.
- Wtyczka Stripe w najnowszej wersji.
- Certyfikat SSL zainstalowany na stronie (https).
Jeśli którakolwiek z tych wymagań nie jest spełniona, zaktualizuj odpowiednie elementy.
5. Krok 2: Aktualizacja wtyczek i WordPressa
Nieaktualne oprogramowanie może powodować błędy i niekompatybilności.
Jak to zrobić:
- Zaloguj się do panelu WordPressa.
- Przejdź do Kokpit > Aktualizacje.
- Zaktualizuj WordPressa, jeśli jest dostępna nowa wersja.
- Przejdź do Wtyczki > Zainstalowane wtyczki.
- Zaktualizuj wtyczki WooCommerce i Stripe do najnowszych wersji.
- Sprawdź, czy problem został rozwiązany.
6. Krok 3: Weryfikacja konfiguracji Stripe
Upewnij się, że wtyczka Stripe jest poprawnie skonfigurowana.
Jak to zrobić:
- Przejdź do WooCommerce > Ustawienia > Płatności.
- Kliknij na Stripe, aby przejść do jej ustawień.
- Sprawdź, czy klucze API (Publishable i Secret) są poprawnie wprowadzone.
- Upewnij się, że opcja Enable Payment Request Buttons jest włączona.
- Sprawdź ustawienia dotyczące Google Pay i upewnij się, że są poprawnie skonfigurowane.
7. Krok 4: Sprawdzenie konfliktów wtyczek
Inne wtyczki mogą powodować konflikty z wtyczką Stripe i Google Pay.
Jak to zrobić:
- Dezaktywuj wszystkie wtyczki poza WooCommerce i Stripe.
- Sprawdź, czy problem nadal występuje.
- Jeśli problem zniknął, aktywuj wtyczki pojedynczo, za każdym razem testując funkcjonalność.
- Zidentyfikuj wtyczkę powodującą konflikt i rozważ jej zastąpienie lub skontaktuj się z jej deweloperem.
8. Krok 5: Diagnostyka błędów JavaScript
Błędy JavaScript mogą uniemożliwiać prawidłowe działanie przycisku Google Pay.
Jak to zrobić:
- Otwórz swoją stronę w przeglądarce Chrome.
- Naciśnij klawisz F12, aby otworzyć narzędzia deweloperskie.
- Przejdź do zakładki Console.
- Spróbuj użyć przycisku Google Pay i obserwuj, czy pojawiają się nowe błędy.
- Zanotuj wszelkie komunikaty o błędach i spróbuj je zinterpretować.
Jeśli pojawiają się błędy, mogą one wskazywać na konkretne problemy z kodem lub konfiguracją.
9. Krok 6: Weryfikacja pól rozliczeniowych
Komunikat „Imię i nazwisko do rozliczenia jest wymagane” sugeruje, że brakuje niezbędnych informacji w formularzu zamówienia.
Jak to zrobić:
- Przejdź do WooCommerce > Ustawienia > Konta i prywatność.
- Upewnij się, że opcja Zezwól klientom na składanie zamówień bez konta jest włączona, jeśli nie wymagasz logowania.
- Przejdź do WooCommerce > Ustawienia > Zaawansowane > Strony sklepu.
- Sprawdź, czy strona Zamówienie jest poprawnie przypisana.
- Jeśli korzystasz z wtyczek modyfikujących pola zamówienia, upewnij się, że pole Imię i nazwisko nie zostało usunięte lub ukryte.
10. Krok 7: Kontakt z pomocą techniczną Stripe
Jeśli problem nadal występuje, warto skontaktować się bezpośrednio z pomocą techniczną Stripe.
Jak to zrobić:
- Odwiedź stronę Stripe Support.
- Wybierz opcję kontaktu poprzez e-mail lub czat.
- Opisz szczegółowo problem, dołączając informacje o:
- Wersjach WordPressa, WooCommerce i wtyczki Stripe.
- Komunikatach o błędach z konsoli przeglądarki.
- Kroki, które podjąłeś w celu rozwiązania problemu.
- Oczekuj na odpowiedź od zespołu wsparcia.
11. Podsumowanie
Problemy z przyciskiem szybkiej płatności Google Pay w WooCommerce mogą być frustrujące, ale zazwyczaj wynikają z konfiguracji lub konfliktów z innymi wtyczkami. Postępując zgodnie z powyższymi krokami, powinieneś być w stanie zidentyfikować i naprawić problem.
Kluczowe kroki do rozwiązania problemu:
- Sprawdzenie wymagań systemowych i aktualizacji oprogramowania.
- Weryfikacja konfiguracji wtyczki Stripe.
- Identyfikacja i eliminacja konfliktów z innymi wtyczkami.
- Analiza błędów JavaScript w konsoli przeglądarki.
- Upewnienie się, że wszystkie wymagane pola w formularzu zamówienia są dostępne.
Pamiętaj o regularnym aktualizowaniu wtyczek i WordPressa oraz o tworzeniu kopii zapasowych przed wprowadzeniem istotnych zmian. Dzięki temu zminimalizujesz ryzyko wystąpienia podobnych problemów w przyszłości.
Dodatkowe wskazówki:
- Testuj płatności w trybie sandbox przed przejściem na środowisko produkcyjne.
- Używaj środowiska testowego do eksperymentowania z nowymi wtyczkami i konfiguracjami.
- Bądź na bieżąco z dokumentacją WooCommerce i Stripe.
Dzięki temu poradnikowi powinieneś być w stanie skutecznie rozwiązać problem i zapewnić swoim klientom bezproblemowe doświadczenie zakupowe.