eコマースサイトでWooCommerce Apple Payを設定する方法?

公開: 2022-02-13

支払いゲートウェイは、顧客の購入決定に直接影響します。 より多くの支払い方法が提供されるほど、より多くの販売が行われます。 理想的な世界では、訪問者が使用できるようにできるだけシンプルなオプションを選択します。 その結果、会社と潜在的な販売の間の障害が取り除かれます。 Appleブランドは、その高品質と安全性により、ますます人気が高まっています. オンライン ストアを統合すると、より多くのメリットが得られる可能性があります。 このトレンドを最大限に活用するには、WooCommerce ストアに Apple Pay 支払いゲートウェイを追加する必要があります。 そのため、この記事では、Apple Pay 支払いの背景を紹介し、e コマース サイトで WooCommerce Apple Pay 支払い方法を設定する方法を示します。

目次
[表示][非表示]
  1. アップルペイとは?
  2. Apple Pay には何が必要ですか?
  3. WooCommerce Apple Pay 支払いオプションを設定するには?
    1. ステップ 1: WooCommerce 用に Stripe をセットアップする
      1. #1: Stripe for WooCommerce プラグインをインストールしてアクティブ化する
      2. #2: WooCommerce で Stripe を有効にする
      3. #3: Stripe アカウントを作成する
      4. #4: Stripe API キーを取得する
      5. #5: API キーを使用して Stripe をリンクする
    2. ステップ 2: Stripe 内で Apple Pay 支払いを有効にする
      1. #1: WooCommerce の Apple Pay ボタンを有効にする
      2. #2: WooCommerce Apple Pay ボタンのトラブルシューティング
    3. ステップ 3: Apple Pay が機能しているかどうかをテストする
  4. 最終的な考え、

アップルペイとは?

デジタル ウォレットおよびモバイル決済システムである Apple Pay は、オンライン ストアから支払いを受け取るための別の方法を追加します。 Apple Pay システムは、他のモバイル決済ゲートウェイや送金アプリ (Venmo、Amazon Pay、Google Pay など) と同様に、顧客がデバイスから直接安全に購入できる、よりシンプルで便利な支払い方法を提供します。

woocommerce-アップルペイ-1

つまり、Apple Pay はクレジット カードと同様に機能しますが、支払い情報がユーザーのデバイス (通常は電話) 内に保存されるため、対面またはオンラインでの支払いのためにクレジット カードを持ち出す必要はありません。

Apple Pay ユーザーはデビット カードとクレジット カードを接続し、iPhone の Wallet アプリに保存します。 オンラインまたは実店舗が Apple Pay に対応している場合、支払いは数秒で処理できます。

結果として、Apple Pay は顧客があなたに支払うもう 1 つの方法であるため、主要な WooCommerce ストアまたはアフィリエイト ストアを運営するかどうかにかかわらず、Web サイトでその機能を提供することが重要です。

Apple Pay には何が必要ですか?

WooCommerce ストアで Apple Pay 支払い方法を選択する場合は、次のことを行う必要があります。

  • Safari ブラウザを使用する
  • Apple デバイスを使用する (例: iPhone、iPad、MacBook)
  • デバイスで Apple Pay を有効にしている

ストアで Apple Pay 支払い方法を受け入れることを希望するストア オーナーは、WordPress サイトに加えて次の要素を追加する必要があります。

  • サイトを e コマース ストアにする WooCommerce プラグイン。
  • 支払い方法を追加するための Stripe for WooCommerce プラグイン。
  • ストライプ アカウント。

WooCommerce Apple Pay 支払いオプションを設定するには?

このチュートリアルでは、WordPress サイトに WooCommerce プラグインがあることを確認します。 したがって、Apple Pay での支払いを受け入れるには、以下の手順から始めることができます。

ステップ 1: WooCommerce 用に Stripe をセットアップする

Stripe WooCommerce の Payment Plugins、Authorize.net、Cyber​​Source、Moneris、Square プラグインなど、Apple Pay をサポートする多くのプラグインがあります。 この記事では、合理的なパッケージと直感的なセットアップ プロセスを提供するため、Stripe for WooCommerce を使用して店舗で Apple Pay 支払いをセットアップする方法を紹介します。

#1: Stripe for WooCommerce プラグインをインストールしてアクティブ化する

