Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressでStripeを使用して支払いを受け付ける方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressでStripeによる支払いを受け入れたいですか?

Stripeを利用すると、サイトオーナーはWordPressサイトで簡単に支払いを受け付けることができます。Stripeは、オンラインショップ、ブログサイト、寄付サイトなどにご利用いただける、主要な決済ゲートウェイです。

この投稿では、WordPressでStripeを使って簡単に支払いを受け付ける方法をご紹介します。

How to accept payments with stripe WordPress

WordPressで決済にStripeを使う理由

Stripeは、ビジネスオーナーがオンライン決済を簡単に利用できるようにする大手決済ゲートウェイです。

eコマース、ブログサイト、非営利サイト、会員制サイトなど、WordPressのあらゆるタイプのサイトに簡単に統合できます。Stripeを使えば、定期的な支払いや、1度きりの購入に対する支払い方法をユーザーに提供することができます。

Stripeでは、サイトのSSL/HTTPS暗号化が必須です。すでにサイトのSSL証明書をお持ちでない場合は、WordPressでSSLを追加する方法のステップバイステップガイドをご覧ください。

とはいえ、WordPressでStripeを使用して支払いを受け付けるにはさまざまな方法があります。ここでは4つの方法をご紹介しますので、ニーズに合った方法をお選びください。

ナビゲーションリンクをご利用ください:

WPFormsを使ったWordPressでのカスタマイザー注文フォーム

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

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

注:無料で利用できるWPForms Lite版もあります。Stripeでの決済が可能ですが、フォームからの決済には3%の手数料がかかります。

最初に行う必要があるのは、WPFormsプラグインをインストールして有効化することです。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化した後、WPForms ” 設定ページにアクセスしてライセンスキーを入力する必要があります。このライセンスキーはWPFormsサイト上のアカウントから取得できます。

WPForms license key

検証後、WPForms ” Addonsページに移動する必要があります。

Stripe Addon’までスクロールダウンし、その横にある’Install Addon’ボタンをクリックします。

Installing the Stripe addon

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

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

Stripeと接続」ボタンをクリックします。

Click the connect with Stripe button

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

完了すると、WPFormsの支払い設定ページに戻ります。接続状態セクションに緑のチェックマークが表示され、アカウントが接続されていることがわかります。

See connected status

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

WPForms ” 新規追加のページにアクセスするだけです。これでWPFormsのドラッグ&ドロップフォームビルダーのインターフェースが起動します。

Select the ‘Billing / Order Form’ Template

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

注文/請求フォーム、寄付フォームを選択するか、Stripe支払いを受け付ける空白のフォームを作成することができます。

Customize your billing form

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

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

Add stripe payment field

Stripe Credit Cardフィールドをクリックすると、ラベルの編集や説明の追加など、カスタマイザーのオプションが表示されます。

フォームが完成したら、WPFormsフォームビルダーでPayments ” Stripeタブをクリックします。

Enable Stripe payments

ここで、’Stripe支払いを有効化’オプションの横にあるボックスにチェックを入れ、支払いの説明を入力する必要があります。支払い領収書を送信することもできます。

設定が終わったら保存することをお忘れなく。

これでこのフォームをWordPressの投稿やページに追加する準備ができました。

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

Click the 'Create New Page' Button

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

ページ名を入力し、「Let’s Go!

Enter the name of the page

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

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

Add the WPForms Block to Any Post or Page and Select the User Login Form

次に、プレビューボタンをクリックして、フォームがどのように見えるかを確認します。

その後、ページを公開し、サイトを訪問してStripe支払いフォームの動作を確認してください。

Stripe payment form preview

WPシンプルペイプラグインとStripe購入ボタン

オンライン決済に使えるもう一つの方法は、WP Simple Payを使うことです。WordPressに最適なStripe決済プラグインで、お買い物カゴを設置することなく決済を行うことができます。

このチュートリアルでは、サイト上に支払いフォームを表示できるWP Simple Pay Proプランを使用します。さらに、より多くの支払いオプションを取得し、ユーザーが1回払いや定期的な支払いを設定することができます。WPシンプルペイには無料版もあり、Stripeでの支払いも可能です。

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

プラグインを有効化すると、セットアップウィザードが起動します。Let’s Get Started」ボタンをクリックしてください。

WP Simple Pay setup wizard

次に、セットアップウィザードがライセンスキーの入力を必須とします。WP Simple Payのライセンスキーはアカウントエリアの「Licenses」で確認できます。

キーを入力したら、「有効化して続行」ボタンをクリックします。

You’ll Be Asked to Enter Your WP Simple Pay License Key

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

Stripeと接続」ボタンをクリックするだけです。

Connecting WP Simple Pay to Stripe

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

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

メールアドレスを入力し、受け取りたいメール通知を設定します。例えば、支払い領収書、今後の請求書、支払い通知などのメールを有効化することができます。

Configure Your WP Simple Pay Emails

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

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

WP Simple Pay Setup Is Complete

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

一般タブでは、フォームのタイトル、説明、フォームタイプを編集し、支払い成功ページオプションを選択することができます。reCAPTCHAを有効化するオプションもあります。

