HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

WooCommerceにStripeを導入する方法|初心者向けステップバイステップガイド

ECサイトを軌道に乗せるうえで、WooCommerceサイトに適切な決済ゲートウェイを設定することは非常に重要なステップです。決済手段としてStripeを選んだあなたのために、この記事では導入の第一歩から丁寧に解説していきます。

WooCommerceサイトにStripeを追加するには、プラグインを有効化し、自分のStripeアカウントと連携させる必要があります。本記事では、StripeとWooCommerceを連携させる手順を詳しくご紹介するとともに、Stripeを利用する際に押さえておきたい重要なポイントについても解説します。

要点(TL;DR):Stripeは高いセキュリティと多様な決済手段に対応していることで人気があります。このわかりやすいガイドに従えば、誰でも簡単にWooCommerceへStripeを統合できます。ただし作業を始める前に、BlogVaultなどでサイトのバックアップを取っておくことをおすすめします。これまでの作業内容が失われるリスクを回避できます。

WooCommerceにStripeを追加するための前提条件

StripeとWooCommerceの連携作業を始める前に、いくつか確認しておきたいポイントがあります。

  • 適切なプラグインを選ぶ:WooCommerce用のStripe連携プラグインは数多く存在します。それぞれに特徴があり、どれを選ぶかは提供される機能次第です。たとえば「WooCommerce Stripe Payment Gateway」はサブスクリプション機能に別途拡張機能が必要ですが、アパレルやアクセサリーを販売する事業者には適した選択肢です。
  • SSL証明書の導入:SSL証明書を必ず導入してください。SSL証明書は通信を暗号化するものであり、Stripeに関係なく、あらゆるサイトに導入が推奨されます。
  • WooCommerceバージョン2.2以上が必要:StripeはWooCommerceバージョン2.2以上でのみ返金処理に対応しています。サイトを最新の状態に保ちましょう。常に最新版を使うことは、セキュリティ向上やバグ減少といったメリットもあります。

Stripeアカウントの作成方法

WooCommerceサイトにStripeを組み込む前に、まずStripeアカウントを作成する必要があります。アカウント作成は直感的に行えるプロセスで、国によって多少異なるものの、以下の手順に沿って進めれば問題ありません。

  1. アカウントを作成する:Stripe公式サイトにアクセスし、「今すぐ始める」をクリックします。メールアドレス、氏名を入力し、国を選択して強固なパスワードを設定します。「アカウントを作成」をクリックしましょう。
  2. メールアドレスを認証する:登録したメールボックスを開き、「メールアドレスを認証」ボタンをクリックします。
  3. 決済機能を有効化する:Stripeアカウントに戻り、「Activate Payments(決済を有効化)」をクリックします。このステップは入金を受け取るために必要です。スキップも可能ですが、実行しておくことをおすすめします。
  4. 事業の基本情報を入力:登記済みの事業所住所、業種、事業形態(個人事業でない場合)を入力します。
  5. 事業の詳細情報を入力:法人名またはLLC名、雇用者識別番号(EIN)、登記住所・電話番号を記入し、自社に合った業種を選択します。事業ウェブサイトや製品説明などの追加情報も入力しましょう。
  6. 事業代表者の情報を入力:会社の窓口担当者の情報を記入します。
  7. オーナー情報を入力:該当する場合は、オーナーの情報も入力します。
  8. 提供形態を選択:顧客が商品やサービスを受け取り/利用できるまでの期間を選択します。
  9. 明細表示名を設定:顧客の利用明細に表示される名称です。識別しやすい名前にしましょう。文字数制限がある点に注意が必要です。
  10. 銀行口座情報を入力:手動で入力するか、銀行を選択して案内に従います。
  11. 二段階認証を有効化:SMSか認証アプリのどちらかを選べます。
  12. 消費税計算機能を有効化:任意のステップですが、税務処理が楽になるのでおすすめです。
  13. 残りの情報を入力:次のページで求められる項目を入力します。内容はこれまでの入力によって変わります。完了したら「送信」をクリックすれば、入金準備は完了です。

WooCommerceにStripeを追加する手順

Stripeアカウントが作成できたら、いよいよWooCommerceサイトとの統合です。選択できるプラグインは多数ありますが、ここでは以下の3つのプラグインを使った連携方法をご紹介します。

  • WooCommerce Stripe Payment Gateway
  • Payment Plugins for Stripe WooCommerce
  • WooCommerce Payments

WooCommerce Stripe Payment Gateway

