WordPressでStripe QRコード決済を追加する方法

複数のオンラインビジネスを運営する中で、適切な支払い方法がいかに重要であるかを痛感しました。私たちが最初に始めた頃は、特に対面での取引の選択肢は限られていました。

今日では、はるかに簡単になりました。Stripe QRコードのようなツールを使用すると、オンラインシステムを同期させながら、対面での支払いを迅速に受け入れることができます。

オンラインと対面のどちらでも支払いが必要なビジネスの場合、Stripe QRコードを使用すると、プロセスがシンプルかつ信頼性の高いものになります。

このガイドでは、WordPressサイトにそれらをステップバイステップで追加する方法を正確に説明します。何百もの事業主の支払い設定を支援してきた経験から、何が効果的かを知っており、これらの実績のある方法を皆さんと共有できることを楽しみにしています。

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

この投稿で説明する手順の簡単なまとめです。

WordPressにStripe QRコード決済を追加する理由

ウェブサイトにStripe QRコード決済を追加すると、顧客は迅速に購入を完了できる柔軟性が得られます。顧客はコードをスキャンするだけで支払いリンクを開き、Stripeの支払いゲートウェイを使用できます。

これにより、チェックアウトプロセスが非常にシンプルかつ迅速になります。これにより、人々はオンラインストアで製品やサービスを簡単に購入できます。その結果、コンバージョンが増加し、カート放棄が減少します。

最も良い点は、顧客が長いサインアッププロセスを経る必要がないことです。購入するためにウェブサイトにクレジットカード情報を入力するだけで済みます。

Stripe QRコードはどこで使用できますか?

支払いを受け付けるためにQRコードをどのように活用できるか、いくつか実用的なアイデアをご紹介します。

  • 対面販売:クラフトフェア、ファーマーズマーケット、ポップアップショップに最適です。カードリーダーなしでクレジットカード決済を迅速に受け入れる必要があります。
  • サービスと請求書: デジタルまたは印刷された請求書にQRコードを追加すると、クライアントは携帯電話から素早くスキャンして支払うことができます。
  • 寄付: 非営利団体や募金活動団体は、イベントや販促資料にQRコードを表示して、人々が簡単に寄付できるようにすることができます。
  • レストランメニュー: メニューまたはテーブルテントのQRコードをスキャンすることで、顧客がテーブルから直接支払いをできるようにします。

さて、StripeのQRコード決済をWordPressウェブサイトに追加する方法を見ていきましょう。

WordPressでStripe支払いフォームを作成する

まず、ウェブサイトに Stripe 支払いフォームを追加する必要があります。

そのための最良の方法はWPFormsを使用することです。これはWordPress向けの最高のコンタクトフォームプラグインであり、非常に使いやすく、Stripeと簡単に統合できます。選択できるフォームテンプレートは多数あり、ドラッグ&ドロップビルダーを使用してカスタマイズできます。

WPBeginnerでは、お問い合わせフォームや年次アンケートの作成に使用しており、非常に初心者向けだと感じています。詳細については、当社の完全なWPFormsレビューをご覧ください。

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

📌 注: このチュートリアルでは、Stripeアドオンが含まれているため、WPForms Proライセンスが必要です。無料で使用できるWPForms Liteバージョンもあります。これによりStripe決済を受け付けることができますが、Stripeの標準処理手数料に加えて3%のトランザクション手数料がかかります。

このため、ビジネスが成長するにつれて、WPForms Proにアップグレードする方が費用対効果が高いことがよくあります。

有効化後、WordPressダッシュボードからWPForms » 設定に移動し、ライセンスキーを入力できます。キーはWPFormsのウェブサイトのアカウントエリアで見つけることができます。

WPFormsフォームビルダープラグインにライセンスキーを追加する

キーを入力して、「キーを検証」ボタンをクリックするだけです。

それが完了したら、WPForms » Addonsページに移動してStripeアドオンをインストールする必要があります。

Stripeアドオンのインストール

「アドオンをインストール」ボタンをクリックすると、WPFormsが自動的にインストールして有効化します。

ここから、WordPress管理パネルの**WPForms » 設定**に移動し、「支払い」タブを選択します。

次に、「Stripeで接続」ボタンをクリックし、画面の指示に従ってアカウントをWPFormsに接続します。

Stripeと接続ボタンをクリック

Stripe が接続されたら、WPForms » 新規追加 に移動して新しいフォームを作成できます。

WPFormsには、選択できる多くのフォームテンプレートがあります。シンプルな連絡先フォーム、注文フォーム、またはStripe決済フォームを選択してカスタマイズできます。

