ワードプレスにスクエアペイメントを追加する方法

WordPressにSquareペイメントを追加する方法【簡単ガイド

適切なプラグインがあれば、WordPressのフォームにSquareの決済機能を追加するのに約10分しかかかりません。設定に開発者やコーディングのスキルは必要ありません。

ここ数年、いくつかのクライアントサイト向けにSquareの決済フォームを作成してきましたが、WPFormsは私がこれまでに出会った中で最も迅速な方法です。

数回クリックするだけでSquareアカウントを連携し、フォームにSquareの決済フィールドを配置すれば、クレジットカード決済の受け付け準備は完了です。

このガイドでは、WordPressにSquareの決済機能を追加するための具体的な手順を順を追って解説します。また、定期課金を有効にする方法や、本番環境に移行する前にサンドボックスモードですべてをテストする方法についてもご紹介します。

今すぐワードプレスのスクエアフォームを作成しましょう! 🙂 ←クリック

WordPressにSquareペイメントを追加する方法

あなたのWordPressサイトでSquare経由の支払いを集める準備はできましたか?WPFormsのSquareアドオンを使用するには、以下のビデオの手順に従ってください!

YouTube video

しかし、文章での説明がお好きな方は、以下の文章を読み進めていただき、便利な目次を使ってガイドをナビゲートしてください。

ステップ1:WPFormsプラグインをインストールする

WordPressサイトでSquareの支払いを受け付けるには、Squareに対応したフォームビルダーが必要です。

ドラッグ・アンド・ドロップのインターフェイスで、簡単な注文フォーム、寄付フォーム、またはその中間のフォームを作成し、数回クリックするだけでSquareに接続できます。

Squareの支払いを受け付けるには、まずWPForms Proのライセンスを取得する必要があります。このライセンスにより、多くの追加機能、アドオン、統合機能を利用できるようになります。

WPFormsの価格ページ。

プレミアムライセンスを購入したら、WordPressサイトにWPFormsプラグインをインストールして有効化します。

プラグインのインストールにヘルプが必要な場合は、WordPressプラグインのインストール方法をステップバイステップで説明します。

今すぐWPForms Proにアップグレードしましょう

ステップ2:Square Proアドオンを追加する

WPFormsをインストールしたら、Square Proアドオンを有効化します。WordPressのダッシュボードに移動し、WPForms " Addonsをクリックします。

WPFormsアドオン

検索バーに「Square」と入力します。表示されたら、Install Addonをクリックし、次にActivateitをクリックします。Square Proアドオンを有効化したら、WPFormsで支払い設定を行う必要があります。

正方形アドオンをインストールする

支払い設定を行うには、ダッシュボードでWPForms " Settings をクリックし、Paymentsタブをクリックします。通貨]ドロップダウンから、支払いフォームで使用する通貨を選択します。

WPForms支払いフォームの通貨

ステップ3:SquareをWordPressサイトに接続する

いよいよSquareをWPFormsに接続します。支払い設定のページをSquareのセクションまでスクロールダウンしてください。

接続状況というタブが表示されます。青い「Squareと接続」ボタンをクリックします。

WPFormsの支払い設定にあるSquareとの接続ボタン

これをクリックすると、Squareのログインページにリダイレクトされます。メールアドレスとパスワードを入力し、サインインをクリックしてください。

SquareにサインインしてWPFormsに接続する

SquareをWPFormsに接続するには、アカウントに関連するWPFormsに特定の権限を付与する必要があります。許可ボタンをクリックして次に進みます。

WPFormsがSquareアカウントにアクセスできるようにする

これでWPFormsの支払い設定に戻ります。接続設定が正しく設定されていれば、接続ステータスの横に緑色のチェックマークと成功のメッセージが表示されます。

WPForms Square の接続ステータスメッセージ

Squareアカウントに複数のビジネスロケーションを追加している場合は、ビジネスロケーションのドロップダウンを使用して、そのうちの1つをプライマリロケーションとして選択する必要があります。

WPFormsの支払い設定でSquareのビジネスロケーションを選択する

接続設定が完了したら、「保存」をクリックしてください。Squareの各オプションの詳細な手順については、Squareアドオンの設定リファレンスをご覧ください。

ライブモードとテストモード

