WordPressでStripeを使って支払いを受け取る方法

Stripeは、煩わしい手続きなしで世界中でオンライン決済を受け付けることができる人気のプラットフォームです。

この決済ゲートウェイは、オンラインストア、ブログ、寄付サイトなどに最適です。

WPBeginnerでは、ソフトウェアサブスクリプションの販売時など、さまざまな会員制ウェブサイトでStripeによる支払いを受け付けています。Easy Digital Downloads、WPForms、WP Simple Payなどを使用しています。そのため、設定がどれほど簡単で、世界中の新規顧客にリーチを拡大できるかを知っています。

ただし、WordPress およびほとんどの互換性のある eコマースプラグインには、デフォルトで Stripe が有効になっていません。最初に設定する必要があります。

そのため、この記事では、WordPress で Stripe を使用して簡単に支払いを受け付ける方法をご紹介します。いくつかの異なる方法を説明するので、ご自身のニーズに最適な方法を選ぶことができます。

WordPress で支払いを受け付けるために Stripe を使用する理由

Stripe は、 主要な決済ゲートウェイであり、事業主がオンライン支払いを受け付けることを容易にします。

eコマースストア、ブログサイト、非営利団体ウェブサイト、会員制サイトなど、あらゆる種類のWordPressウェブサイトと簡単に統合できます。Stripeを使用すると、定期的な支払いを処理したり、ユーザーに1回限りの購入の支払い方法を提供したりできます。

Stripe では、サイトで SSL/HTTPS 暗号化を使用している必要があります。まだウェブサイトに SSL 証明書がない場合は、WordPress に SSL を追加する方法に関するステップバイステップガイドを参照してください。

とはいえ、WordPress で Stripe を使用して支払いを受け付けるには、さまざまな方法があります。ニーズに最も適したものを選択できるように、4つの異なる方法を説明します。

簡単に閲覧するには、以下のナビゲーションリンクをご自由に使用してください。

• WPForms を使用した WordPress でのカスタム Stripe 注文フォーム
• WP Simple Pay プラグインを使用した Stripe 購入ボタン
• WooCommerceにStripe決済ゲートウェイを追加する
• Easy Digital Downloads を使用した Stripe 決済
• WordPress で Stripe 支払いを受け付けるための関連ガイド

WPForms を使用した WordPress でのカスタム Stripe 注文フォーム

WPFormsは最高のWordPressフォームプラグインです。カスタム支払いフォームを作成し、StripeとPayPalを使用してWordPressサイトで簡単に支払いを受け付けることができます。

このプラグインの使用に関する詳細については、WPFormsの完全レビューをご覧ください。

このチュートリアルでは、Stripe Proアドオンが含まれており、より強力な支払いフォームフィールドと追加のトランザクション手数料がかからないWPForms Proプランを使用します。

まず、WPFormsプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化したら、ライセンスキーを入力するために WPForms » 設定 に移動する必要があります。このライセンスキーは、WPForms のウェブサイトのアカウントから取得できます。

確認後、WPForms » アドオン ページに移動する必要があります。

「Stripe Pro」アドオンまでスクロールダウンし、その下にある「アドオンをインストール」ボタンをクリックします。

WPFormsは、Stripeフォームアドオンを自動的にインストールして有効化します。

次に、WPForms » Settings ページにアクセスし、「Payments」タブをクリックする必要があります。

そこに移動したら、「Stripeに接続」ボタンをクリックする必要があります。

その後、Stripeアカウントにログインし、WPFormsとアカウントを接続します。

それが完了すると、WPForms の支払い設定ページにリダイレクトされます。「接続ステータス」セクションに緑色のチェックマークが表示され、アカウントが接続されていることを示しているはずです。

次に、WordPressサイトで支払いを受け付けるためのフォームを作成する必要があります。

WPForms » Add New ページにアクセスしてください。これにより、WPForms のドラッグ＆ドロップフォームビルダーインターフェイスが起動します。

WPForms には、すぐに使えるフォームテンプレートが用意されています。

注文フォーム、寄付フォームなど、いくつかのフォームオプションから選択できます。または、Stripe支払いを受け付けるための空白のフォームを作成することもできます。

左側の列からテンプレートにドラッグアンドドロップするだけで、新しいフォームフィールドを追加できます。フィールドをクリックするだけで編集することもできます。

