WordPressにStripe QRコード支払いを追加する方法

WordPressサイトにQRコード支払いオプションを追加したいですか？

QR支払い方法を使用すると、ユーザーは電話で支払いリンクをスキャンしてアクセスできます。これにより、チェックアウトプロセスがよりシンプルで簡単になります。

ただし、ユーザーがQRコードで支払いを許可するには多くの方法があります。それに加えて、QRコードと統合できる多くの支払いゲートウェイがあります。

たとえば、QRコードジェネレーターやQRstuffなどのプラットフォームを使用して、支払いQRコードをサイトに手動で追加できます。しかし、これには長いセットアッププロセスが必要です。

支払いリンク、WebサイトURL、連絡先の詳細など、QRコードに情報を入力する必要があります。また、QRコードをサイトから個別にカスタマイズし、画像としてダウンロードする必要があります。

最終的に、それは場違いに見えることができ、機能性の矛盾があります。

それに加えて、手動で生成されたQRコードは静的です。つまり、更新はサイトの画像を再生および交換する必要があります。

これが、WPFormsを使用してQRコード支払いオプションの作成を支援することをお勧めします。

まず、WPFORMを使用すると、ユーザーの詳細、支払い額、イベント登録などのフォーム入力に基づいてQRコードを動的に生成できます。これにより、QRコードが常に関連性があり、手動介入なしでパーソナライズされます。

また、Visual Builderを使用して、任意のフォームまたはページへの支払いリンクを使用してQRコードをすばやく追加することもできます。

最良の部分は、WPFormsがPayPalやStripeなどの支払いゲートウェイと統合され、支払いページにリンクされたQRコードの生成を簡単にすることです。

支払いQRコードを作成するツールを選択したので、次の質問は、QR支払いコードのセットアップに最適なゲートウェイはどのようなものですか？

ここで、あなたの優先事項は、安全でスケーラブルでユーザーフレンドリーな支払いゲートウェイを見つけることです。また、多くの通貨をサポートするものを見つける必要があり、世界の視聴者へのアクセスを提供します。

これらの理由により、ストライプを選択しました。

Stripeを使用すると、リアルタイムの支払いページにリンクする動的なQRコードを生成できます。ブランド、ロゴ、色でQRコードにリンクされた支払いページをカスタマイズできます。

Stripeは、クレジット/デビットカード、Apple Payなどのモバイルウォレット、Google Pay、および地元の支払いシステムなど、さまざまな支払い方法をサポートしています。

その結果、単一のQRコードは、ユーザーが優先方法を選択した支払いページに誘導できます。

Stripeが優れたQRコード決済ゲートウェイである他の理由を以下に示します。

• ワンタップ決済：顧客はQRコードをスキャンして、保存された支払い方法を使用して数秒で支払いを完了することができます
• 動的支払い額： Stripeを使用すると、動的に計算された支払い額に結び付けられたQRコードを作成できます。
• Webサイトとの簡単な統合： Stripeは、WordPressなどのプラットフォーム用のシンプルなAPI統合とプラグインを提供します。
• リアルタイムの更新： Stripeのダッシュボードは、QRコードを介して行われた支払いを追跡します。即座にトランザクションを監視できます。
• 安全なトランザクション： Stripe QRコードを介した支払いは、高度な暗号化と詐欺検出メカニズムを使用して、安全に処理されます。

ご覧のとおり、StripeとWPFormsの組み合わせは、QRコードを介して支払いを受け取るのに最適な方法です。

それを邪魔にして、WordPressでQRコード決済をセットアップする方法を段階的に見せてみましょう。

以下は、このチュートリアルで作成するストライプQRコード支払いのサンプルです。

それが邪魔にならないように、始めましょう。

WordPressにStripe QRコード支払いを追加する方法

前述のように、WordPressでQR支払いをセットアップするには、WPFormsとStripeの2つのツールが必要です。

幸いなことに、WPFormsはStripeと互換性があります。そのため、WPFormsを介してStripeをWordPressと接続します。このプロセスにより、ユーザーはドラッグアンドドロップビルダーを使用する任意のフォームでQRコードで支払うことができます。これにより、ユーザーが購入できるようになります。

