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 で支払いオプション付きのフォームを作成する方法 (簡単な方法)

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

支払い設定付きのWordPressフォームを簡単に作成する方法をお探しですか?

中小企業のオーナーは、複雑なお買い物カゴを設置することなく、サイト上で支払いを受け付ける簡単な方法を作成する必要があります。シンプルな支払いフォームを使えば、カスタマイザーによる支払い金額の設定、定期的な支払いの設定、カスタムの詳細情報の収集を簡単に行うことができます。

この投稿では、支払いオプション付きのフォームを簡単に作成する方法を紹介します。

How to create WordPress forms with a payment option

なぜWordPressフォームに支払いオプションを設定するのか?

カスタマイザーの支払いオプションを備えたシンプルなフォームを作成したい場合、完全なオンラインストアを作成する必要はありません。Easy Digital Downloadsや WooCommerceのようなeコマースプラグインは非常に強力ですが、販売する項目が少なかったり、サービスが少なかったり、それぞれの顧客からカスタマイザーで金額を受け取る必要がある場合は、それほど包括的なものは必要ないかもしれません。

場合によっては、専用のeコマースプラグインを使用するよりも、シンプルな支払いフォームを作成する方がはるかに良い解決策となります。

例えば、非営利のサイトでは、訪問者がボランティア応募フォームに記入している間に寄付をするオプションを提供したいと思うかもしれません。

サイトオーナーの中には、助けを求めてくる訪問者からのオプションのヒントを好んで受け入れる人もいる。

あるいは、「ペイ・ホワット・ユー・ライフ」システムでデジタル・ダウンロードを提供し、訪問者が製品やサービスに支払う金額を選択できるようにすることもできます。WordPressサイトでは、製品を無料でダウンロードできる一方、プレミアムアップグレードや追加コンテンツに料金を支払うオプションを提供しています。

注:HTTPS/SSLをサイトで有効化し、安全に支払いを受け付けられるようにする必要があります。詳しくは、WordPressサイトの無料SSL証明書の取得方法をご覧ください。

それでは、オプションの支払いフォームを設定する方法を見てみましょう。以下のクイックリンクから、使いたい方法にジャンプしてください。

方法1.WPシンプルペイを使う (最高の無料オプション)

WordPressでシンプルな支払いフォームを作成する最も簡単な方法は、WP Simple Payを使用することです。

WP Simple Payは、特別なeコマースプラグインをインストールすることなく、クレジットカード決済、Apple Pay、Google Payなどを受け入れることができるWordPress用の最高のStripe決済プラグインです。

A simple payment form, created using WP Simple Pay

この無料プラグインは、非営利団体、中小企業、ボランティア、そして高度なeコマースプラグインに投資することなく支払いを集めたい人に最適です。

このガイドでは、WP Simple Payの無料版を使用します。ACH 口座振替、定期的な支払いプランの設定、WordPress への Buy Now Pay Later プランの追加など、さまざまな機能を利用できるPro バージョンもあります。

まず、WP Simple Pay プラグインをインストールして有効化する必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法のガイドをご覧ください。

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

Installing the WP Simple Pay WordPress plugin

次のステップでは、StripeアカウントをWP Simple Payに接続する必要があります。Stripeはサイトオーナーに優しい決済代行サービスです。

まずは、’Connect with Stripe’ボタンをクリックしてください。

How to connect your WordPress website to Stripe

その後、既存のStripeアカウントにログインするか、新規アカウントを作成します。

すでにStripeに登録している場合は、そのアカウントのメールとパスワードを入力するだけです。

Creating an optional payment form with WP Simple Pay

WP Simple Payでは、StripeアカウントをWordPressに接続する方法をご紹介します。

Stripeにまだ登録されていない場合は、メールアドレスを入力し、画面の指示に従ってStripeアカウントを作成してください(無料)。

Stripeアカウントにログインしたら、「支払いフォームを作成」をクリックします。

うっかりこの画面をクリックしてしまった方もご安心ください。WordPress ダッシュボードのWP Simple Pay ” Add Newから同じ画面に行けます。

How to create a form with an optional payment button

無料のWP Simple Payプラグインには数種類の支払いテンプレートがあり、数分で様々な種類の支払いフォームを作成することができます。WP Simple Pay Proにアップグレードすることで、WordPressにStripeの寄付ボタンを追加するテンプレートなど、追加のテンプレートをアンロックすることができます。