オンライン決済を受け付けるには、「Stripeクレジットカード」フォームフィールドを追加する必要があります。このフィールドは「支払いフィールド」セクションにあります。

その後、Stripeクレジットカードフィールドをクリックすると、ラベルの編集や説明の追加など、カスタマイズのためのオプションがさらに見つかります。

フォームに満足したら、WPForms のフォームビルダーで 支払い » Stripe タブをクリックする必要があります。

「Stripe決済を有効にする」オプションの横にあるチェックボックスをオンにし、支払いに関する説明を入力してください。支払い領収書を送信することも選択できます。

設定が完了したら、必ず保存してください。

このフォームを任意のWordPressの投稿またはページに追加する準備が整いました。

支払いフォームを埋め込む方法は複数あります。フォームビルダーの「埋め込み」ボタンをクリックするだけで、既存のページを選択するか、新しいページを作成するかを選択できます。

このチュートリアルでは、「新規ページを作成」オプションを選択します。

次に、ページの名前を入力し、「Let’s Go!」ボタンをクリックします。

WPForms は、フォームを WordPress コンテンツエディターに追加します。

WPFormsブロックを使用してフォームをドロップダウンメニューから選択することで、手動でウェブサイトにフォームを追加することもできます。

次に、プレビューボタンをクリックして、フォームの外観を確認します。

その後、ページを公開し、ウェブサイトにアクセスして、Stripe 決済フォームが機能していることを確認してください。

WP Simple Pay プラグインを使用した Stripe 購入ボタン

オンライン決済を受け付ける別の方法として、WP Simple Payを使用する方法があります。私たちはこのツールを数多く使用した経験があり、WordPress向けの最高のStripe決済プラグインだと考えています。これにより、ショッピングカートをセットアップせずに決済を収集できます。

詳細については、WP Simple Payのレビューをご覧ください。

このチュートリアルでは、WP Simple Pay Proプランを使用します。これは、ウェブサイトに支払いフォームを表示できるためです。さらに、支払いオプションが増え、ユーザーは一度だけ支払うか、定期的な支払いを設定できます。

まず最初に行うべきことは、WP Simple Payプラグインをインストールして有効化することです。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化すると、プラグインは eCommerce セットアップウィザードを起動します。「開始する」ボタンをクリックするだけです。

次に、セットアップウィザードでライセンスキーの入力を求められます。WP Simple Pay のライセンスキーは、アカウントエリアの「ライセンス」の下にあります。

キーを入力したら、「アクティベートして続行」ボタンをクリックしてください。

次に、WP Simple PayをStripeアカウントに接続する必要があります。

これを行うには、「Stripeで接続」ボタンをクリックするだけです。

次のステップで、Stripe アカウントにログインし、画面の指示に従って WP Simple Pay プラグインと接続してください。

アカウントが正常に接続されると、セットアップウィザードに戻されます。

次に、メールアドレスを入力し、受信したいメール通知を設定します。たとえば、支払い領収書、今後の請求書、および支払い通知のメールを有効にすることができます。

「保存して続行」ボタンをクリックしてください。

セットアップウィザードの最後のステップは、支払いフォームを作成することです。「支払いフォームを作成」ボタンをクリックするだけです。

次に、特定のニーズに合ったテンプレートを選択できます。

または、「基本フォーム」のリンクをクリックするだけです。

次に、さまざまな支払いフォーム設定が表示されます。

「一般」タブでは、フォームのタイトル、説明、フォームの種類などを編集できます。CAPTCHAを有効にするオプションもあります。

その後、「支払い」タブに移動できます。

ここでは、製品やサービスの価格を入力するオプションがあります。WP Simple Pay では、1 回限りの支払いオプションまたは定期購読オプションを選択することもできます。

「購入モード」を有効にして、一度に複数のオプションを提供することもできます。さらに、この画面で税率を設定できます。

次に、下にスクロールして、クレジットカード、Apple Pay、ACH決済、後払いなど、顧客向けの複数の決済オプションを選択できます。

最後に、フォームビルダーの「フォームフィールド」タブに移動できます。このタブでは、フォームフィールドを追加したり、順序を並べ替えたりできます。

支払いフォームのカスタマイズが完了したら、「公開」ボタンをクリックするだけです。

次に、WP Simple Payブロックを使用して、WordPressウェブサイトのどこにでも支払いフォームを追加できます。