次に、以下に進むすべての手順を確認してください。ステップをスキップする場合は、クリックするだけです。

• ステップ1：wpformsをインストールしてセットアップします
• ステップ2：wpforms stripe proアドオンをインストールしてセットアップします
• ステップ3：支払いフォームを作成します
• ステップ4：ストライプ支払いを設定します
• ステップ5：通知と確認メッセージを設定します
• ステップ6：フォームを公開します
• ステップ7：WordPressでストライプ支払いのQRコードを追加する

以下のプロセス全体を説明しましょう。

ステップ1：wpformsをインストールしてセットアップします

最初のステップは、wordpressダッシュボードにwpformsをインストールすることです。ただし、WPFormsはストライプの支払いを可能にする無料版を提供することに言及する必要があります。 WordPressリポジトリにすばやくアクセスして、フォームの作成を開始できます。

ただし、QRコードの使用など、より高度なストライプ機能にはPROバージョンが必要です。

これは、ProバージョンがStripe Proアドオンにアクセスできるため、このチュートリアルで必要になります。それとは別に、WPFormsの無料版には3％の取引料金がかかり、商品のコストを引き上げることができます。

詳細については、最新のWPFormsレビューをご覧ください。

開始するには、公式のWPForms Webサイトにアクセスして、計画にサインアップしてください。彼らはさまざまな計画を提供し、あなたの予算とニーズに合ったプランを簡単に見つけることができます。ただし、Stripe Pro Addonを具体的に使用するには、ProまたはElite WPFormsプランが必要です。

ProまたはEliteプランを購入したら、WPFormsアカウントにログインし、ダウンロードに移動します。

この後、wpforms zipファイルをPCにダウンロードします。次に、このページで、ライセンスキーをコピーします。 Proバージョンをアクティブにするために必要です。

完了したら、WordPressダッシュボードに移動してプラグインに移動します»新しいプラグインを追加します。次に、他のプラグインと同じようにWPFormsをインストールしてアクティブにします。

ヘルプが必要な場合は、プラグインをインストールする方法に関するこのチュートリアルをご覧ください。

アクティベーション後、「WPForms」というラベルのあるWordPressダッシュボードに新しいメニューオプションが表示されます。これは、インストールプロセスが成功したことを示しています。

この後、 wpforms»設定»一般​​に移動し、以前にコピーした「ライセンスキー」を貼り付けます。

最後に、 keyを確認してください、それだけです！ wpformsを使用する準備ができました。

次に、WPFormsを介してWordPressでストライプ支払いをセットアップする方法を見てみましょう。

ステップ2：wpforms stripe proアドオンをインストールしてセットアップします

WPFormsは、ストライプ支払いを追加して構成するのが非常に簡単です。あなたがしなければならないのは、 wpforms»アドオンに行くことだけです。

ここで、利用可能なアドオンをスクロールするか、検索関数を使用して「Stripe Pro」アドオンを見つけます。この後、他のプラグインアドオンと同じようにインストールしてアクティブ化します。

それでおしまい！これで、このアドオンを介してWPFormで高度なストライプ関数を使用できるようになりました。

次に、WPFORMでストライプ支払いを構成して設定します。

これを行うには、 wpforms»設定に移動し、[支払い]タブに移動します。この後、ページのストライプセクションにスクロールして、「ストライプと接続」を押します。

ストライプログインの詳細を追加できるサインアップページにリダイレクトされます。 Stripeアカウントがない場合は、このページで作成したアカウントを作成することもできます。

接続すると、WordPressダッシュボードにリダイレクトされます。この時点で、[ストライプ]タブの下に「接続ステータス」の横に緑色のティックが表示されます。

WordPressのStripeと簡単に接続するツールを探している場合は、この記事をご覧ください。

素晴らしい！ストライプを設定したばかりで、支払いを受ける準備ができています。

ステップ3：支払いフォームを作成します

次のステップは、ユーザーが支払いを行うことができる支払いフォームを設定することです。前述のように、WPFormsを使用することの美しさは、必要なフォームに支払いフィールドを追加できることです。

