Wie man Apple Pay auf WooCommerce einrichtet (in Rekordzeit)

Ausgewählt, WooCommerce
Wie man Apple Pay auf WooCommerce einrichtet (in Rekordzeit)

Diese Anleitung hilft Ihnen, Apple Pay in Rekordzeit zu Ihrem WooCommerce-Shop hinzuzufügen.

Das Beste daran?

Alles hier gilt für das Jahr 2021.

(Mit anderen Worten: Sie brauchen sich keine Sorgen zu machen, veraltetes Material zu lesen).

Ein paar Dinge zuerst...damit Benutzer Apple Pay in Ihrem WooCommerce Store verwenden können, müssen sie:

✅ Verwenden Sie den Safari-Browser
✅ Verwenden Sie ein Apple-Produkt (d. h. iPhone, iPad, MacBook)
✅ Apple Pay auf ihrem Gerät aktiviert haben

Wenn Sie eher visuell lernen, sehen Sie sich mein Video an (über 25.000 Aufrufe!).

Fangen wir an!

1. Installation

Wir werden das WooCommerce Stripe Plugin verwenden, um Apple Pay einzurichten.

Laden Sie das Plugin herunter und stellen Sie sicher, dass es in Ihrem WooCommerce-Shop installiert und aktiviert ist! Wenn Sie Stripe noch nie eingerichtet haben, sehen Sie sich mein Tutorial zur Einrichtung von Stripe in WooCommerce an.

Möchten Sie neben Stripe ein anderes Zahlungsplugin verwenden? Andere Plugins, die Apple Pay unterstützen, sind Authorize.net, CyberSource, Moneris und Square.

2. Schaltflächen für die Zahlungsanforderung aktivieren

Melden Sie sich zunächst in Ihrem WordPress-Dashboard an.

Als nächstes gehen Sie zu Ihrem WooCommerce > Einstellungen > Zahlungen.

Klicken Sie dann bei Stripe auf Verwalten.

Klicken Sie abschließend auf das Kontrollkästchen, um die Schaltflächen für Zahlungsanforderungen zu aktivieren.

Klicken Sie auf Speichern.

3. Hinzufügen Ihrer Domain zu Apple Pay in Stripe

Melden Sie sich als nächstes in Ihrem Stripe-Dashboard an.

Klicken Sie dann auf Einstellungen > Zahlungsarten > Apple Pay.

Klicken Sie anschließend auf "Domain hinzufügen" und geben Sie Ihre Domain ein.

Laden Sie schließlich die Verifizierungsdatei auf Ihren Computer herunter.

4. Verifizierungsdatei in den Dokumentenstamm hochladen

Als Nächstes stellen Sie mit einem Tool wie FileZilla eine Verbindung zu Ihrem Server über SFTP oder SSH her.

Laden Sie dann die Datei apple-developer-merchantid-domain-association in den Ordner .well-known in Ihrem Dokumentenstamm hoch.

Pro-Tipp: Möglicherweise müssen Sie den Ordner ".well-known" auf Ihrem Server anlegen, indem Sie ein neues Verzeichnis erstellen.

Um sicherzustellen, dass Sie diesen Schritt korrekt ausgeführt haben, navigieren Sie zu https://yourdomain.com/.well-known/apple-developer-merchantid-domain-association.

Sie sollten eine Reihe von vielen zufällig generierten Zahlen sehen.

5. Testen, ob Apple Pay funktioniert

Öffnen Sie einen Safari-Browser auf Ihrem Telefon oder Computer.

Gehen Sie zu Ihrer Website und legen Sie eines Ihrer Produkte in den Warenkorb.

Sie sollten die Option zum Bezahlen mit Apple Pay sehen. Wird Apple Pay nicht angezeigt?

Gehen Sie durch den Checkout-Prozess.

Pro-Tipp: Aktualisieren Sie 1 Produkt in Ihrem Store auf 1 $. Führen Sie dann eine echte Transaktion mit Apple Pay durch, um sicherzustellen, dass alles funktioniert!

Apple Pay funktioniert nicht