シンプルなWordPress決済フォームを作成したいので、「Payment Button」テンプレートにマウスオーバーし、「Create Payment Button」が表示されたらクリックします。

Creating a simple optional payment form

タイトル」フィールドに、支払いフォームの名前を入力します。

このタイトルはあくまで参考なので、何を使っても構わない。

Adding a title to your WordPress payment form

説明’フィールドを使用して、支払いフォームに関する情報を追加することもできます。ここでもWordPressはあなたのサイトの訪問者にこの情報を表示しませんが、あなた自身の参考や、あなたのWordPressダッシュボードを共有する人のために役立ちます。

その後、「支払い」タブをクリックする。

初期設定では、WP Simple Payは支払いフォームをテストモードで作成します。

グローバル設定(テストモード)」ラジオボタンを選択したままにしておくことをお勧めします。

Creating a payment form in test mode

しかし、すぐに実際の支払いを開始したい場合は、代わりに「ライブモード」ボタンを選択することができます。

次に、「ワンタイム金額」フィールドに数字を入力することで、訪問者に請求する金額を決めることができます。

Setting a payment amount in WP Simple Pay

注意: 初期設定では、WP Simple Payはドルの通貨を使用しています。他の通貨での支払いを受け入れたい場合は、WP Simple Pay ” Settingsにアクセスしてください。通貨’タブを選択し、新しい通貨を選択することができます。

そうしたら、「フォームフィールド」タブを選択します。

WP Simple Pay's form field settings

初期設定では、ボタンには「Pay Now」というラベルが表示されますが、「Button Text」フィールドに入力することで、任意のラベルに変更することができます。

オプションの支払いフォームを作成するので、’Send Us a Tip’や’Buy Me a Coffee’のような設定にするとよいでしょう。

Adding a button label to your optional payment form in WordPress

また、WP Simple Payが支払い処理中に買い物客に表示するメッセージである’Button Processing Text’を変更することもできます。

繰り返しになりますが、これはオプションの支払いフォームなので、「寄付の手続きを行っています」など、このことを反映するような設定にするとよいでしょう。

初期設定では、WP Simple PayはWordPressテーマと同じボタンスタイルを使用します。また、以下の画像のように、’Stripe blue’ スタイルも使用できます。

A payment form with the Stripe blue style

このボタンスタイルを使用したい場合は、’Payment Button’セクションで’Stripe blue’ラジオボタンを選択するだけです。

その後、Stripe Checkoutタブを選択し、WP Simple Payが購入手続きの際に訪問者から収集する情報を選択します。

例えば、物理的な製品を販売している場合は、「Collect Shipping Address(配送先住所を収集する)」にチェックを入れます。

Setting up the Stripe checkout

支払いフォームを作成している間、「プレビュー」ボタンをクリックするだけで、いつでもプレビューすることができます。

これは、WordPressの標準エディターで投稿やページをプレビューするのとまったく同じように、新しいタブで支払いフォームを開きます。

How to preview a payment form in WordPress

支払いフォームの見た目に満足したら、「公開する」ボタンをクリックして公開します。

フォームショートコード」の値を使用して、支払いフォームを任意のページ、投稿、ウィジェット対応エリアに追加できるようになりました。

Adding an optional payment form to your WordPress site using shortcode

ショートコードの設置方法の詳細については、WordPressでショートコードを追加する方法のガイドをご覧ください。

テストモードでフォームを公開した場合、Stripeのダッシュボードにはその間の支払いが表示されないため、オプションの支払いフォームをテストすることが難しくなります。

トランザクションを確認するには、Stripeのダッシュボードにログインし、’Payments’タブを選択してテストモードを有効化する必要があります。

Enabling test mode in the Stripe dashboard

次に、右上の「開発者」トグルをクリックする。

これが完了すると、すべてのテスト支払いがStripeダッシュボードに表示され、フォームが正しく動作していることを確認できます。

フォームの設定に満足したら、WordPress ダッシュボードのWP Simple Pay ” Payment Formsから実際の支払いを受け付けることができます。

ここで、マウスをオプション設定の支払いフォームにオーバーさせ、「編集」リンクをクリックするだけです。

Adding a payment form to WordPress using shortcode

次に「支払い」タブを選択し、「ライブモード」の隣にあるラジオボタンをクリックします。

How to put WP Simple Pay into live mode