たとえば、登録フォームに支払いフィールドを追加できます。これにより、サインアップと給与がQRコードプロセスを組み合わせて、チェックアウトを合理化します。また、寄付フォーム、請求フォーム、オークションフォーム、パーティーRSVPフォーム、注文フォームなどに追加することもできます。

WPFormsを使用する最良の部分は、2000を超えるすぐに使用できるフォームテンプレートが付属していることです。これにより、プロセスがさらに簡素化されます。デザインエクスペリエンスがある場合は、空白のキャンバスを使用することもできます。

テンプレートを選択するために、WPFormsはテンプレートページの各プレビューを表示します。フル画面でテンプレートを表示する場合は、その上にホバリングして「デモを表示」を選択します。

ステップバイステップのチュートリアルでは、「単純な連絡先フォーム」テンプレートを使用します。

そのため、その上にホバリングして、「テンプレートを使用」します。これにより、ドラッグアンドドロップフォームビルダーのテンプレートが開きます。

まず、フォームビルダーインターフェイスが2つのセクションに分割されていることに気付くでしょう：左側の「フィールド」と右側のフォームのライブプレビュー。

フィールドは、標準フィールド、ファンシーフィールド、および支払いフィールドに分かれています。これにより、追加したいフィールドを簡単に見つけることができます。

WPFormsは、シングルラインテキスト、電子メール、ドロップダウン、チェックボックスなどを含むさまざまなフィールドタイプを提供し、目的に合わせたフォームを作成する柔軟性を提供します。

フィールドを追加するには、左パネルからドラッグして、右側のプレビューウィンドウのフォームの目的のスポットにドラッグします。連絡先フォームを作成している間、ライブプレビュー内でそれらをクリックしてドラッグすることで、フィールドを再配置できます。

これにより、フォームレイアウトをカスタマイズして、ニーズに簡単に合わせてカスタマイズできます。

たとえば、フォームで複数の製品を販売する場合は、チェックボックスアイテム、複数のアイテム、またはドロップダウンアイテムのフィールドを追加できます。一方、連絡先フォームで1つの製品のみを販売する場合は、単一のアイテムフィールドを追加できます。

各WPFormsテンプレートには事前に添加されたフィールドがあることを忘れないでください。これをカスタマイズできます。

フィールドを編集するには、フォームプレビューで選択すると、フィールドオプションが左に表示されます。ここから、フィールドが必要かどうかなど、フィールドラベル、プレースホルダーテキスト、およびその他の設定を変更できます。

フィールドの編集または追加が完了したら、右上のボタンを使用してフォームを保存して、すべての変更が適用されるようにします。この単純なプロセスにより、初心者でさえ数分でプロフェッショナルで機能的な形を構築できるようになります。

WPFormsとFormstackのこの比較記事をご覧になり、フォーム作成でどのように一致するかを確認してください。

ステップ4：ストライプ支払いを設定します

連絡先フォームを準備すると、ストライプ支払いオプションを設定することが次のステップです。

これを行うには、フォームにストライプフィールドを追加する必要があります。これは非常に簡単なプロセスです。上で使用したのと同じドラッグアンドドロッププロセスを使用するためです。

したがって、フィールドパネルに移動して、支払いフィールドにスクロールします。ここでは、「ストライプクレジットカード」フィールドを見つけてから、表示したいフォームの場所にドラッグしてドロップします。

WPForms Stripe Paymentフィールドには、カード番号、有効期限、CVC、および国のテキストラインが予約されています。したがって、ストライプクレジットカードフィールドをさらにカスタマイズする必要はありません。

この記事をチェックして、WordPressでカードの支払いを受ける別の便利な方法を学びます。

ストライプ支払いフィールドを準備したら、左端の「支払い」タブに移動します。

選択したら、すべての支払いゲートウェイを開き、WPFormsに接続します。 Authorize.net、クーポン、PayPal Commerce、PayPal Standard、およびSquareを使用できます。

ただし、推奨される支払いゲートウェイはストライプで、このページの上部にあります。

