AIサマリー
適切なプラグインがあれば、WordPressのフォームにSquareの決済機能を追加するのに約10分しかかかりません。設定に開発者やコーディングのスキルは必要ありません。
ここ数年、いくつかのクライアントサイト向けにSquareの決済フォームを作成してきましたが、WPFormsは私がこれまでに出会った中で最も迅速な方法です。
数回クリックするだけでSquareアカウントを連携し、フォームにSquareの決済フィールドを配置すれば、クレジットカード決済の受け付け準備は完了です。
このガイドでは、WordPressにSquareの決済機能を追加するための具体的な手順を順を追って解説します。また、定期課金を有効にする方法や、本番環境に移行する前にサンドボックスモードですべてをテストする方法についてもご紹介します。
今すぐワードプレスのスクエアフォームを作成しましょう! 🙂 ←クリック
WordPressにSquareペイメントを追加する方法
あなたのWordPressサイトでSquare経由の支払いを集める準備はできましたか?WPFormsのSquareアドオンを使用するには、以下のビデオの手順に従ってください!
しかし、文章での説明がお好きな方は、以下の文章を読み進めていただき、便利な目次を使ってガイドをナビゲートしてください。
ステップ1:WPFormsプラグインをインストールする
WordPressサイトでSquareの支払いを受け付けるには、Squareに対応したフォームビルダーが必要です。
ドラッグ・アンド・ドロップのインターフェイスで、簡単な注文フォーム、寄付フォーム、またはその中間のフォームを作成し、数回クリックするだけでSquareに接続できます。
Squareの支払いを受け付けるには、まずWPForms Proのライセンスを取得する必要があります。このライセンスにより、多くの追加機能、アドオン、統合機能を利用できるようになります。
プレミアムライセンスを購入したら、WordPressサイトにWPFormsプラグインをインストールして有効化します。
プラグインのインストールにヘルプが必要な場合は、WordPressプラグインのインストール方法をステップバイステップで説明します。
ステップ2:Square Proアドオンを追加する
WPFormsをインストールしたら、Square Proアドオンを有効化します。WordPressのダッシュボードに移動し、WPForms " Addonsをクリックします。
検索バーに「Square」と入力します。表示されたら、Install Addonをクリックし、次にActivateitをクリックします。Square Proアドオンを有効化したら、WPFormsで支払い設定を行う必要があります。

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

ステップ3:SquareをWordPressサイトに接続する
いよいよSquareをWPFormsに接続します。支払い設定のページをSquareのセクションまでスクロールダウンしてください。
接続状況というタブが表示されます。青い「Squareと接続」ボタンをクリックします。

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

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

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

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

接続設定が完了したら、「保存」をクリックしてください。Squareの各オプションの詳細な手順については、Squareアドオンの設定リファレンスをご覧ください。
ステップ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ペイメントを有効にするメッセージがポップアップで表示されます。

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

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

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

これらのオプションを完了したら、「保存」ボタンをクリックしてフォームを保存します。
定期支払いを有効にする
会員権、定期購読、または定期的な請求を行う寄付を販売している場合、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でAuthorize.Net決済フォームを作る
- ウェブサイト上でStripeを使った決済を利用する
- WordPressで非営利団体の寄付フォームを作成する
- WordPressで定期的な支払いを受け入れる
今すぐWordPress用の正方形フォームを作成しましょう!
フォームを作る準備はできましたか?最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。
この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。