最後に「更新」をクリックします。これで、あなたの支払いフォームが稼動し、視聴者からのお金の受け取りを開始する準備が整いました。

方法2. WPFormsを使用する (柔軟でオプション設定に最適)

時には、支払いや寄付の一部として送金する金額をカスタマイザーに選択させたい場合もあるでしょう。例えば、”pay what you want “モデルを作成することができます。

また、フォームの一部として追加情報を収集したい場合や、ユーザーがブログやサイトに有料コンテンツを送信できるようにしたい場合もあります。

フレキシブルな支払いフォームを作成したい場合は、高度なフォームビルダープラグインが必要です。

WPFormsは WordPressに最適なフォーム作成プラグインです。お問い合わせフォーム、予約フォームなど様々なフォームを素早く作成することができます。600万人以上のサイトオーナーがWPFormsを使用しています。

このプラグインを使用すると、カスタマイザーが支払いを送りたいかどうかに応じて異なるフィールドを表示するフォームを作成することができます。

このガイドでは、WPForms Proを使用します。WPForms Proには、StripeやPayPalなどの一般的な支払いゲートウェイを使用して支払いを収集するためのアドオンが付属しています。さらに、追加の取引手数料はゼロです。

100%無料で利用できるWPForms Lite版もあります。Stripeでの支払いも可能ですが、フォームからの支払いには別途3%の手数料がかかります。

詳しくはWPFormsのレビューをご覧ください。

まず、WPForms Proをインストールして有効化する必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法のガイドを参照してください。

WPFormsを有効化した後、WordPressダッシュボードのWPForms ” Settingsにアクセスしてください。

WPForms' pro settings

ライセンスキー’フィールドにライセンスキーを入力できます。この情報はWPFormsアカウントにあります。

WPFormsプラグインを有効化した後、少なくとも1つの支払いアドオンをインストールする必要があります。

訪問者に製品やサービスの支払いを促すために、複数のアドオンを設定し、訪問者が好きな方法で支払いができるようにするとよいでしょう。

1つまたは複数の支払いアドオンをインストールするには、WPForms ” Addonsに移動するだけです。

使用したいアドオンを見つけ、’アドオンのインストール’ボタンをクリックします。WPFormsではStripe、Square、PayPal、Authorize.Netを使った支払いを受け付けることができます。

例えば、PayPalを使用して支払いを受け付けたい場合は、PayPal Standardアドオンをインストールする必要があります。

WPForms' PayPal addon

1つまたは複数の決済アドオンを有効化した後、次のステップはWPFormsを関連する決済アカウントに接続することです。例えば、Squareアドオンをインストールした場合、WPFormsをSquareアカウントに接続する必要があります。

この接続を行うには、WPForms ” Settingsに行きます。そして’Payments’をクリックしてください。

WPForms' payment settings

この画面では、インストールした各決済アドオンの「Connect with…」ボタンが表示されます。

ここで’Connect with…’ボタンをクリックします。これでセットアップウィザードが起動し、WPFormsと支払い口座の接続プロセスを案内します。

Connecting WPForms to Square

使用したい支払いアドオンごとに、この手順を繰り返すだけです。

それが完了したらすぐに、画面の下にある’設定を保存’ボタンをクリックしてください。その後、WPForms ” 新規追加に進みます。

Creating a new WordPress form

ここで、’Name Your Form’フィールドにフォームの名前を入力します。

サイト訪問者には表示されませんので、参考程度にご覧ください。

Creating a payment form using WPForms

WPFormsには1300種類以上のテンプレートが用意されているので、すぐに使い始めることができ、さまざまな種類のフォームを作成することができます。

テンプレートを詳しく見るには、テンプレートの上にマウスオーバーするだけです。そして、「デモを表示」ボタンをクリックしてください。

Previewing a credit card payment template

このガイドではシンプルお問い合わせフォームテンプレートを使いますが、どの WPForms テンプレートにも支払いフィールドを追加することができます。

使いたいテンプレートが見つかったら、「テンプレートを使用」ボタンをクリックするだけです。これでWPFormsのドラッグ&ドロップフォームビルダーが起動します。

The WPForms Simple Contact template

シンプルお問い合わせフォームテンプレートには、すでにカスタマイザーが名前、メール、メッセージを入力できるフィールドがあります。

そこで次に、訪問者があなたに支払いを送るかどうかを決定できるフィールドを追加する必要があります。これを行う最も簡単な方法は、複数選択肢フィールドを使用することです。