接続ステータスのすぐ上に、「テストモード」の切り替えボタンがあります。実際の取引を処理する場合は、このスイッチをオフのままにしておいてください。Squareのサンドボックスを使用してフォームをテストしたい場合は、このスイッチをオンにしてください(詳細はステップ7で説明します)。再認証を行わずにモードを切り替えられるよう、両方のモードを個別に接続してください。

ステップ4:Square支払いフォームの作成

SquareをWordPressサイトに接続したら、次は支払いフォームを作成しましょう。WordPressのダッシュボードからWPForms " Add Newに移動します。

新しいフォームを追加する

シンプルな注文フォームを作成したり、あらかじめ用意された注文/請求フォームテンプレートを使用することで、スピードアップを図ることができます。

WPFormsには2,100以上のWordPressフォームテンプレートが収録された大規模なテンプレートライブラリが付属しています。このチュートリアルでは「請求書/注文フォーム」テンプレートを選択します。

請求書テンプレート

このテンプレートには、一般的な注文の支払いを受け付けるために必要なすべての必須フィールドが含まれています。左側のパネルから右側のパネルにドラッグすることで、フォームフィールドを追加することができます。

スクエア支払いフォーム

WPFormsは高度なカスタマイズが可能なので、テンプレートがあなたの特定のユースケースのシナリオに完全にマッチしない場合は、自由に試して変更してください。

あなたのニーズに応じて、このフォームに追加したいオプションを1つ、手短にご紹介しましょう。注文したい商品の数量を指定してもらいたい場合は、以下のようにします。

数量フィールドの追加(オプション)

WPFormsはドロップダウンアイテムと単一アイテムフィールドの商品数量をサポートしています。

そこで、既存のラジオ・フィールド(つまり「利用可能なアイテム」フィールド)をここで削除し、3つの「単一アイテム」フィールドをここに追加することにする。

現在の「利用可能なアイテム」フィールドを右クリックし、「削除」を押すだけで済みます。

フィールドの削除

次に、Single Itemsフィールドを左側のペインから右側のTotal Amountフィールドのすぐ上にドラッグ&ドロップします。

単一項目フィールド

そうしたら、追加したSingle Itemsフィールドをクリックして、左側のField Optionsを開いてください。ここでフィールドに関連する様々な設定をコントロールすることができます。

フィールドのラベルを変更し、商品名を追加することをお勧めします。そして、商品価格ボックスに商品の価格を入力することを忘れないでください。

単一項目フィールドのオプション

商品の数量選択を有効にするには、「数量を有効にする 」トグルボタンを使用します。有効化されると、その下に新しい範囲設定が表示されます。

数量範囲

これにより、ユーザーが商品に対して選択できる最小数量と最大数量を設定することができます。数量選択を有効にした単品フィールドをさらに追加することで、同じプロセスを繰り返すことができます。

プロからのアドバイス

取り扱い商品がたくさんありますか?単品商品を並べるのではなく、数量設定を有効にした「ドロップダウン項目」フィールドをご利用ください。フォームを簡潔に保つことで、ほぼ確実にチェックアウトのコンバージョン率が向上します。

ステップ5: フォームにSquareの支払いフィールドを追加する

フォームの準備が整いましたので、Square支払いフィールドを追加します。左側のPayments FieldsセクションからSquare Fieldをドラッグし、フォームの任意の場所にドロップします

フォームにSquareクレジットカードフィールドを追加する

Squareフィールドを追加するとすぐに、Squareペイメントを有効にするメッセージがポップアップで表示されます。

スクエアペイメントフィールド

OKボタンをクリックしてポップアップを閉じる。次に、Squareの支払いを有効にする必要があります。左側のアイコンを開き、「 支払い」をクリックします。次にSquareをクリックします。

フォームのSquare Payments設定にアクセスする

次に、「Square決済を有効にする」をオンにします。これで追加の支払い設定オプションが開きます。

フォームでSquare決済を利用可能にする

見てみよう:

  • 支払いの説明:ここでは、顧客のクレジットカードまたは銀行カードの明細書に表示される簡単な支払説明を入力できます。
  • バイヤーEメール:ドロップダウンから、Squareに領収書をメールで送信させる場合は Emailを選択します。
  • バイヤー名:ドロップダウンから「名前」を選択し、顧客の名前を支払いと関連付けます。
  • バイヤーの住所 住所を選択すると、顧客の住所が支払いと関連付けられます。