新しいページを追加するか、既存のページを編集するだけです。WordPressコンテンツエディターに入ったら、「+」ボタンをクリックしてWP Simple Payブロックを追加します。

その後、WP Simple Pay ブロックのドロップダウンメニューからフォームを選択します。

これで、ページをプレビューして公開できます。決済フォームが実際にどのように機能するかを確認するには、ウェブサイトにアクセスしてください。

WooCommerceにStripe決済ゲートウェイを追加する

WooCommerceを使用してWordPressでオンラインストアを運営している場合、Stripeを使用して支払いを受け付ける方法は次のとおりです。

まず、FunnelKit によって作成された無料の Stripe Payment Gateway for WooCommerce プラグインをインストールして有効化する必要があります。詳細については、WordPress プラグインのインストール方法に関するステップバイステップガイドをご覧ください。

プラグインが有効になったら、「オンボーディングウィザードを開始」ボタンをクリックします。

これにより、ページが開きます。

ここで、「Stripeと接続」ボタンをクリックして、WooCommerceストアをStripeアカウントに接続できます。

次に、Stripeアカウントのメールアドレスとパスワードを入力するように求められます。

その後、「ログイン」ボタンをクリックして続行します。

次に、Stripe Payment Gateway for WooCommerceプラグインに接続したいStripeアカウントを選択します。

次に、「接続」ボタンをクリックします。

これで、Stripe、SEPAダイレクトデビット、iDEALなど、WooCommerceストアで提供したいすべての決済ゲートウェイを有効にできます。

その後、「保存して続行」ボタンをクリックします。

次に、Webhookを設定する必要があります。

これを行うには、単に「今すぐ Webhook を設定」ボタンをクリックしてください。

プラグインは、顧客が Google Pay および Apple Pay で支払うことができるエクスプレスチェックアウトオプションを有効にするように求めます。

エクスプレスチェックアウトを有効にするには、スイッチを「オン」に切り替えて「確認」ボタンをクリックします。それ以外の場合は、「このステップをスキップ」ボタンをクリックできます。

オンボーディングウィザードの最終ステップで、「テスト」モードまたは「ライブ」モードのどちらで実行するかを選択できます。

次に、「設定を保存してレビュー」ボタンをクリックします。

これで WooCommerce の Stripe 設定ページにリダイレクトされます。

ストアでの支払いプロセスを試すために、以前に「テスト」モードを選択した場合、実際の支払いの受け付け準備ができたときにここで「ライブ」モードに変更できます。

設定を保存するには、変更を保存することを忘れないでください。

ユーザーはチェックアウトページで Stripe を支払いオプションとして表示するようになります。

関連: WooCommerce のチェックアウトページをカスタマイズする方法に関するチュートリアルをご覧ください。

Easy Digital Downloads を使用した Stripe 決済

Easy Digital Downloadsは、市場で最高のWordPress eCommerceプラグインの1つです。WordPressサイトからデジタル製品を簡単に販売できます。

まず、Easy Digital Downloads をインストールして有効化する必要があります。詳細については、WordPress プラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化したら、ダウンロード » 設定ページにアクセスし、「支払い」タブをクリックする必要があります。

ここで、「アクティブなゲートウェイ」を見つけ、「Stripe」の横にあるボタンを切り替えます。

設定を保存するには、ページ下部にある「変更を保存」ボタンをクリックします。

次に、Easy Digital Downloads の「支払い」タブにある「Stripe」設定セクションに移動する必要があります。ここで、「Stripe で接続」ボタンをクリックします。

次に、Stripe アカウントにログインし、指示に従って Easy Digital Downloads と接続します。

完了したら、変更を保存して変更を記録することを忘れないでください。

ユーザーはチェックアウト時に Stripe を使用して支払うオプションが表示されるようになります。

WordPress で Stripe 支払いを受け付けるための関連ガイド

WordPress で Stripe を使用して支払いを受け付ける方法がわかったので、これらの他のリソースを確認することをお勧めします。

• Stripe vs. PayPal：WordPressサイトにはどちらが良いか？
• WordPressでStripe QRコード決済を追加する方法
• WordPressでStripeの支払いに対する税金を徴収する方法
• WordPressでStripeのトランザクション手数料を削減する方法
• WordPressにStripeの寄付ボタンを追加する方法（定期支払いオプション付き）
• WordPress サイトで Stripe の支払いをテストする方法

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。