左側のメニューでMultiple Choiceフィールドを見つけ、ドラッグ&ドロップでフォームに追加します。

The WPForms 'multiple choice' field

まず始めに、WPFormsがMultiple Choiceセクションの上部に表示するラベルを変更する必要があります。

これは、訪問者に支払いを送りたいかどうかを尋ねるのに最適です。例えば、’寄付を送りたいですか’や’このサイトをサポートしたいですか’といった具合です。

初期設定を変更するには、フォームの「複数選択肢」セクションをクリックして選択します。左側のメニューには、このセクションをカスタマイズするための設定がすべて表示されます。

左側のメニューで、「ラベル」フィールドのプレースホルダー「複数選択肢」テキストを削除します。その後、使用したい新しいテキストを入力することができます。

A WordPress form with an optional payment section

初期設定では、多肢選択式セクションには3つの選択肢がありますが、必要なのは2つだけです。

これらの選択肢の1つを削除するには、その横にある-ボタンをクリックします。

Deleting fields from WPForms

次のステップは、「ファーストチョイス」と「セカンドチョイス」のテキストのカスタマイズだ。

左側のメニューで、プレースホルダーのテキストを削除し、代わりに使用したいテキストを入力するだけです。例えば、「Yes, I want to support the website」と「No, thanks」と入力することもできます。

Adding an optional payment to a WordPress form

WordPressのフォームに支払いオプションを設定する場合、訪問者に送金額を決めてもらうことができます。

これを行うには、左側のメニューにある「フィールドの追加」タブをクリックするだけです。そして、「個別項目」フィールドをフォームにドラッグ&ドロップします。

Adding a 'single item' field to a WordPress form

このフィールドをカスタマイズするには、クリックしてください。

初期設定では、フィールドには「個別項目」ラベルが表示されます。左側のメニューにある「Label」フィールドに入力すれば、このラベルを独自のテキストに置き換えることができる。

例えば、「I want to send you…」や「I want to donation amount…」といったテキストを入力することができる。

Customizing a WordPress form

次に、「項目タイプ」のドロップダウンを開き、「ユーザー定義」をクリックします。

訪問者はこのフィールドに任意の値を入力し、その金額をあなたに送ることができるようになります。

Adding a user defined field to WordPress form

また、希望金額を提示することもできます。これは、訪問者が自分でこの決定をする必要があるよりも、金額を選択するためにクリックすることができますので、あなたのフォームを完了しやすくすることができます。

フォームにサジェストを追加するには、WordPressフォームに「複数項目」フィールドをドラッグ&ドロップするだけです。

WordPress payment form

次に、セクションのラベルとオプションのテキストを、上記と同じプロセスでカスタマイズします。

そうしたら、各オプションの横にあるフィールドに値を入力して価格を設定します。

A WordPress form with an optional payment

初期設定では、「複数項目」セクションには3つのオプションがあります。さらに選択肢を追加するには、「+」アイコンをクリックするだけです。

次に、新しいオプションのテキストをカスタマイズし、上で説明したのと同じ手順に従って値を入力することができます。

Adding payment choices to a WordPress form

複数項目セクションからオプションを削除しますか?

これを行うには、単に「-」ボタンをクリックします。

Deleting fields from a WordPress form

フィールドを追加した後、ドラッグ&ドロップでフォームに表示する順番を変更することができます。

すべて完了したら、フォームに少なくとも1つの支払いオプションを追加する必要があります。

左側のメニューで、「支払いフィールド」セクションまでスクロールします。ここでは、インストールしたすべての異なる支払いアドオンのフィールドを見つけることができます。

フォームに支払いオプションを追加するには、クリックするだけです。

Adding payment fields to a WordPress form

支払いオプションフィールドを追加した後、それをクリックすることをお勧めします。WPFormsはこのフィールドを設定するために使用できるすべての設定を表示します。

例えば、「Stripe Credit Card」フィールドをクリックすると、ラベルを編集し、説明を追加することができます。

Configuring Stripe payment in WordPress

私たちは、あなたに支払いを送信することを選択した訪問者にのみ支払いフィールドを表示したいと思います。そのためには、支払いフィールドの条件付きロジックを有効化する必要があります。

まだの場合は、フォームの支払いフィールドをクリックして選択してください。次に、左側のメニューから「スマートロジック」タブをクリックします。