フォームのフィールドをSquareのユーザー情報にマッピングする

これらのオプションを完了したら、「保存」ボタンをクリックしてフォームを保存します。

定期支払いを有効にする

会員権、定期購読、または定期的な請求を行う寄付を販売している場合、SquareはWPFormsのフォームビルダー内で直接、定期支払いをサポートしています。別途の定期購読用アドオンや別の決済ゲートウェイは必要ありません。

「支払い」>「Square設定」パネルで、画面を下にスクロールし、「定期支払い」をオンにします。プランを設定するための新しい入力欄が表示されます。

定期的な支払いを可能にする

プラン名を設定し、ドロップダウンメニューから請求周期(毎月、毎年、またはカスタム)を選択してください。Squareでは定期請求を行うために各顧客を識別する手段が必要ですので、必ず「顧客のメールアドレス」および「顧客名」のフィールドを、フォームのメールアドレスおよび名前のフィールドに紐付けてください。

さまざまなゲートウェイでの仕組みについてより詳しく知りたい場合は、WordPressのフォームで定期支払いを設定する方法に関する私のガイドをご覧ください。

ステップ 6: 支払いを受け付けるフォームを公開する

素晴らしいWordPressでSquareの支払いフォームが作成できました。次はあなたのサイトにフォームを追加する番です。WPFormsを使えば、以下のような複数の場所にフォームを追加することができます:

SquareフォームをWordPressページに追加する方法を見てみましょう。WPFormsにはフォームビルダーのダッシュボードに組み込みの埋め込みボタンがあります。

このボタンを使用すると、タブを切り替えたりフォームウィンドウを閉じたりすることなく、どのウェブサイトのページにもフォームを追加することができます。フォームを追加するには、ページ上部の埋め込みボタンをクリックしてください。

埋め込みボタンでフォームを埋め込む

次に、既存のページにフォームを追加するか、新しいページを作成するかのオプションが表示されます。新しいページを作成するをクリックしてみましょう。

新しいページを作成する

ページ名を追加し、「 Let's Go」ボタンをクリックします。

ページボックスに名前を付ける

これでWPFormsは自動的に新しいページを作成し、そこにフォームを追加します。ライブページであなたのページを公開するには、公開または更新ボタンをクリックします。

ワードプレスにスクエアフォームを追加する

これで完了です。Squareの決済フォームが公開されました。

ステップ7:サンドボックスモードでSquare Formをテストする

実際の顧客にフォームを公開する前に、Squareのサンドボックス環境でテスト取引を行うことを強くお勧めします。WordPressサイトにおいて、公開当日に予期せぬトラブルが発生してはならない部分といえば、何と言っても決済機能です。

サンドボックスに切り替えるには、WPForms » 設定 » 支払いに戻り、「Square」セクションまでスクロールして、「テストモード」をオンにしてください。

本番アカウントを連携したのと同じ方法で、Squareのサンドボックスアカウントを連携する必要があります(両アカウントは個別に連携された状態を維持するため、いつでも切り替えることができます)。

テストモードになったら、公開済みのフォームにアクセスし、Squareのサンドボックス用テストカード番号を使用して送信テストを行ってください。

実際の資金の移動はありませんが、フロー全体がエンドツーエンドで実行されるため、通知や領収書、設定した条件分岐を確認することができます。

サンドボックス用カード番号やよくある注意点を含む、手順ごとの詳細な解説については、Square決済のテスト方法に関するガイドをご覧ください。

WordPressへのSquare Paymentsの追加に関するよくある質問

WordPressでのSquare決済に関するよくある質問への回答をご紹介します。料金体系、対応国、およびSquareと他の決済ゲートウェイとの比較などについて解説します。

WordPressでSquareを使用する場合、決済プロセスをカスタマイズすることは可能ですか?

はい。WPFormsはカスタマイズ性が高いため、フォームの外観を変更したり、さまざまなレイアウトを採用したり、条件分岐ロジックを適用したりして、特定の製品やサービスに合わせたチェックアウト体験を構築することができます。

WPFormsでSquareの決済フォームをご利用の場合、チェックアウト画面を思い通りの仕様にカスタマイズする余地が十分にあります。