WP Simple Pay form general settings

その後、「支払い」タブに進んでください。

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

Select pricing options

最後に、フォームビルダーの「フォームフィールド」タブにナビゲーションします。このタブではさらにフォームフィールドを追加したり、順番を並べ替えたりすることができます。

さらに、「支払い方法」フィールドを拡張して、クレジットカード、Apple Pay、ACH支払い、今すぐ購入後払いなど、カスタマーのために複数の支払いオプションを設定できます。

Add more form fields

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

次に、WP Simple Payブロックを使用して、WordPressサイトの任意の場所に支払いフォームを追加することができます。

新規ページを追加するか、既存のページを編集するだけです。WordPress コンテンツエディターで‘+’ ボタンをクリックし、WP Simple Pay ブロックを追加します。

Add a WP Simple Pay block

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

これで、ページをプレビューして公開することができます。支払いフォームが実際に動作しているのを見るには、あなたのサイトにアクセスしてください。

WP Simple Pay payment form preview

WooCommerceにStripeペイメントゲートウェイを追加する

WooCommerceを使用してWordPressでオンラインストアを運営している場合、Stripeを使用して支払いを受け付ける方法をご紹介します。

まず、FunnelKitが作成した無料のStripe Payment Gateway for WooCommerceプラグインをインストールし、有効化する必要があります。詳しくはWordPressプラグインのインストール方法をご覧ください。

プラグインを有効化したら、「Start Onboarding Wizard」ボタンをクリックしてください。

Start Onboarding Wizard for the Stripe Payment Gateway for WooCommerce plugin

Connect with Stripe’ボタンをクリックすると、WooCommerceストアをStripeアカウントに接続するページが開きます。

Connect your WooCommerce store with Stripe

Stripeアカウントのメールアドレスとパスワードを入力する画面が表示されます。

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

Log into Stripe

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

そして「接続」ボタンをクリックする。

Select Stripe account and click Connect

これで、Stripe、SEPA Direct Debit、iDEALなど、WooCommerceストアで提供したい支払いゲートウェイをすべて有効化することができます。

その後、「Save and Continue(保存して続行)」ボタンをクリックする。

Activate payment methods for Stripe Payment Gateway for WooCommerce

次に、Webhookをセットアップする必要があります。そのためには、’Setup Webhook Now’ボタンをクリックするだけです。

Click the Setup Webhook button

プラグインは、Google PayやApple Payでカスタマイザーが支払うことができるエクスプレスチェックアウトオプションを有効化するよう促します。

エクスプレス・チェックアウトを有効化するには、スイッチを「オン」に切り替え、「確認」ボタンをクリックします。それ以外の場合は、’Skip this Step’ボタンをクリックしてください。

Enable express checkout with Stripe Payment Gateway for WooCommerce

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

その後、「Save and Review Settings(設定を保存して確認)」ボタンをクリックします。

Select Test or Live mode for Stripe Payment Gateway for WooCommerce

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

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

Switch to Live mode in Stripe WooCommerce settings

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

ユーザーには、購入手続きのページで支払いオプションとしてStripeが表示されるようになります。

Stripe checkout example in WooCommerce

関連 WooCommerceの購入手続きをカスタマイズする方法については、こちらのチュートリアルをご覧ください。

Easy Digital DownloadsでStripeペイメント

Easy Digital Downloadsは、市場で最高のWordPress eコマースプラグインの一つです。WordPressサイトから簡単にデジタル製品を販売することができます。

まず最初にEasy Digital Downloadsをインストールして有効化します。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

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

その後、’Stripe’の横のボックスをチェックして、Stripeをあなたのサイトの決済ゲートウェイとして有効化します。

Choose Stripe as payment method

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

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

Connect with Stripe button

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

終了したら、変更を保存するために変更を保存することを忘れないでください。

ユーザーには、購入手続きの際にStripeを使って支払うオプションが表示されます。

Pay for digital downloads through Stripe

この投稿が、WordPressでStripeを使用して支払いを受け付ける方法を学ぶのにお役に立てば幸いです。ビジネスサイトに必須のWordPressプラグイン24個のリストやWordPressブログの始め方もご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

16件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Chirag swami says

    Is it possible for Working with Multiple Subscriptions for single customer with WP Simple Pay plugin?

    • WPBeginner Support says

      You would want to check with the plugin with the specific setup you’re wanting to see if that is available.

      管理者

    • WPBeginner Support says

      Hi Alizhad,

      Edit your form and then click on Settings. From here click on the ‘Confirmation’ section. Here you can select what to do when a user fills out the form. You can redirect them to any page on your website or show them a message.

      管理者

  3. Jaymin says

    Hello,

    I have implemented stripe payments with Custom Stripe integration in my WordPress website and it is working fine.

    How would like create UI in wordpress admin to get all the stripe transaction? I need that transaction list and details in admin panel.

    Any article? Documentation?

    Thanks,

  4. Deb Harrison says

    Very good intuitive guide, but I was wondering is there a method where you can set the form up so clients can pay their invoices where they have to enter the invoice total.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。