WooCommerce公式のこのプラグインは、世界中の37か国の販売者向けに提供されており、対応国は順次拡大されています。幅広い決済手段に対応している点が人気の理由です。サブスクリプション販売には「WooCommerce Subscriptions」拡張機能のインストールが必要です。それでは、連携手順を見ていきましょう。

  1. WooCommerce Stripe Payment Gatewayを有効化する

    左メニューの「プラグイン」→「新規追加」をクリックし、検索欄に「WooCommerce Stripe Payment Gateway」と入力します。「今すぐインストール」→「有効化」をクリックします。
  2. Stripeアカウントと接続する

    WooCommerceダッシュボードに移動し、「支払い」タブを開きます。「Stripe(クレジットカード)」をオンにし、ページが読み込まれたらStripeアカウントにログインします。完了すると自動的にサイトへリダイレクトされます。
  3. テストモードを有効化する

    WordPressダッシュボードに戻り、左側のWooCommerceメニューから「設定」→「支払い」タブ→「Stripe(クレジットカード)」をクリックします。「設定」タブを開き、一般セクションの「Edit Account Keys(アカウントキーを編集)」をクリックし、ポップアップで「Test」タブを選びます。
  4. テスト用APIキーを設定する

    Stripeのサイトに切り替え、右上の「開発者」をクリックします。右上のトグルでテストモードをオンにし、左メニューの「APIキー」タブを選択します。公開可能キーとシークレットキーをコピーし、WordPress管理画面のテスト用公開可能キー・テスト用シークレットキーの各フィールドに貼り付けます。
  5. テスト用Webhookを設定する

    WP管理画面のStripe設定ページで、表示されているWebhookエンドポイントURLをコピーします。Stripeの開発者ダッシュボードでWebhooksページを開き、「+ エンドポイントを追加」をクリックしてURLを貼り付けます。
WooCommerceにStripeを導入する方法|初心者向けステップバイステップガイド
  1. イベントを選択する

    表示されたリストから必要なイベントを選択します。最新のAPIバージョンが表示されていればそれを選び、完了したら「エンドポイントを追加」をクリックします。Stripeが推奨する最低限のイベントは以下の通りです。
    • source.chargeable
    • source.cancelled
    • charge.succeeded
    • charge.failed
    • charge.captured
    • charge.dispute.created
    • charge.dispute.closed
    • charge.refunded
    • review.opened
    • review.closed
    • payment_intent.succeeded
    • payment_intent.payment_failed
    • payment_intent.amount_capturable_updated
    • payment_intent.requires_action
    • setup_intent.succeeded
    • setup_intent.setup_failed
  2. 決済ゲートウェイをテストする

    自分のカード情報でもテストできますが、Stripeが提供するテスト用クレデンシャルの使用をおすすめします。
  3. テストモードを無効化する

    手順3と同様に「Edit Account Keys」を開き、今度は「Live」タブを選択します。Stripe側でテストモードをオフにし、本番用APIキーをコピー&ペーストします。Webhookも同様に本番用として設定し、イベントを選択します。
WooCommerceにStripeを導入する方法|初心者向けステップバイステップガイド
  1. 最終確認をする

    APIキーとWebhookの設定に漏れがないか再確認しましょう。これで入金を受け付ける準備が整いました。

Payment Plugins for Stripe WooCommerce

Payment Plugins for Stripe WooCommerceは、WooCommerce Stripe Payment Gatewayの優れた代替手段となるプラグインです。Stripe公式のプラグインの一つで、WooCommerce Subscriptions、WooCommerce Pre-Orders、WooCommerce Blocksに対応しており、国によっては分割払いにも対応しています。連携の手順は以下の通りです。

  1. インストールして有効化:

    プラグインディレクトリで「Payment Plugins for Stripe WooCommerce」を検索し、「インストール」→「有効化」をクリックします。
  2. テストモードを有効化:

    有効化するとプラグインのダッシュボードに移動します。「Settings」を開き、モードがTestになっていることを確認します。続いてStripeサイト側でもテストモードをオンにします。
WooCommerceにStripeを導入する方法|初心者向けステップバイステップガイド
  1. テスト用APIキーを設定:

    「Connect to Stripe」をクリックしてStripeアカウントにログインします。テスト用APIキーとWebhookが自動的に連携されます。
  1. 決済ゲートウェイをテスト:

    顧客視点でのチェックアウト・決済フローをテストできます。テスト後はテストモードを解除しましょう。
  2. Webhook URLを追加:

    プラグインのダッシュボードからWebhook URLをコピーします。Stripeの開発者ダッシュボードに移動し、「+ エンドポイントを追加」をクリックしてURLを貼り付けます。
  3. イベントを選択:

    必要なイベントをすべて選択し、最新のAPIバージョンが表示されていれば選んで「エンドポイントを追加」をクリックします。Stripeが定める最低限のイベントは前述のリストと同じものです。