このオプションを選択すると、「1回限りの支払い」または「繰り返し支払い」を有効にするために、新しいページが左側にトグルボタンが表示されます。

この記事をチェックして、WPFormsを使用して定期的な支払いをセットアップする方法をご覧ください。

今日のチュートリアルでは、1回限りの支払いを設定します。

トグルボタンを使用してこの機能を有効にすると、連絡先フォームフィールドを支払いフィールドにマッピングするオプションが表示されます。これにより、WPFormsはStripeと通信し、フォーム提出プロセス中に正しい支払いの詳細がキャプチャされるようにします。

繰り返しますが、WPFormsはマッピングプロセスを簡単にします。

必要なのは、ドロップダウンメニューからオプションを選択することだけです。実際、ドロップダウンメニューには、マッピングされる可能性が最も高いフィールドのみが含まれているため、さらに簡単になります。

たとえば、ストライプ支払い領収書のドロップダウンには、「電子メール」が表示されます。次に、顧客名のドロップダウンで「名前」を取得します。

マッピング後、以下のスクリーンショットのように見えるはずです。

ユーザーエクスペリエンスをさらに向上させるために、このページの下部で条件付きロジックをアクティブにすることができます。

ここでは、支払いフィールドを表示または非表示に指示することができます。 WPFormsを使用すると、複数の条件付きロジックルールを追加することもできます。

条件付きロジックとは別に、ここに役立つ可能性のあるフォームの放棄を減らす別の方法があります。

ステップ5：通知と確認メッセージを設定します

これで、電子メール通知と確認メッセージは、すべてのフォームにとって重要です。しかし、それらは支払い関連のフォームにとって重要です。彼らはユーザーにインスタントフィードバックを提供し、支払いが正常に処理されたことを安心させます。

メール通知は、領収書または確認の詳細をユーザーに送信するように構成し、トランザクションについても通知できます。

フォームの提出直後に表示される確認メッセージは、ユーザーが支払いを知らせ、フォームの提出が成功したことにより、混乱を排除するのに役立ちます。

「メッセージ」と同じページで確認メッセージをすぐに設定し、同じサイトの別のページまたは外部URLに表示できます。

WPFORMを使用すると、両方を設定の下で設定できます。ここでは、「通知」と「確認」の両方のタブを取得します。

これらのメッセージが明確であることを確認し、専門的なプロフェッショナルがユーザーの信頼を強化し、よりスムーズな全体的なエクスペリエンスを作成することを忘れないでください。

詳細な説明のために、フォーム通知と確認を設定する方法については、この記事を確認できます。

ステップ6：フォームを公開します

さて、すべてが設定されていると、残される唯一のことは、WordPressサイトにフォームを公開することです。これを行うには、新しいページで公開するか、既存のページに公開する方法が2つあります。

既存のページで公開する方法を見てみましょう。

まず、ページの上部にある[保存]ボタンを押します。完了したら、 [保存]ボタンの横にある[埋め込み]ボタンを選択して、ポップアップウィンドウを開きます。次に、このウィンドウで、「既存のページを選択」を選択します。

次のポップアップで、ドロップダウンからフォームを表示するページを選択します。このヒットの後、「行こう」。

これにより、WordPressのブロックエディターでページが開きます。

この後、ブロックエディターの左端に移​​動し、 [プラス（+）]ボタンを選択してブロックを開きます。

次に、WPFormsブロックを見つけて、支払いフォームを表示したいページの場所にドラッグアンドドロップします。ロードしたら、ブロック内のドロップダウンメニューを使用して、作成したばかりの支払いフォームを選択します。

最後に、ページの右上でSaveを押します。この時点で、ライブページに作成した連絡先フォームが表示されます。

次に、新しいページに支払いフォームを追加する方法を見てみましょう。

繰り返しますが、ドラッグアンドドロップフォームビルダーの上部にある埋め込みボタンに戻ります。しかし、今回は、「新しいページの作成」を選択します。

次のポップアップで、新しいページに名前を付けて、「Let's Go」を選択します。これにより、新しいページのブロックエディターが開きます。今回は、新しいページにはフォームが事前にロードされます。