✅ Verwenden Sie ein Apple-Produkt (z. B. iPhone, iPad, MacBook, etc.)?
✅ Verwenden Sie den Safari-Browser?
✅ Haben Sie Ihren Cache geleert?
✅ Haben Sie ein SSL-Zertifikat installiert?
✅ Haben Sie Apple Pay auf Ihrem Apple-Gerät eingerichtet?

Wie kann ich überprüfen, ob Apple Pay aktiviert ist?

Auf Ihrem iPhone > gehen Sie zu " Einstellungen" > klicken Sie auf " Brieftasche" > scrollen Sie zum Ende der Seite und aktivieren Sie "Zahlungen auf dem Mac zulassen".

Auf Ihrem Macbook > gehen Sie zu Safari > Einstellungen > klicken Sie auf Datenschutz > setzen Sie ein Häkchen bei "Websites erlauben, auf Apple Pay und Apple Card zu prüfen".

woocommerce-apple-pay-check-safari-privacy

WooCommerce Apple Pay

WooCommerce Apple Pay

Richten Sie Apple Pay in Ihrem WooCommerce-Shop ein.

Holen Sie sich das Plugin

Code-Anpassungen

Wie kann man Apple Pay auf der Produktseite ausblenden?

// Hide Apple Pay on Product page
add_filter('wc_stripe_hide_payment_request_on_product_page', '__return_true');

Wie füge ich Apple Pay auf meiner Checkout-Seite hinzu?

// Adds Payment Request button (Apple Pay) on the Checkout page
add_filter('wc_stripe_show_payment_request_on_checkout', '__return_true');

 

Andere Plugins, die Apple Pay unterstützen

Möchten Sie neben Stripe ein anderes Zahlungsplugin verwenden?

Hier sind andere WooCommerce-Plugins, die Apple Pay unterstützen:

Über den Autor

Über den Autor

Simon gründete SG Web Partners im Jahr 2015. Simon hat 7 Jahre Erfahrung in der Entwicklung von WordPress-Seiten.

Abonnieren

Eine Antwort hinterlassen

Kommentarpolitik: Wir lieben Kommentare und schätzen die Zeit, die Leser aufwenden, um Ideen zu teilen und Feedback zu geben. Allerdings werden alle Kommentare manuell moderiert und solche, die als Spam oder rein werblich eingestuft werden, werden gelöscht. Ihre E-Mail Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert*