WooCommerceにStripeを導入する方法|初心者向けステップバイステップガイド
  1. 署名シークレットをコピー:

    「エンドポイントを追加」をクリックするとダッシュボードに戻ります。テーブル内の「Reveal」をクリックして署名シークレットを表示し、コピーしてWordPress管理画面の「Webhook Secret」フィールドに貼り付けます。これで入金準備は完了です。


注意:テストモード中にWebhookを追加した場合は、テストモードを解除してもう一度同じ手順を行ってください。StripeとWooCommerceの両方でライブモードになっていることを確認しましょう。

WooCommerce Payments

WooCommerce PaymentsはAutomattic製のプラグインで、Stripeとの提携が組み込まれています。そのため、トランザクションや決済に関する管理をすべてWooCommerceのダッシュボード上で行えます。トラブル対応や取引履歴の確認のために、わざわざStripeにログインする必要はもうありません。すべてを一箇所で管理できるのです。導入手順は以下の通りです。

  1. インストールして有効化

    WordPressダッシュボードで「プラグイン」→「新規追加」を開き、「WooCommerce Payments」を検索します。プラグインをインストールして有効化します。
  2. WooCommerce Paymentsをセットアップ

    WooCommerce Paymentsのページにリダイレクトされるので、「Finish Setup(セットアップを完了)」をクリックします。正しいメールアドレスを選択してサイトを連携させ、その後Stripeアカウントでログインします。完了するとWordPressダッシュボードに戻ります。左メニューのタブから取引履歴、チャージバック(争議)、入金状況などを確認することもできます。
  3. テストモードを有効化

    ログイン後、「Test Mode」の下にあるチェックボックスにチェックを入れます。以降のトランザクションはすべてテストモードで処理されます。
  4. テストモードを無効化

    テストが完了したら、Test Mode横のチェックを外せばテストモードが解除され、セットアップ完了です。実際の入金を受け付けられるようになります。

WooCommerceに最適なStripeプラグインの選び方

決済ゲートウェイ用プラグインを選ぶ際は、コスト、管理機能、対応決済手段、機能性といった要素を必ず比較検討しましょう。

コスト:今回紹介した3つのプラグインはすべて無料です。ただし、WooCommerce Stripe Payment GatewayとPayment Plugins for Stripe WooCommerceの場合、拡張機能は別料金になります。

取引管理:WooCommerce Paymentsは管理パネル上にダッシュボードを備えており、すべてを一箇所で管理できます。他の2つのプラグインでは、Stripeダッシュボードを使う必要があります。

対応決済手段:3つの中ではWooCommerce Stripe Payment Gatewayが最も多くの決済手段に対応しており、主要なクレジットカードや決済サービスだけでなく、Diners Club、Alipay、Microsoft Pay(デスクトップユーザー向け)にも対応しています。

機能:Payment Plugins for Stripe WooCommerceとWooCommerce Stripe Payment Gatewayは、サブスクリプションなどの機能を利用するために拡張機能のインストールが必要です。

Stripeを選ぶべき理由

セキュリティ

Stripeは最も厳格なコンプライアンス監査を受けており、PCI Level 1 Service Providerとして認証されています。機密データと通信はすべて暗号化され、全サービスでTLSまたはSSLセキュリティが必須となっています。あなたのデータも顧客のデータも、Stripeなら安全に保護されていると安心できます。

さらに、マルウェアスキャナー、最先端のファイアウォール、迅速なマルウェア駆除を提供するMalCareのようなセキュリティプラグインでサイトを守ることもおすすめします。WooCommerceセキュリティの詳細については、専門記事もぜひ参考にしてください。

プライバシー

Stripeは本人確認のため、身分証明書や銀行口座情報などを収集します。また、顧客がサイトで購入すると、氏名、年齢(年齢制限商品を販売する場合)、配送先情報、銀行情報、取引履歴などの個人データが収集されます。これらの顧客情報は不正検知サービスに使用されたり、顧客の許可を得た事業者に対して広告や決済目的で提供されたりすることがあります。

料金体系

Stripeは一律の固定料率による手数料体系が高く評価されています。主なポイントは以下の通りです。

  • 初期費用や月額費用は不要。
  • 米国では、クレジットカード取引が2.9% + 30セント、対面決済が2.7% + 5セントの従量課金制です。海外発行カードには追加1%、さらに通貨換算手数料として追加1%がかかります。国、決済方法、銀行によっても費用は変動します。
  • 連携に使うプラグインや拡張機能、追加オプションによって追加コストが発生する場合があります。たとえば不正防止ツールのStripe Radarは、審査対象トランザクションごとに7セント(標準料金2.9%+30セント契約の場合は2セント)かかります。