WordPress ダッシュボードから、[プラグイン] > [新規追加] をクリックし、Stripe for WooCommerce プラグインを検索します。

woocommerce-アップルペイ-2

次に、 [今すぐインストール] > [アクティブ化] をクリックします。

woocommerce-アップルペイ-3
woocommerce-アップルペイ-4

#2: WooCommerce で Stripe を有効にする

WordPress ダッシュボードで、[ WooCommerce] > [設定] > [支払い]をクリックします。

woocommerce-アップルペイ-6

ページの一番下までスクロールして、Stripe クレジット カードの支払いオプションを見つけます。 タイトルに Stripe が含まれる他のフィールドに気付くかもしれませんが、今は無視してください。 最初に基本的な Stripe クレジット カード機能を有効にする必要があります。

Stripe クレジット カードスイッチをオンにします。 次に、表示されるボタンに応じて、[セットアップ] または [管理] をクリックします。

woocommerce-アップルペイ-7

#3: Stripe アカウントを作成する

Stripe アカウントをまだ持っていない場合は、Stripe アカウントを作成する必要があります。 これを行うには、Stripe から API キーを取得するためのビジネス アカウントが必要です。

woocommerce-アップルペイ-8

会社のウェブサイトで、会社名や銀行口座情報など、必要なすべての情報を入力するだけです。

#4: Stripe API キーを取得する

この段階で、Stripe アカウント キーを取得する必要があります。 Stripe ダッシュボードから、[開発者] > [ API キー] をクリックします。

woocommerce-アップルペイ-9

次に、公開可能な秘密鍵を表示できます。 これらの値をコピーします。

woocommerce-アップルペイ-10

その後、これらの値を API 資格情報セクションに貼り付けます。 変更を保存します

次に、Stripe ダッシュボードから [エンドポイントの追加] をクリックし、WooCommerce で Webhook エンドポイントをコピーして、この値を Stripe のエンドポイント URL に貼り付けます。

woocommerce-アップルペイ-12

最後に、Stripe で Webhook シークレットをコピーし、この値を WooCommerce に貼り付けます。

woocommerce-アップルペイ-13

次に、[変更を保存] をクリックして、WooCommerce のすべてのものを更新することを忘れないでください。

#5: API キーを使用して Stripe をリンクする

新しいページのAPI 設定セクションに移動します。

woocommerce-アップルペイ-14

支払いを受け入れる準備ができたら、モードLiveに変更します。 そうでない場合は、テスト モードのままにしてください。

[ Stripe アカウントを接続]フィールドで、[クリックして接続] ボタンをクリックします。 これにより、Stripe アカウントにログインして WordPress に接続できる新しいページが表示されます。

WordPress は、ログインしている場合は、Stripe アカウントを表示するサードパーティの接続ページに移動します。その結果、Stripe からプロンプトが表示された場合は、アカウントにログインする必要があります。

ログインしたら、WooCommerce ストアにリンクする Stripe アカウントを選択します。

[接続] ボタンをクリックします。

woocommerce-アップルペイ-15

緑色のチェックマークと、Stripe アカウントが正常に接続されたことを示すメッセージが表示されます。

これにより、発行可能なキーと秘密キーが生成され、WordPress ダッシュボードの適切なフィールドに追加されます。

注: Stripe API セクションには、対応するキーも表示されます。 必要に応じて、Stripe ダッシュボードからキーを取得できるため、これは重要です。 自動化されたプロセスが失敗した場合は、キーを再生成するのにも適しています。

woocommerce-アップルペイ-16

WooCommerce Payments ページを下にスクロールして、[変更を保存] ボタンをクリックします。

これにより、Stripe キーが WordPress 内に保存され、支払い処理の準備が整います。

woocommerce-アップルペイ-17

ステップ 2: Stripe 内で Apple Pay 支払いを有効にする

#1: WooCommerce の Apple Pay ボタンを有効にする

現在、WordPress サイトとの Stripe 統合により、顧客がストアのチェックアウト プロセスを完了すると、クレジット カード処理が可能になります。

これは Apple Pay ボタンを追加するために必要なステップですが、まだいくつかのステップを完了する必要があります。

woocommerce-アップルペイ-18