もちろん、WordPressブロックを使用してページをさらにカスタマイズできます。ただし、フォームはそのまま公開する準備ができている必要があります。フォームに満足したら、ページの上部で「公開」を押してください。

それでおしまい！既存のページと新しいページでWPFormsを使用してフォームを公開できるようになりました。

次に、フォームを介して支払いを受け入れるためにQRコードを追加する方法を見てみましょう。

ステップ7：WordPressでストライプ支払いのQRコードを追加する

現在、QRコードを支払いフォームに追加する2つの無料の簡単な方法があります。まず、組み込みのQR機能を備えたGoogle Chrome、または無料のWordPressプラグインであるショートコードUltimateを使用できます。

1.内蔵クロム関数を使用してQRコードを追加します

Google Chrome関数を使用してQRコードを作成するには、ブラウザで支払いフォームページを開きます。

URLテキストバーの横にある共有ボタンを使用して、QRコード機能を開くことができます。

ここで見つけられない場合は、Chromeブラウザの右上にある「カスタマイズと制御」ボタンを押してください。これは通常、3つのドットとして表示されます。

この後、下にスクロールしてキャスト、保存、共有します。次に、ドロップダウンメニューから、「QRコードの作成」を選択します。

次に、次に表示されるポップアップで、QRコードを画像としてダウンロードします。

次に、サイトに任意のページまたは投稿に移動し、ダウンロードしたQRコードを追加します。できれば、それを製品ページに追加して、ユーザーをチェックアウトページにすばやくリダイレ​​クトできるようにします。

次に、ページを編集するか、ブロックエディターに投稿するだけです。次に、画像ブロックを使用してQRコードを追加します。

それでおしまい。ユーザーはすぐに支払いフォームを開くことができます。

2.ショートコードを使用して、QRコードを追加します

ショートコードの究極によって構築されたショートコードにより、QRコードは、より便利なページエリア、ウィジェット、サイドバーなどにコーディングなしで配置できます。

このショートコードプラグインの無料版を取得するには、WordPressリポジトリに移動し、検索関数を使用して「ショートコード究極」を見つけます。この後、他のプラグインと同じようにインストールしてアクティブにします。

この後、WordPressダッシュボードに新しいまたは既存のページを開きます。次に、 Plus（+）関数を使用して「ショートコード」を検索します。

ショートコードブロックをドラッグアンドドロップして、QRコードを表示したいページの位置にドラッグします。

完了したら、ショートコードブロックの上にあるスクエアブラケットオプション「[]」を選択して、より多くのオプションを開きます。次に、ポップアップウィンドウのオプションの長いリストから「QRコード」を見つけます。

次のポップアップで、データフィールドに支払いフォームURLを入力します。次に、サイズ、マージン、Align、Linkなどのカスタマイズをさらに追加できます。

この後、ショートコードを挿入してページを更新します。この時点でライブページにQRコードが表示されます。

以下の支払いQRコードのサンプルをご覧ください。

最良の部分は、これ以上編集せずに複数のページと投稿で作成されたこのQRコードを使用できることです。

それでおしまい！ WordPressにStripe QRコード支払いを追加する方法を学びました。楽しんでいただければ幸いです。これ以上の質問がある場合は、以下によくある質問を確認してください。

FAQS：WordPressにStripe QRコード支払いを追加する方法

おめでとう！これで、WordPressサイトにQR支払いコードを設定できます。 QRコードを支払いフォームに追加したくない場合、WordPressでストライプ支払いを受け入れる方法を示す記事を示します。

それに加えて、ここにあなたが読むことに興味があるかもしれない他の記事があります。

• 9最高のWordPress支払いプラグイン
• WP Simple Pay Review：それは最高の支払いプラグインですか？
• 9最高のWordPress支払いプラグイン

最初の記事には、WordPressに最適な支払いプラグインがリストされています。次のものは、別の驚くべき支払いプラグインであるWP Simple Payをレビューします。最後の投稿では、最高のWordPress Paymentプラグインがランク付けされています。