そうしたら、「条件ロジックを有効化」スライダーをクリックして、グレー(無効)から青(有効)にします。

Adding conditional logic to a WordPress form

次に、訪問者が’Yes, I want to support the website’オプションを選択した場合のみ支払いフィールドを表示するようにWPFormsに指示する必要があります。

これを行うには、’this field if’ドロップダウンが’Show’に設定されていることを確認する。

次に、「Select Field」と表示されたフィールドを開き、「Do you want to support the website?

Creating a WordPress form with conditional logic

そうしたら、次のドロップダウンを開き、「is」をクリックする。

最後に、初期設定では「Select Choice」と表示されているドロップダウンを開き、「Yes, I want to support the website」フィールドを選択する。

WPForms' smart logic settings

上の画像では、訪問者がサイトをサポートしたいと確認したときだけ支払いフィールドを表示するようにWPFormsに指示しています。

WPFormsに支払い方法を追加する

次のステップはフォームの支払いを有効化することです。左側のメニューから’Payments’タブをクリックしてください。

フォームで有効化できるすべての支払いオプションが表示されます。

Configuring PayPal payments with WPForms

まずは、設定したい支払いオプションをクリックしてください。

その後、「有効化…」の隣にあるボックスにチェックを入れるだけだ。

支払いオプションによっては、追加設定が必要な場合があります。例えば、PayPalを有効化している場合は、支払いを受け取るメールアドレスを入力する必要があります。

Enabling PayPal payments in WPForms

また、支払い設定で条件付きロジックルールを使用することをお勧めします。

条件付きロジックを使用するには、「条件付きロジックを有効化」スライダーをクリックします。次に、’this charge if’ドロップダウンを開き、’Don’t process’を選択します。

Creating conditional logic rules for WordPress payments

そうしたら、初期設定では「Select Field」と表示されているドロップダウンを開いてください。このサイトをサポートしますか」または同様のフィールドを選択することができます。

そして、次のドロップダウンメニューが「is」になっていることを確認する。

Creating an optional payment form with conditional logic

それが済んだら、『選択肢を選択』のドロップダウンメニューを開き、『いいえ、結構です』などの欄をクリックします。

これで、訪問者が’No, thanks’オプションを選択した場合、残りのフォームに何を入力しても、あなたのサイトは支払い処理を拒否します。

WPForms' conditional logic settings

支払いオプションの選択肢を提供している場合は、「有効化」にチェックを入れ、追加の設定を行うことで、上記のプロセスを繰り返すだけです。条件付きロジックを有効化することもできます。

以下のスクリーンショットでは、Stripeの設定がPayPalとは異なることがわかります。

Configuring Stripe payments with WPForms

それができたら、AJAXフォーム送信を有効化することをお勧めします。これにより、ユーザーはページ全体をリロードすることなく支払いフォームを送信することができます。

AJAX送信を有効化するには、単に設定 ” 一般に移動します。

Editing the WPForms settings

次に、「詳細」セクションをクリックして展開します。

その後、「AJAXフォーム送信を有効化」ボックスをチェックします。

Enabling AJAX submissions

WordPressフォームの見た目に満足したら、変更を保存してください。

これを行うには、画面上部の「保存」ボタンをクリックするだけです。

Saving your WPForms form

初期設定では、WPFormsは誰かがこのフォームを送信するたびにWordPress管理者にメールを送信します。しかし、誰かがあなたに支払いを送信することを選択したときだけ通知を受け取りたい場合があります。

WPFormsの初期メール設定を変更するには、’設定’タブをクリックします。次に、左側のメニューで’通知’をクリックします。

Creating notifications for your WordPress forms

画面を一番下までスクロールし、「条件ロジックを有効化」スライダーをクリックする。

スライダーを有効化するとすぐに、WPFormsはいくつかの追加設定を表示します。

Creating conditional logic emails and notifications

次に、’this notification if’ドロップダウンが’send’に設定されていることを確認してください。

それが済んだら、初期設定で「Select Field」と表示されているドロップダウンを開き、「Do you want to support the website?」または同様のフィールドをクリックする。

次に、ドロップダウンが「is」になっていることを確認する。

Creating a WordPress form with an optional payment

最後に、初期設定では「選択肢を選択」と表示されているドロップダウンを開く。

最後のステップは、「はい、サイトをサポートします」または同様のフィールドを選択することである。

Enabling conditional logic in WPForms

これらの変更に満足したら、忘れずに「保存」ボタンをクリックしてください。