次に、このドメインを実際に所有していることを確認する必要があります。 通常、ホストされている Web サイトのファイルのセクションに確認ドキュメントをアップロードする必要があります (これは、 apple-developer-merchantid-domain-associationファイルである必要があります)。

woocommerce-アップルペイ-15

ただし、これを手動で行う必要はほとんどありません。 Apple Payセクションに移動し、[ドメインの登録] ボタンをクリックするだけです。

woocommerce-アップルペイ-16

その後、ドメインが正常に登録されたことを示すメッセージが表示されます。

Stripe ダッシュボードに移動し、[設定] > [支払い方法] > [Apple Pay ] をクリックして、すべてが正しく機能していることを確認します。

woocommerce-アップルペイ-17

ドメイン名が Web ドメインのリストに表示されます。

woocommerce-アップルペイ-18

ドメイン名が (自動または手動で) 確認されたら、Apple Pay 支払いゲートウェイが正常に機能しているかどうかを確認できます。

顧客が Apple Pay アカウントが設定されたモバイルデバイスから Web サイトにアクセスすると、製品ページまたはチェックアウトページに Apple Pay で購入ボタンが表示されるようになりました。

woocommerce-アップルペイ-19

#2: WooCommerce Apple Pay ボタンのトラブルシューティング

エラーが発生したり、プロセスがスムーズに進んだと思われる場合でも、サイトに Apple Pay ボタンが表示されない場合は、次の一般的な問題を調べて問題を解決してください。

  • ユーザーが Apple Pay 対応のモバイル デバイスを使用していない。 Apple Pay は、ユーザーが Apple Pay アカウントを持っている場合にのみ電話で使用できます。 そのため、クレジット カードを iPhone の Apple Pay アプリにリンクして、自分のサイトでボタンがどのように機能するかをテストして確認することをお勧めします。
  • サイトはまだライブではありません – テスト サイトとライブ サイトの API キーは別々に生成されます。 Stripe がトランザクションをシミュレートするという事実にもかかわらず、Stripe テスト モードの場合、Apple Pay ボタンは表示されません。 あなたは起きていなければなりません。
  • SSL 証明書がなく、ドメインの前に「https://」(http:// ではない) がない場合、Stripe は支払い機能 (特に Apple Pay) をブロックします。 SSL を有効またはインストールするには、支払いの詳細やその他のオンライン データ セキュリティ用の Sectigo ワイルドカード SSL 証明書 (複数のサブドメイン用) など、さまざまなオプションから任意の SSL を選択できます。
  • Stripe for WooCommerce プラグインは、Stripe API キーを自動的に生成できませんでした – 通常、Stripe for WooCommerce プラグインはトリックを実行しますが、Stripe API セクションで手動でレンダリングする必要がある場合があります。
  • プラグインが所有権を確認できません – この場合は、エラー メッセージに示されている手順に従って、確認ファイルを Web サイトにアップロードしてください。

ステップ 3: Apple Pay が機能しているかどうかをテストする

すべての作業が完了したら、Apple Pay 支払いオプションをもう一度チェックして、WooCommerce ストアと顧客のデバイスで完全に機能するかどうかを確認する必要があります. 最良の結果を得るには、次のことを行う必要があります。

  • スマートフォンとパソコンの両方で Safari ブラウザを開きます。
  • ウェブサイトにアクセスして、商品の 1 つをショッピング カートに入れます。
  • Apple Pay を使用して支払うことができるはずです。 Apple Pay がデバイスに表示されませんか?
  • チェックアウトページに進みます。

このプロセスがスムーズであれば、クライアントのデバイスでもうまく機能すると確信できます。 そうでない場合は、すべての手順をもう一度確認し、期待どおりの結果が得られるまで間違った手順を修正します。

最終的な考え、

WooCommerce Apple Pay は、セキュリティ、より多くの支払いオプション、より優れた UX により、店舗の所有者と顧客の両方に確かに利益をもたらします.

WooCommerce Apple Pay をウェブサイトに追加するのは賢い選択です。 このプロセスは、経験豊富な WooCommerce ユーザーにとっては簡単に思えますが、初心者にとっては複雑かもしれません. この記事が、WooCommerce ストアの Apple Pay 支払いゲートウェイの設定に役立つことを願っています。 始めるのが非常に難しい場合は、開発者を雇って処理を手伝ってもらう必要があります。