Stripe 決済フォーム

このチュートリアルでは、「Stripe支払いフォーム」テンプレートを使用します。

次に、ドラッグ&ドロップ式のフォームビルダーを使用してフォームをカスタマイズできます。デフォルトでは、テンプレートにさまざまなフォームフィールドが表示されます。

ただし、WPFormsを使用すると、テンプレートにドロップダウン、チェックボックス、メール、電話、住所、ウェブサイトなどのフォームフィールドを追加できます。

Stripe決済フォームをカスタマイズする

テンプレート上の任意のフォームフィールドをクリックして、さらにカスタマイズすることもできます。

例えば、デモフォームの各項目のテキストを変更し、項目ラベルの後に価格を表示するオプションを有効にしました。

Stripe決済フォームのフォームフィールドをカスタマイズする

フォームの編集が完了したら、「決済」タブに切り替え、左側のメニューから「Stripe」を選択するだけです。

ここから、「Stripe決済を有効にする」オプションが有効になっていることを確認してください。

Stripe 決済を有効にする

次に、設定タブに切り替えることができます。ここでは、通知と 確認設定 を変更するオプションが表示されます。

例えば、ユーザーがフォームを送信した後にどのようなアクションを実行するかを選択できます。WPFormsを使用すると、メッセージやページを表示したり、ユーザーをURLにリダイレクトしたりできます。

確認設定フォーム

これで、Stripeの支払いフォームをウェブサイトに表示する準備ができました。

「保存」ボタンをクリックして変更を保存し、次に上部にある「埋め込み」ボタンをクリックするだけです。

フォームを保存して埋め込みます

次に、WPFormsはポップアップを表示し、既存のページを選択するか、フォームを埋め込む新しいページを作成できます。

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

フォームをページに埋め込む

次に、新しいページの名前を入力する必要があります。

それが完了したら、「Let’s Go」ボタンをクリックするだけです。

新しいページの入力

その後、WordPressコンテンツエディターでStripe支払いフォームのプレビューが表示されます。

そのままページを公開し、ウェブサイトにアクセスして実際に動作を確認できます。

Stripe決済フォームのプレビュー

さて、支払いフォームページのリンクをコピーしてください。QRコードを作成するために必要になります。

代替方法: WP Simple Pay を使用して、Stripe 支払いフォームを作成することもできます。これは、ショッピングカートをセットアップせずにオンライン決済を収集できる、WordPress 向けの最高の Stripe 決済プラグイン です。

WP Simple Payは、WPFormsよりも簡単なオプションです。クレジットカード決済を受け付けるための基本的なフォームを作成したいだけであれば、最適です。

詳細については、WordPressでStripeを使って支払いを受け付ける方法に関する詳細ガイドをご覧ください。

WordPressにStripe決済用のQRコードを追加する

QRコードを作成する前に、それが何をするのかを理解しておくと役立ちます。作成するQRコードは、単に顧客を支払いページに直接誘導するスキャン可能なリンクです。支払い自体は引き続きStripeによって安全に処理されます。

Stripeの支払いフォームの準備ができたので、それ用のQRコードを作成し、サイトのどこにでも表示できます。

ウェブサイトにQRコードを追加するには、2つの方法があります。Google Chromeブラウザの機能を使用するか、WordPressのQRコードプラグインを使用します。

方法1:Google Chromeを使用してQRコードを作成する

Google Chromeブラウザを使用している場合は、それを使用してQRコード経由でウェブページを共有できます。

まず、新しいタブまたはウィンドウでStripeの支払いフォームページを開く必要があります。

次に、サイトのアドレスバーの右上にある共有アイコンをクリックできます。ここから、「QR コードを作成」オプションを選択するだけです。

Chromeで共有アイコンをクリックする

その後、Google ChromeがStripe支払いフォームページのQRコードを生成します。

QRコードを画像としてダウンロードできます。

QR コードをダウンロードする

次に、画像をサイトのどこにでも配置するだけです。

例えば、商品ページにQRコードを表示すれば、顧客はそれをスキャンしてフォームを開き、購入することができます。

商品ページにQRコードを追加
方法2: WordPressプラグインを使用してStripe決済QRコードを作成する

WordPressプラグインのShortcodes Ultimateのようなものを使用して、サイトにQRコードを追加できます。これは、QRコードを含む50種類以上のショートコードを作成できる無料のプラグインです。詳細については、詳細なShortcodes Ultimateレビューをご覧ください。

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

アクティベーション後、Shortcode Ultimateへようこそ画面が表示されます。