Kommentare

  1. Michael Cunningham 14. September 2021 | 13:12 Uhr

    Hallo Simon, wenn möglich, könnten wir einen kurzen Zoom-Anruf machen. Ich bin nicht in der Lage, die Apple Pay-Option hinzuzufügen, obwohl ich alles hier befolgt habe.

  2. Tim 19. Juni 2021 | 20:48 Uhr

    Ich sehe nur Gpay und das ist auf meinem iphone mit Safari und meinem MBP. Irgendwelche Ideen?

    • Simon Gondeck 19. Juni 2021 | 20:59 Uhr

      Hey Tim, haben Sie Apple Pay auf Ihrem Gerät eingerichtet? Auf Ihrem iPhone > gehen Sie zu Einstellungen > klicken Sie auf "Wallet" > scrollen Sie zum Ende der Seite und aktivieren Sie "Zahlungen auf dem Mac zulassen". Auf Ihrem Macbook > gehen Sie zu Safari > Einstellungen > klicken Sie auf Datenschutz > aktivieren Sie "Websites erlauben, auf Apple Pay und Apple Card zu prüfen". Wie lautet die URL, bei der Apple Pay nicht angezeigt wird?

  3. Helen 2. April 2021 | 8:54 Uhr

    Ich habe mir diese Checkliste angesehen und sichergestellt, dass ich den Safari-Browser verwende, Apple Pay auf der Website aktiviert habe und Cache und Verlauf in Safari gelöscht habe. https://sgwebpartners.com/setup-apple-pay-on-woocommerce/#checklist

    Ich habe es sowohl auf meinem Macbook als auch auf iOS-Geräten versucht und die Apple Pay-Schaltfläche wird auf der Seite "Kasse" & "Produktdetails" meiner Website(https://vegreenian.com/checkout) immer noch nicht angezeigt.

    Können Sie zufällig die Apple Pay Option auf meiner Website sehen?

    Vielen Dank im Voraus.

  4. Antony 22. Februar 2021 | 3:37 Uhr

    Hey in der Hoffnung, dass Sie helfen können, habe ich gerade zwei Websites, beide fast identisch getan.
    Eine Seite es funktioniert alles gut,
    Die zweite Website kann ich nicht bekommen Apple Pay Tasten zu zeigen.
    Ich bin alle Einstellungen durchgegangen und kann nichts finden, was anders ist.
    Die Website, auf der alles perfekt funktioniert, ist Cantraig.co.uk.
    Die Website, auf der es nicht angezeigt wird, ist SuzysBoutique.co.uk

    Ich habe alles doppelt geprüft und der einzige Unterschied zwischen den beiden ist das installierte Theme.
    -Cantraig ist Storefront.
    -Suzy ist das Boutique-Theme von Storefront.

    Wissen Sie vielleicht, wie ich die Farbe des Einkaufswagens ändern kann? Die auf der Suzy-Website hat die entgegengesetzte Farbe zur Website und sieht einfach seltsam aus. Der Warenkorb wird schwarz angezeigt, ich hätte ihn gerne weiß, damit er zur Website passt.

  5. Langa 26. Januar 2021 | 7:00 Uhr

    Grüße Simon. Vielen Dank für Ihr informatives Tutorial, jedoch wird die Apple Pay Schaltfläche nicht angezeigt. Ich habe alle Ihre Schritte befolgt, Kredit- und Debitkarten-Zahlungsmethode funktioniert einwandfrei und ich benutze sie seit etwa einem Monat, ich habe Apple Pay erst gestern hinzugefügt. Ich bin auch Ihre Checkliste durchgegangen https://sgwebpartners.com/setup-apple-pay-on-woocommerce/#checklist Ich habe es sowohl auf meinem Mac als auch auf meinem iOS-Gerät versucht und Apple Pay wird immer noch nicht auf meiner Website https://jelele.com angezeigt. Vielen Dank im Voraus.

    • Simon G 26. Januar 2021 | 13:34 Uhr

      Hey Langa, ich habe nicht gesehen, als ich in meinem Safari-Browser geprüft habe. Ich würde auf das Standard-Theme Twenty Twenty One oder Storefront wechseln, um einen Theme-Konflikt auszuschließen? Wird Apple Pay immer noch nicht angezeigt? Versuchen Sie, Plugins 1 nach dem anderen zu deaktivieren, um einen Plugin-Konflikt auszuschließen.

    • Langa 27. Januar 2021 | 4:16 Uhr

      Danke Simon, ich habe zu Stripe für Woocommerce gewechselt, welches Ihr empfohlenes Plugin ist. Funktioniert wie ein Zauber! Toller Job Kumpel, Prost

    • Simon G 27. Januar 2021 | 6:29 Uhr

      großartig, das zu hören, Langa!

  6. Damian 19. Januar 2021 | 10:20 Uhr

    Hallo Simon. Vielen Dank für Ihr Schritt-für-Schritt-Tutorial, aber die Apple-Pay-Schaltfläche wird nicht angezeigt. Ich habe alle Schritte unternommen, ....Kredit- und Debitkarte funktioniert gut... Ich verwende Trust Payments und Stripe als Zahlungsmethoden, aber das Problem ist nur, dass Apple Pay nirgendwo auf der Website angezeigt wird!

    https://www.lifechangingcompetition.co.uk

    • Simon G 19. Januar 2021 | 10:50 Uhr

      Hey Damian, haben Sie sich diese Checkliste angesehen und sichergestellt, dass Sie den Safari-Browser verwenden, Apple Pay auf Ihrer Website aktiviert haben, usw.? https://sgwebpartners.com/setup-apple-pay-on-woocommerce/#checklist

    • Damian 19. Januar 2021 | 11:20 Uhr

      Danke für die schnelle Antwort. Ja, ich habe durch die Checkliste ein paar Mal gehen, ich benutze nur Apple-Produkte im Moment, iPhone, iMac, iPad Ich habe Cache auf allen von ihnen gelöscht und nicht von ihnen zeigen Apple Pay-Taste, ich habe keine Probleme mit der Zahlung für Waren auf anderen Websites mit Apple Pay abgesehen von meinem ein 🙂 es ist mein 3. Tag bereits versuchen, das Problem zu lösen.

    • Simon G 21. Januar 2021 | 21:00 Uhr

      Hallo Damian, wenn ich auf Ihre Website gehe > ein Produkt in den Warenkorb lege > zur Kasse gehe > kann ich Apple Pay sehen. Haben Sie dieses Problem kürzlich behoben?

  7. Anjali m 18. Januar 2021 | 11:37 Uhr

    Ich kann applepay auf meiner Website (afrofreelancer.com) nicht sehen. Ich habe das gesamte Tutorial befolgt.

  8. Carlos 20. Dezember 2020 | 1:55 Uhr

    Hallo! Ich habe alle Schritte durchgeführt und die Apple Pay-Taste funktioniert gut. Das Problem ist, dass viele Male, wenn ein Kunde eine Bestellung macht und versucht, mit Apple Pay mit dem Handy zu bezahlen, wird die Bestellung mit 0 Artikel und $0,00 creacted, obwohl es ein Artikel in der Tabelle war.

    Haben Sie einen Vorschlag? Meine Website ist https://photo-to-text.com/

    Vielen Dank!

    • Simon Gondeck 22. Dezember 2020 | 4:08 Uhr

      Hallo Carlos! In Ihrer Situation verlangt es, dass das Produkt dem Warenkorb hinzugefügt wird, bevor Apple Pay funktionieren kann. Haben Sie irgendwelche Anpassungen vorgenommen? Apple Pay-Anfragen müssen geladen werden, wenn die Seite geladen wird. Wenn diese Funktion auf einzelnen Produktseiten aktiviert ist, wird die Apple Pay-Schaltfläche oberhalb der Schaltfläche "In den Warenkorb" verfügbar sein.

      Sie könnten auch die Apple Pay-Schaltfläche auf der Produktseite ausblenden, indem Sie dieses Snippet verwenden:

      add_filter( 'wc_stripe_hide_payment_request_on_product_page', '__return_true' );
  9. Leon 3. Dezember 2020 | 8:41 Uhr

    Danke für die Anleitung. Müssen Sie einen Entwickler-Account mit Apple zuerst einrichten, und die folgen diesem Tutorial? Oder jeder mit einem Stripe-Konto + Woocommerce kann es tun (ohne Apple Dev-Konto)?

    • Simon Gondeck 3. Dezember 2020 | 14:47 Uhr

      Hallo Leon! Ja das ist korrekt. Jeder, der WooCommerce mit einem Stripe-Konto verwendet, kann Apple Pay aktivieren.

  10. Mike 13. November 2020 | 13:56 Uhr

    Hallo, Simon

    Muss ich meine Domain bei einem Stripe registrieren und die Apple-Verifizierungsdatei auf den Server legen?
    Kunden können die Apple Pay-Schaltfläche nicht sehen, wenn der Hosting-Service ihre Domain nicht bei Apple registriert?

    • Simon Gondeck 13. November 2020 | 9:04 Uhr

      Das ist das, was ich empfehlen würde. Wie lautet die Url Ihrer Produktseite? Haben Sie Apple Pay auf Ihrem Mobiltelefon aktiviert? Verwenden Sie den Safari-Browser?

  11. Dergido Alen 4. Oktober 2020 | 13:44 Uhr

    Hallo Simon,
    Wie kann ich die Apple Pay-Schaltfläche nach den Kundendaten auf der Checkout-Seite verschieben? oder unter andere Zahlungsmethoden?

  12. Dergido Alen 29. September 2020 | 11:37 Uhr

    Hallo Simon,

    Obwohl ich alles versucht habe, konnte ich nicht. Ihre Hilfe wäre sehr wertvoll für mich. Haben Sie andere Vorschläge? Website-Adresse: melissalinen.com

    • Simon Gondeck 29. September 2020 | 19:04 Uhr

      Hallo Dergido, können Sie bestätigen, dass Sie Apple Pay auf Ihrem Mac oder iPhone eingerichtet haben? Verwenden Sie auch den Safari-Browser? Ich würde das auf Ihrem Telefon testen, dass Apple Pay eingerichtet ist. Überprüfen Sie dies, indem Sie in den Einstellungen Ihres iPhones "Zahlungen auf dem Mac zulassen" aktivieren. Auf Ihrem iPhone > gehen Sie zu Einstellungen > klicken Sie auf "Wallet" > scrollen Sie nach unten, um zu aktivieren. Rufen Sie dann die URL Ihrer Website im Safari-Browser auf Ihrem Telefon auf. Ich konnte sehen, dass Apple Pay angezeigt wird (siehe Screenshot unten):

      Apple Pay iPhone - Safari-Browser

    • Dergido Alen 4. Oktober 2020 | 8:41 Uhr

      Hallo Simon,

      Nachdem ich Ihnen geschrieben habe, habe ich mein Woocommerce-Theme gelöscht und neu installiert. Nachdem ich das getan hatte, war Apple Pay jedoch sichtbar. Vielen Dank für Ihre Hilfe.

  13. umer shahzad 17. September 2020 | 7:06 Uhr

    Hallo Sir, die Apple-Pay-Schaltfläche wird nicht angezeigt. Ich habe alle Schritte unternommen .... und verwende dasselbe Stripe-Gateway... Kredit- und Debitkarte funktionieren gut... aber das Problem ist nur, dass Apple Pay nirgendwo auf der Website angezeigt wird!
    Bitte führen Sie mich zu diesem Thema... Ich habe Ihre Dokumentation vollständig befolgt.

    • Simon Gondeck 17. September 2020 | 13:30 Uhr

      Ich kann nicht versuchen zu helfen, wenn Sie keinen Link zu Ihrer Website angeben. Wenn Apple Pay nicht auf Ihrer Einkaufswagen- oder Kassenseite angezeigt wird, stellen Sie sicher, dass Sie ein Apple-Produkt (d. h. iPhone, iPad, MacBook usw.) und den Safari-Browser verwenden. Wenn Sie immer noch Probleme haben, leeren Sie Ihren Cache und versuchen Sie es sowohl auf Ihrem 🖥Desktop als auch auf Ihrem 📱Mobiltelefon. Stellen Sie außerdem sicher, dass Sie ein SSL-Zertifikat auf Ihrer Website haben und HTTPS anstelle von HTTP verwendet wird. Ein weiteres Problem, das ich sehe, ist, dass Benutzer Apple Pay nicht auf ihrem Telefon eingerichtet haben. Überprüfen Sie dies, indem Sie "Zahlungen auf dem Mac zulassen" in den Einstellungen Ihres iPhones aktivieren. Auf Ihrem iPhone > gehen Sie zu Einstellungen > klicken Sie auf "Wallet" > scrollen Sie nach unten, um die Option zu aktivieren.

    • umer shahzad 17. September 2020 | 11:50 Uhr

      Oh! Vielen Dank für Ihre Anleitung...ich habe alle Methoden angewandt, aber das Problem ist geblieben...hier ist meine Website-URL: https://kasabeeston.com/...eine Sache ist, dass ich keine Live-Stripe-Api-Client-Geheimnis und Client-ID verwende...ich habe Test-Api auf Stripe-Konto generiert, um zu überprüfen...Stripe-Kredit-/Debitkarten-Zahlungsmethoden funktioniert gut...aber das einzige Problem ist, dass die Apple Pay-Schaltfläche nicht angezeigt wird.

    • Simon Gondeck 17. September 2020 | 11:58 Uhr

      Hey Umer, es sieht so aus, als ob Sie Apple Pay in Safari nicht aktiviert haben, wenn Sie den Desktop verwenden, oder Ihr iPhone, wenn Sie mobil sind. Verwenden Sie ein Apple-Produkt? Benutzen Sie auch den Safari-Browser? Wenn ich auf Ihre Website gehe, wird die Apple Pay-Schaltfläche für mich angezeigt. Als Referenz sehen Sie den Screenshot unten:

      Apple Pay im Safari-Browser

    • umer shahzad 18. September 2020 | 12:51 Uhr

      Oh, vielen Dank, mein Lieber! Ich verwende die Apple Pay-Zahlungsmethode zum ersten Mal... also habe ich einige Fragen... wird sie nur auf iPhone-Geräten wie Mac oder Telefon angezeigt oder kann sie auf jedem Gerät und jedem Browser angezeigt werden?

    • Simon Gondeck 21. September 2020 | 14:04 Uhr

      Apple Pay kann nur angezeigt werden, wenn ein Apple-Gerät verwendet wird und auch der Safari-Browser verwendet wird. Der Benutzer muss Apple Pay auch auf seinem iPhone oder seinem MacBook aktivieren.

  14. Eiroll 24. August 2020 | 10:48 Uhr
    // Adds Payment Request button (Apple Pay) on the Checkout page
    add_filter('wc_stripe_show_payment_request_on_checkout', '__return_true');

    Hallo Herr, wo kann ich dieses Snippet Code einfügen?
    Ich benutze woocommerce wordpress. Danke Kumpel!

    • Simon Gondeck 25. August 2020 | 17:22 Uhr

      Hallo Eiroll, Sie müssen dies in die Datei functions.php Ihres Themes einfügen. Welches Hosting nutzen Sie derzeit? Sie sollten Anweisungen bereitstellen, wie Sie sich mit Ihrer Website über SFTP verbinden können. Nachdem Sie sich über SFTP oder SSH mit Ihrer Website verbunden haben, gehen Sie zu /wp-content/themes/ihr-theme-name/. Bearbeiten Sie dann die Datei functions.php und fügen Sie dies am Ende der Datei hinzu und speichern Sie.

    • Joba A 10. Januar 2021 | 10:11 Uhr

      Ich habe also die function.php in WordPress gefunden, aber wenn ich sie unten eingebe und auf "Speichern" drücke, gehe ich auf meine Kassenseite und die Seite ist durcheinander. Ich sehe zwar das "oder"-Zeichen, das anzeigt, dass der Code teilweise funktioniert hat, aber ich sehe immer noch nicht die Schaltfläche und die Seite ist nicht in Ordnung. Muss ich den Code auf eine bestimmte Weise platzieren? Vorschläge?

  15. Julia 24. August 2020 | 8:45 Uhr

    Hey! Ich kann die Apple Pay-Schaltfläche nicht an der Kasse anzeigen lassen. Ich habe bereits Caches bereinigt, nachdem ich die Schaltfläche hinzugefügt habe, habe es auf verschiedenen iOS-Geräten versucht... Was ist los?

    • Simon Gondeck 24. August 2020 | 11:43 Uhr

      Hallo Julia, können Sie die Apple Pay-Schaltfläche auf der Seite "Warenkorb" sehen? Ist die Checkout-Seite der einzige Ort, an dem du den Apple Pay-Button nicht sehen kannst, oder siehst du ihn nirgendwo auf deiner Seite? Bitte gib eine Url an, sonst kann ich es nicht sehen 🙂 .

  16. Anjali 21. April 2020 | 11:42 Uhr

    Hallo, ich habe den Cache des Safari-Browsers geleert, trotzdem wird die Bezahlung nicht angezeigt, bitte helfen Sie mir

FAQ

Apple Pay funktioniert nicht

Wenn Apple Pay nicht funktioniert, stellen Sie sicher, dass Sie den Safari-Browser mit Ihrem Apple-Gerät verwenden. Ein weiteres Problem, das ich sehe, ist, dass Benutzer Apple Pay nicht auf ihrem Telefon eingerichtet haben. Überprüfen Sie dies, indem Sie "Zahlungen auf dem Mac zulassen" in den Einstellungen Ihres iPhones aktivieren. Gehen Sie auf Ihrem iPhone > zu " Einstellungen" > klicken Sie auf " Wallet " > scrollen Sie nach unten, um die Option zu aktivieren.

Wenn Sie immer noch Probleme haben, leeren Sie den Cache und versuchen Sie es sowohl auf dem 🖥Desktop als auch auf dem 📱Mobiltelefon.

Stellen Sie außerdem sicher, dass Sie ein SSL-Zertifikat auf Ihrer Website haben und HTTPS anstelle von HTTP verwendet wird.

Wie kann ich Apple Pay auf Ihrer WooCommerce-Produktseite ausblenden?

// Hide Apple Pay on Product page
add_filter('wc_stripe_hide_payment_request_on_product_page', '__return_true');

Wie kann ich Apple Pay auf der WooCommerce-Kassenseite hinzufügen?

// Adds Payment Request button (Apple Pay) on the Checkout page
add_filter('wc_stripe_show_payment_request_on_checkout', '__return_true');