初期設定では、WPFormsはWordPressの管理者メールアドレスにメールを送信します。他のメールアドレスや複数のメールアドレスに送信することも可能です。

初期設定を変更するには、「送信先メールアドレス」フィールドを探します。初期設定では{admin_email}に設定されています。これは、WordPressの管理者にメールを送信するようにWordPressに指示する動的な値です。

送信先メールアドレス」フィールドに新しいアドレスを入力することで、このダイナミックテキストを他のメールアドレスに置き換えることができます。

複数の人にメールを送りたい場合は、以下のスクリーンショットのように、それぞれのアドレスをカンマで区切ってください。

Creating email notifications

初期設定では、WPFormsはメールの件名に’New Entry’とフォーム名を使用します。

他のテキストを使用したい場合は、「メールの件名」に新しいテキストを入力するだけです。

Creating a custom WPForms subject line

もう一つのオプションは、メールの件名にダイナミックテキストを使用することです。これを行うには、「スマートタグを表示」リンクをクリックし、「利用可能なフィールド」リストからタグを選択します。

これでWPFormsがメールを作成する際、スマートタグは送信フォームから取得した値に自動的に置き換えられます。例えば、’引数合計’をクリックすると、WPFormsはメールの件名に支払総額を表示します。

WPForms' smart tags

メール本文に含まれるテキストを変更することもできます。

スマートタグを設定することで、より情報量の多いメールを作成することができます。

Using dynamic text with WPForms

カスタムメール通知を作成したら、受信者のメール受信トレイに送信されるようにし、スパムフォルダには送信されないようにします。

これを行う最良の方法は、WP Mail SMTPと一緒にSMTPサービスプロバイダーを使用して、メールの到達性を向上させることです。詳しくは、WordPressでメールが送信されない問題の解決方法をご覧ください。

また、カスタマイザーに確認メッセージを表示することもできます。例えば、フォームを無事に受け取ったことを確認したり、パーソナライズされた「ありがとう」メッセージを表示したりすることができます。WPFormsはカスタマイザーがWordPressフォームを送信するたびにこのメッセージを自動的に表示します。

このメッセージを設定するには、「確認」タブをクリックします。そして、’Confirmation Type’ドロップダウンを開き、’Message’を選択します。

Showing a custom form confirmation message

すべての訪問者に同じテキストを表示したい場合は、「確認メッセージ」ボックスにテキストを入力するだけです。

もう一つのオプションは、スマートタグを追加してパーソナライズされたメッセージを作成することである。

メッセージを表示する代わりに、特定のページを表示したり、訪問者を別のURLにリダイレクトしたりすることもできます。これを行うには、「確認タイプ」ドロップダウンメニューを開きます。

ページを表示」または「URLに移動」から選択できるようになった。

Changing the payment confirmation settings

その後、設定を使ってカスタマイザーがフォームを送信した後にWPFormsが表示するページやURLを設定することができます。

これらの設定に満足したら、「保存」ボタンをクリックして変更を保存することを忘れないでください。

すべて終わったら、このフォームをサイトに追加する準備ができました。

そのためには、フォームを表示したいページや投稿を開くだけです。次にプラス「+」アイコンをクリックします。

表示されるポップアップで、’WPForms’ と入力して適切なブロックを探します。WPFormsブロックをクリックするとすぐに、ページにブロックが追加されます。

The WordPress WPForms block

新規ブロックで、クリックしてドロップダウンメニューを開きます。

WPFormsを使って作成したすべてのフォームのリストが表示されます。支払いオプションのあるWordPressフォームをクリックして選択してください。

The WPForms WordPress block

WPFormsはWordPressエディターでフォームがどのように見えるかのプレビューを直接表示するようになりました。

ツールバーの「プレビュー」ボタンをクリックして、ページ全体をプレビューすることもできます。

WordPress form with a payment option

フォームの見た目に満足したら、通常通りこのページを公開するか更新します。これで、このページや投稿にアクセスすると、WordPress サイトにオプションの支払いフォームが表示されます。

この投稿が、支払いオプション付きの WordPress フォームを作成する方法を学ぶのにお役に立てば幸いです。また、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

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

  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. Jennifer Wan says

    I’m a small business owner planning to create an easy way to accept payments on my website without setting up a complex shopping cart. You have explained every step clearly with pictures in an easy way to understand. Thank you

返信を残す

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