Squareのフォームでは、顧客情報を保護するためのセキュリティ対策は講じられていますか?

はい。WPFormsは安全なプラグインであり、顧客の機密情報は自動的に非表示になります。WPFormsを通じて受け取った支払い情報には、顧客が送信した詳細が含まれますが、クレジットカード番号は非表示のままです。

つまり、事業主であるあなたでさえ、カード番号を確認することはできません。WPFormsで作成されたSquareの支払いフォームでは、お客様は常にプライバシーとセキュリティが守られます。

WordPressのダッシュボードからSquareの取引を追跡・管理することはできますか?

はい。WPFormsには、支払い追跡機能が標準で搭載されています。WordPressのダッシュボードから、支払い総額、売上総額、定期購読、クーポンの利用状況など、取引内容をわかりやすいグラフで確認できます。

詳しい手順については、WPFormsでの支払い管理方法に関するガイドをご覧ください。

WordPressのSquareで定期的な支払いを受け入れることはできますか?

はい。WPFormsでは、Square Proアドオンを利用して定期的な支払いを受け付けることができます。フォームの設定画面から直接、週単位、月単位、年単位、または独自のスケジュールで顧客に請求することができ、追加のツールは必要ありません。Squareが各購読者を正しく識別できるよう、顧客のメールアドレスと氏名のフィールドを正しく紐付けるようにしてください。

SquareはWordPressでの決済に対していくら手数料を請求しますか?

Squareでは、オンライン取引1件につき2.9%+30セントの手数料がかかりますが、月額料金や初期費用はかかりません。WPForms ProまたはEliteをご利用の場合、WPFormsからは追加の手数料が一切発生しないため、Squareの定額料金のみをお支払いいただくことになります。そのため、平均注文額に基づいて総コストを簡単に計算することができます。

私の国では、WordPressでの決済にSquareを利用できますか?

Squareは現在、米国、カナダ、英国、オーストラリア、日本、アイルランド、フランス、スペインで利用可能です。これらの地域以外で事業を展開されている場合は、StripeまたはPayPal Commerceの方が適している可能性があります。いずれもWPFormsでサポートされています。

WordPressにおけるStripeとSquareの違いは何ですか?

StripeとSquareはどちらもWPFormsでのクレジットカード決済や定期課金をサポートしており、取引ごとの手数料もほぼ同水準です。Stripeは対応国が広く、開発者向けツールも充実しています。一方、Squareは、対面販売やSquare OnlineストアですでにSquareを利用している企業にとっては、より適している傾向があります。両者の詳細な比較については、当社の「Stripe vs. Square」比較記事をご覧ください。

WordPressでSquareの決済をテストするベストな方法は?

最も簡単な方法は、WPFormsの支払い設定内でSquareをサンドボックスモードに切り替えることです。これにより、実際のお金を使わずにテスト注文を行うことができるため、本番運用前にすべてが正常に機能することを確認できます。

WordPressでSquareを使うのにSSL証明書は必要ですか?

はい。WordPressサイトでSquareを利用するには、SSL証明書が必要です。これはお客様の支払い情報を保護するものであり、Squareと安全に接続するために必須となります。

次に、WordPressのフォームでオプションの支払い方法を設定します

非営利団体や「お好きな金額をお支払いください」方式のサービスを運営している場合、訪問者に支払いを行うかどうかを選択してもらうのが良いでしょう。WordPressのフォームに任意の支払い機能を追加する方法に関するガイドでは、設定の手順を詳しく解説しています。

WPForms Proには、以下のその他の決済ゲートウェイ機能も搭載されています。

今すぐWordPress用の正方形フォームを作成しましょう!

フォームを作る準備はできましたか?最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。

この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。WPFormsがどのように資金を調達しているのか、なぜそれが重要なのか、そしてどのように私たちをサポートできるのかをご覧ください。

オサマ・タヒール

オサマはWPFormsのシニアライターです。彼はWordPressプラグインを分解してテストし、その洞察を世界と共有することを専門としています。もっと知る

最高のWordPressドラッグ&ドロップフォームビルダープラグイン

簡単、速い、安全。WPFormsを信頼する600万人以上のWebサイトオーナーの仲間入りをしてください。

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。

このフォームはCloudflare Turnstileによって保護されており、Cloudflareプライバシーポリシーおよび利用規約が適用されます。