入金サイクル

入金サイクルは国や所在地のリスクレベルによって異なります(高リスク地域では14日周期になることも)。一部の国では即時入金も利用可能になりました。Stripeアカウントを作成するとアカウント残高が作られ、取引のたびに手数料が差し引かれた残額が保留残高に計上されます。入金サイクルが完了すると、蓄積された残高が利用可能残高となります。

まとめ

Stripeアカウントを作成しておけば、さまざまな決済プラグインとの連携が格段にスムーズになります。多彩な決済手段への対応、高いセキュリティ、従量課金制というメリットも魅力です。

プラグイン選びについては、サイト全体を一箇所で管理できるWooCommerce Paymentsをおすすめします。

ただし、どの決済ゲートウェイをインストールする場合でも、その前にBlogVaultでサイトをバックアップしておきましょう。自動でバックアップを取ってくれる手軽なプラグインです。それでは、あなたのWooCommerceサイトの成功をお祈りしています。

よくある質問

Checkout PluginsでGoogle PayやApple Payを設定するには?

Google PayやApple Payの設定には、「Checkout Plugins」という専用プラグインが必要です。

  • プラグインディレクトリで該当プラグインを探します。
  • インストールして有効化したら、プラグインを自分のStripeアカウントと連携させます。
  • ゲートウェイ有効化ページにリダイレクトされるので、「Stripe Card」をオンにして「Enable Gateways」を選択します。
  • エクスプレスチェックアウトとWebhookの有効化はスキップして構いません。
  • 「Let's Customise」ボタンをクリックすると、WooCommerce内のWordPressダッシュボードに戻ります。
  • 「Express Checkout」タブを開き、チェックボックスにチェックを入れて有効化します。
  • エクスプレスチェックアウトボタンとサイト上の表示位置をカスタマイズします。
  • 「変更を保存」を選択すれば完了です。
  • 顧客がApple製デバイスで購入した場合はApple Payのボタンが、それ以外の場合はGoogle Payのボタンが表示されます。

WooCommerceにおすすめの決済ゲートウェイは?

WooCommerce Payments、PayPal Zettle、Amazon Pay、PayFast、Authorize.net、Squareなどが人気の決済ゲートウェイです。WooCommerce対応の決済ゲートウェイを詳しく比較した記事もぜひ参考にして、最適なものを見つけてください。

Webhookとは何ですか?

Webhookとは、Webアプリケーション同士が通信する仕組みのことです。カスタムコールバックによってWebアプリの動作を変化させます。簡単に言えば、あるイベントが発生したときに、あるアプリケーションから別のアプリケーションへ情報やデータを送信する仕組みです。たとえば「charge.failed」イベントを有効化していれば、請求が失敗したときにStripeがあなたのWooCommerceサイトへ通知してくれます。

APIキーとは何ですか?

APIとはApplication Programming Interface(アプリケーションプログラミングインターフェース)の略です。APIキーはWebアプリケーションが生成するコードで、サイトにアクセスしようとするユーザーや開発者を識別するために使われます。

  1. WordPress で PHP のバージョンを更新するには? (初心者向けガイド)

    PHP は、Web 開発者が動的な Web サイトを作成するために使用するサーバー側のスクリプト言語です。 WordPress、Joomla、Drupal、その他の一般的なコンテンツ管理システムはすべて PHP で記述されています。 1994 年に PHP が最初に作成されたとき、PHP は「Personal Home Page」の略でした。 」。現在は「PHP:ハイパーテキスト プリプロセッサ」と呼ばれていますが、 」。以下のボックスに PHP コードの例を示します。 <?php echo Welcome to the Malcare Blog!; ?> PHP は Web

  2. メール自動化の初心者向けガイド:基本の仕組みから設定手順まで徹底解説

    特に成長途上にあるビジネスオーナーにとって、顧客との継続的かつ定期的なコミュニケーションの維持は不可欠です。顧客は、自社のサービスが自分に何をもたらしてくれるのか、今後どのような新しい料金プラン、割引、キャンペーン、そして何より「新しさ」を提供してくれるのかを知りたがっています。こうしたメッセージを企業から消費者へ伝える手段として、最も一般的なものの一つがメールです。 さまざまなサービスプロバイダーやベンダーからのメールで受信箱が埋め尽くされた経験は誰にでもあるでしょう。その多くは無視されがちですが、タイミング次第では非常に役立つものもあります。では、これらのメールを毎日どのように送信している