ショートコード究極のウェルカムスクリーン

次に、QRコードを追加するためにページまたは投稿を編集する必要があります。

コンテンツエディターに入ったら、ショートコードブロックを追加するだけです。

WordPressにショートコードブロックを追加する方法

その後、「ショートコードを挿入」オプションが表示されるはずです。

QRコードを追加するには、二重括弧のアイコンをクリックするだけです。

ショートコード選択アイコンをクリック

次に、プラグインはサイト用のさまざまなショートコードオプションを表示します。

「QRコード」オプションを選択してください。

QRコードショートコードを選択

その後、QRコードの詳細を入力するオプションが表示されます。

「データ」フィールドに、以前作成したStripe決済フォームのURLを入力できます。

それに加えて、コードのタイトルを入力するオプションがあり、これは代替テキストとして機能します。QR コードのサイズを調整することもできます。

QRコードの詳細を入力

下にスクロールすると、QR コードをカスタマイズするためのオプションがさらに表示されます。たとえば、プライマリカラー、背景色などを変更できます。

完了したら、「ショートコードを挿入」ボタンをクリックするだけです。

ショートコードを挿入をクリック

プラグインを使用すると、ブログ投稿やランディングページのコードのライブプレビューを表示することもできます。

ページを発行して、Stripe 支払いフォームの QR コードが機能していることを確認してください。

QRコードのライブプレビュー

Stripe QRコード決済の追加に関するよくある質問

WordPressにStripeコード決済を追加することについて、読者からよく寄せられる質問をいくつかご紹介します。

QRコード経由で支払いを受け付けるには、Stripeアカウントが必要ですか?

はい、アクティブなStripeアカウントが必要です。QRコードはお客様を、トランザクションを安全に処理するためにStripeアカウントに直接接続された支払いフォームに誘導します。

StripeのQRコードを使用するのに手数料はかかりますか?

QRコード自体の作成は無料です。ただし、受け取るすべての支払いに対して、Stripeの標準的な取引手数料は引き続きかかります。

また、WPForms LiteではStripe決済を受け付けることができますが、3%のトランザクション手数料がかかることに注意してください。WPFormsのProバージョンでは、この追加手数料はかかりません。

Stripe QRコードは、物理的な製品とサービスのどちらにも使用できますか?

もちろんです。この方法は非常に用途が広く、どちらにも完璧に機能します。対面イベント、マーケットの屋台、またはサービスの請求書に印刷して使用できます。

StripeのQRコードはお客様にとって安全ですか?

はい、非常に安全です。QRコードは単に支払いページへのショートカットとして機能します。すべての取引はStripeの暗号化され、PCI準拠のサーバーを通じて処理され、顧客データが安全に保たれます。

この記事が、WordPressでStripe QRコード決済を追加する方法を学ぶのに役立ったことを願っています。また、WordPressで継続的な支払いを受け付ける方法に関するガイドや、WordPressでビットコイン決済を受け付けるチュートリアルもご覧ください。

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

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

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

読者とのインタラクション

6 CommentsLeave a Reply

  1. これはQRコードの潜在的な用途の一つです。なぜなら、支払いのプロセス全体がスムーズになるからです。
    これにより、企業は煩雑な支払いフォームの作成・表示作業を回避できるだけでなく、顧客も簡単に操作できるようになります。
    段階的なプロセスをありがとうございます。

  2. WPBeginner のいくつかの記事の推奨に基づいて、最近 Stripe を使い始めました。QR コードは、ユーザーの支払いを簡素化するための優れたオプションです。素晴らしい記事をありがとうございます。QR コードを、例えば会社のロゴ(ブランド)を含めるようにさらにパーソナライズすることは可能でしょうか?

  3. QRコードでの支払いはますます人気が高まっています。使いやすさが理由だと思います。従来の支払い方法よりもはるかに速く、私たちは時間を節約したいと考えています。

    質問があります。ラップトップ画面からスマートフォンでQRコードをスキャンするのは簡単ですが、スマートフォン自体でも同様に簡単なことですか?つまり、携帯電話でウェブサイトをスクロールしていてQRコードが表示されている場合、私の電話は写真アプリ以外ではそのようにQRコードを認識しません。これは普通ですか、それとも私の電話だけの問題で、モバイルユーザー向けのQRコードはデスクトップユーザー向けと同じくらい良いのですか?

    • お使いの電話機によりますが、まだ行っていない場合は、電話機でスクリーンショットを撮ってみてください。

      管理者

      • ああ、それは思いつきませんでした…ご提案ありがとうございます。これでうまくいきそうです!

返信する

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