WordPressでSquare決済を統合する方法(ステップバイステップ)

WordPressサイトで信頼性の高い支払い方法を見つけるのに苦労していませんか?

Square を使用すれば、製品、サービス、またはメンバーシップを販売する場合でも簡単です。

これは、不正防止、簡単な請求書発行、WordPressプラグインとの簡単な統合などの機能を提供する、シームレスなトランザクションを実現する信頼できる決済処理業者です。

WPBeginnerでは、さまざまな方法をテストした結果、WordPressにSquareを追加することは、チェックアウトプロセスを改善したいと考えているビジネスにとって、簡単で収益性が高いことがわかりました。 🛒

この記事では、Square 決済を WordPress に統合して、ウェブサイトでクレジットカード決済を簡単に受け付ける方法を説明します。

WordPressでSquare決済を接続する方法

WordPressでSquareの支払いを接続する理由

Squareは、クレジットカード決済を容易にする人気の決済ゲートウェイです。WordPressウェブサイトでSquareを使用して、簡単な決済フォームまたはフル機能のeコマースストアを通じて安全に支払いを受け取ることができます。

Stripe決済ゲートウェイのように、オンラインまたは対面でクレジットカードによる支払いを受け付ける柔軟なオプションを提供します。

Squareは、アメリカ、カナダ、オーストラリア、日本、イギリスなど、多くの国で利用可能です。

サポートされている国は常に増え続けているため、最新の情報については、Squareの公式グローバル利用可能状況ページを確認することをお勧めします。

🚨 注意: クレジットカード決済を安全に受け付けるには、ウェブサイトで HTTPS/SSL を有効にする必要があります。詳細については、WordPress ウェブサイト用の無料 SSL 証明書を取得する方法に関するガイドに従ってください。

それでは、WordPressでSquare決済を接続する方法を見ていきましょう。

MyPayKitとWPFormsの2つの異なる方法を使用してSquareの支払いフォームを追加する方法を説明します。また、WooCommerceを使用してオンラインストアでSquareの支払いを受け入れるなどの他の方法についても説明します。

方法1:MyPayKit(無料)を使用してSquareをWordPressに接続する

WordPressにSquareの決済フォームを追加する最も簡単な方法は、MyPayKitを使用することです。これは市場にある最高のSquareプラグインの1つであり、コーディング不要で、プロフェッショナルな決済フォームを数分で作成して埋め込むことができます。

MyPayKitは、無制限のフォームとトランザクションに対応した無料プランを提供しています。このプランでは、Squareの標準処理手数料に加えて、3%のアプリケーション手数料が課金されます。

ビジネスが成長するにつれて、アプリケーション手数料をなくし、サブスクリプション支払い、Apple Payでのエクスプレスチェックアウトなどの追加機能をアンロックするために、MyPayKit Proにアップグレードできます。

MyPayKitのインストールとSquareへの接続

まず、無料のMyPayKitプラグインをインストールしてアクティブ化する必要があります。手順については、WordPressプラグインのインストール方法のガイドを参照してください。

プラグインが有効化されたら、WordPressダッシュボードに追加された MyPayKit Forms メニュー項目をクリックします。

ここから、「Connect with Square」ボタンをクリックして Square アカウントを接続する必要があります。

MyPayKitをSquareアカウントに接続する

次に、Squareアカウントにサインインするように求められます。

アカウントに関連付けられたメールアドレスまたは電話番号でサインインできます。

Squareアカウントに関連付けられたメールアドレスを入力してください

次に、「続行」ボタンをクリックします。

その後、パスワードを入力し、「サインイン」ボタンをクリックしてください。

Squareのパスワードを入力してサインインします

その後、WordPressウェブサイトにリダイレクトされます。Squareに接続されたことを示す成功メッセージが表示されます。

「+ 支払いフォームを作成」ボタンをクリックすると、最初のSquare支払いフォームを作成できます。

決済フォームを作成ボタンをクリックします

または、数秒待つと、フォームビルダーに自動的に移動します。

WordPressでSquare決済フォームを設定する

MyPayKitフォームビルダー内では、フォーム設定パネルは左側にあります。

右側では、フォームがリアルタイムでどのように表示されるかを確認できます。顧客の名、姓、メールアドレス、支払い詳細、支払い方法の入力欄がすでに用意されています。

MyPayKit フォームビルダー

新しいSquare決済フォームは、ニーズに合わせて簡単にカスタマイズできます。

まず、フォーム設定パネルで、以下のような基本的な詳細を入力できます。

  • フォーム名: フォームのわかりやすいタイトルを入力してください。これにより、後でフォームを識別しやすくなり、お客様にも表示できます。
  • 説明: 支払いが何のためのものかを説明する短い説明をフォームに表示させることができます。
  • 画像: あなたのビジネスロゴのような画像をアップロードして、フォームに直接表示することもできます。これにより、ブランディングに役立ち、フォームがよりプロフェッショナルに見えます。
Square決済フォームに名前と説明を付けます

次に、フォーム設定パネルをさらに下にスクロールして、フォームの金額を設定します。

販売する商品またはサービスの価格を入力する場所です。

Square 決済フォームの金額を設定する

MyPayKitの有料プランのいずれかにアップグレードすると、さらに強力な機能が利用できるようになります。

例えば、顧客に支払い金額を決定させたり(寄付やペイ・アット・ユア・オウン・プライスに最適)、定期的なサブスクリプション支払いを設定したり、Cash Appのようなより多くの支払いタイプを受け入れたり、チップを有効にしたりできます。

次に、顧客が支払い後に何を見るかを選択できます。

画面にカスタムのサンキューメッセージを表示するか、特別なサンキューページのようなウェブサイトの別のページにリダイレクトさせることができます。

ありがとうメッセージを表示するか、ユーザーをウェブサイトの特定のページにリダイレクトします

確認オプションの下に、支払い後にユーザーにメールを送信する設定があります。これをオンにするには、「ユーザーにメールを送信」の横にあるボックスにチェックマークを入れるだけです。

有効にしたら、「メールをカスタマイズ」ボタンをクリックします。新しいパネルが開きます。

ここで、「返信先」の名前とメールアドレスを設定し、メールの件名を作成し、メール本文のメインメッセージを入力できます。

支払い後にユーザーにカスタマイズされたメールを送信する

完了したら、「完了」をクリックしてメール設定を保存します。

最後に、顧客からさらに情報を収集する必要がある場合は、支払いフォームに新しいフィールドを簡単に追加できます。これを行うには、「フィールド」タブをクリックします。

追加できるさまざまな種類のフィールドのオプションが表示されます。たとえば、一行テキスト、段落テキスト、電話番号、ドロップダウンメニュー、チェックボックス、日付ピッカーなどです。

Squareの支払いフォームに新しいフィールドを追加する

追加したいフィールドタイプをクリックするだけで、支払いフォームに自動的に追加されます。

支払いフォームに満足したら、「フォームを保存」ボタンをクリックします。

MyPayKitの「フォームを保存」ボタンをクリックします

Square決済フォームをWordPressサイトに追加する

次に、WordPressダッシュボードのメインの**MyPayKit Forms**ページに戻ることができます。作成したフォームがそこにリストされているのがわかります。

フォームの横に、ショートコードがあります。ショートコードは、WordPressの投稿やページにフォームなどの機能を手軽に追加できる短いコードです。

ショートコードの横にある「コピー」ボタンをクリックするだけで、クリップボードにコピーできます。

支払いフォームのショートコードをコピーする

支払いフォームをウェブサイトに追加するには、新しい投稿またはページを作成するか、フォームを表示したい既存の投稿またはページを編集します。

WordPressエディターに入ったら、上部にあるプラス(+)記号をクリックし、「ショートコード」ブロックを選択します。次に、先ほどコピーしたショートコードをこのブロックに貼り付けます。

Square支払いフォームのショートコードを貼り付けます

その後、ページを保存または公開できます。

これで、Square決済フォームが実際に動作しているページを確認できます。テストウェブサイトでは以下のようになります。

MyPayKitで作成されたSquare支払いフォームの例

これで完了です!WordPressウェブサイトから直接Square決済を受け付けられるようになりました。

方法2:WPFormsを使用してSquareをWordPressに接続する

Square決済用のフォームを作成するもう1つの簡単な方法は、WPFormsを使用することです。これは、600万以上のウェブサイトで使用されている 最高のWordPressフォームビルダープラグインです。ドラッグ&ドロップビルダーを使用して、WordPressサイト用の決済フォームを含むあらゆる種類のフォームをすばやく作成できます。

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

このチュートリアルでは、コードを書かずにクレジットカード決済を受け付けることができるSquareアドオンにアクセスできるため、WPForms Proバージョンを使用します。

何よりも、プロプランでは標準のSquare処理手数料に加えて、追加の取引手数料は一切かかりません。

WPFormsを使用して、Stripe、Authorize.net、およびPayPalを使用してクレジットカード決済を受け付けることもできます。

注: WPFormsの無料版もありますが、Stripeの支払いのみ受け付けることができます。

WPForms のインストールと有効化

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

WPFormsを有効にした後、WordPressダッシュボードの WPForms » 設定 に移動します。

WPFormsのプロ設定

この画面で、「ライセンスキー」フィールドにライセンスキーを入力する必要があります。このキーは、WPFormsアカウントで見つけることができます。

その後、「Verify Key」ボタンをクリックしてライセンスを有効にしてください。これにより、WordPress 用の Square アドオンを簡単に有効化できます。

WPFormsとSquareの連携

コアプラグインを有効化したら、Squareアドオンをインストールします。

WordPressダッシュボードで、WPForms » Addonsページに移動し、Square Addonが見つかるまでスクロールします。次に、「Addonのインストール」ボタンをクリックする必要があります。

WPForms Squareアドオンをインストールする

アドオンがインストールされ有効化されたら、WPForms » 設定ページに移動し、決済タブをクリックします。

デフォルトでは、WPFormsはアメリカドルで支払いを受け付けます。異なる通貨で支払いを受け付けたい場合は、通貨ドロップダウンを開き、リストから選択してください。

WPForms の支払い設定で通貨を設定する

次のステップは、WPFormsをSquareアカウントに接続することです。

この接続を行うには、ページを下にスクロールして接続ステータスセクションに移動します。その後、「Squareと接続」ボタンをクリックしてください。

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

画面の指示に従って、新しいSquareアカウントを作成するか、WPFormsを既存のSquareアカウントに接続できるようになりました。

支払いフォームをテストしたい場合は、「テストモード」オプションをオンにしてください。これにより、フォームが正しく機能していることを確認するためにテスト支払いを実行できます。

この手順は強く推奨します。これにより、実際のクレジットカードに請求することなく、完全なチェックアウトをシミュレートできます。テストが終了したら、必ずボックスのチェックを外してください。

設定を保存するには、必ず一番下にある「設定を保存」ボタンをクリックしてください。

WordPressでSquare決済フォームを作成する

Squareへの接続に成功したら、支払いフォームを作成する必要があります。そのためには、WordPress管理画面のWPForms » 新規追加に移動してください。

まず、フォームのタイトルを提供する必要があります。次に、「請求/注文フォーム」テンプレートまでスクロールダウンし、「テンプレートを使用」ボタンをクリックします。

WPFormsで請求書注文フォームテンプレートを選択

WPForms は、フォームテンプレートをドラッグ&ドロップビルダーに自動的に読み込みます。必要なフィールドのほとんどが含まれており、フォームのフィールドの追加、削除、変更が簡単です。

たとえば、フォームに複数の項目リストが追加されたため、訪問者は支払いを希望する製品またはサービスを選択できます。このフィールドをクリックすると、フィールドのラベルと各項目の名前と価格をカスタマイズできます。

複数項目リストのカスタマイズ

単一の商品のみを提供している場合は、「複数の商品」フィールドの右上にあるゴミ箱アイコンをクリックして、そのフィールドを削除してください。

次に、下にスクロールして単一商品フィールドを見つけ、フォームにドラッグします。

フォームに単一商品フィールドを追加します

このフィールドをクリックしてカスタマイズできます。

例えば、フィールドのラベル、説明、価格を変更できます。右側のフォームのプレビューは自動的に更新されます。

単一商品フィールドを設定します

単一の商品のみを提供している場合は、合計フィールドは不要です。自由に削除してください。

次に、顧客の支払い情報を収集するために、フォームにSquareフィールドを追加する必要があります。「フィールドの追加」タブをクリックし、「支払いフィールド」セクションまでスクロールするだけです。

フォームにSquareフィールドを追加する

これで、Squareフィールドを支払いフォームの所定の位置にドラッグできます。

そうするとすぐに、このフォームで Square 決済を有効にする必要があることを知らせる通知が表示されます。

Square決済を有効にするための通知

「OK」ボタンをクリックしたら、WPFormsエディターのPayments » Squareに移動します。そこに移動したら、「Enable Square Payments」設定をオンの位置に切り替える必要があります。

その後、「支払い説明」フィールドに説明を入力できます。このテキストは、顧客のクレジットカード明細書に表示されます。

Square決済設定をオンにする

その他のオプション設定も完了することをお勧めします。これにより、Squareは作成したフォームのどこに顧客のメールアドレス、名前、請求先住所があるかを知ることができ、メールレシートを送信できます。

最後に、WPFormsではフォームにスマート条件付きロジックを設定することもできます。これは、顧客にクレジットカードやPayPalなどの複数の支払い方法から選択させる場合に便利です。

クレジットカード決済フォームの外観に満足したら、変更を保存する時間です。これを行うには、画面上部にある「保存」ボタンをクリックするだけです。

Square決済の通知メールの設定

次に、フォームが送信されたときに自分に送信されるメール通知を設定できます。注文が行われた後に顧客に送信される通知メールを設定することもできます。

顧客が支払いフォームを完了するたびに、WPForms はデフォルトで WordPress 管理者にメールを送信します。ただし、これらのメールを別のアドレスに送信したり、複数の人に通知したりしたい場合があります。

これはWPFormsを使用すると簡単にできます。メール通知をカスタマイズするには、[設定]タブをクリックし、[通知]を選択してください。

クレジットカード決済通知の作成

この画面で、「送信先メールアドレス」フィールドを見つけます。デフォルトでは、これは{admin_email}に設定されており、WordPressにWordPress管理者メールを使用するように指示します。

この動的テキストを削除し、他のメールアドレスに置き換えることができます。「送信先メールアドレス」フィールドに新しいアドレスを入力するだけです。複数の人にメールを送信したい場合は、各アドレスをコンマで区切ってください。

メール通知の作成

メールの件名、メッセージなどを編集することもできます。

次に、お客様の購入を確定し、感謝の意を伝えるメール通知を設定します。そのためには、「新規通知を追加」ボタンをクリックする必要があります。

新しいWPForms通知の作成

WPFormsは、この通知に名前を提供するように求めます。このチュートリアルでは、「顧客通知」と呼びます。

その後、WPForms にはカスタマイズ可能なすべての通知フィールドが表示されます。

WordPress でクレジットカード決済を簡単に受け付ける方法

スマートタグを入力すると、通知メールが顧客のメールアドレスに送信されます。「送信先メールアドレス」オプションの横にある「スマートタグを表示」リンクをクリックするだけです。

その後、フォームの「メール」フィールドを選択する必要があります。これにより、WPFormsは顧客が支払い時に提供したメールアドレスを使用できます。

クレジットカード決済メールにスマートタグを追加する

件名行やメールメッセージなど、通知メールの残りの部分をカスタマイズできるようになりました。例えば、顧客の名前や購入した商品に関する情報にスマートタグを使用して、メールコンテンツをパーソナライズすることができます。

WPFormsは、注文時に画面上に通知も表示します。これは、「確認」タブをクリックして確認メッセージを編集することでカスタマイズできます。

支払い確認メッセージの作成

メッセージを表示する代わりに、特定のページを表示したり、顧客を別のURLにリダイレクトしたりすることもできます。

この変更を行うには、「確認タイプ」ドロップダウンを開くだけです。利用可能なオプションから選択できるようになりました。

支払い確認設定の変更

最後に、これらのメール通知が受信者のメール受信トレイに配信され、迷惑メールフォルダに入らないようにする必要があります。これを実現する最善の方法は、メールの到達性を向上させるために SMTPサービスプロバイダー を使用することです。

詳細については、WordPressのメール送信問題を修正する方法に関するガイドをご覧ください。

WordPressウェブサイトに支払いフォームを追加する

最後のステップは、新しいSquare決済フォームをWordPressウェブサイトに追加することです。WPFormsを使えば、どこにでも簡単にフォームを追加できます。

新しい投稿またはページを作成するか、既存のものを編集します。次に、上部にあるプラス(+)記号をクリックし、WordPressエディターにWPFormsブロックを追加します。

WPFormsブロックを投稿またはページにドラッグする

その後、WPFormsブロックのドロップダウンメニューから支払いフォームを選択します。

終了したら、ページを保存または公開し、「プレビュー」ボタンをクリックしてフォームが機能していることを確認できます。

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

おめでとうございます。これでWordPressにSquare決済が接続されました。

WPFormsのネイティブ統合を使用して、Square決済フォームをメールマーケティングサービスGoogle Sheets、その他のアプリに接続して、ワークフローをさらに効率化できます。

SquareをWordPressに接続するその他の方法

WPFormsは、Squareの支払いをWordPressサイトに接続する支払いフォームを簡単に作成する方法を提供します。ただし、ユーザーによってはニーズが異なり、代替のSquareプラグインを探している場合があります。

例えば、会員サイトを始める、オンラインストアを作成して物理的な商品を販売する、ブログで電子書籍を販売する、オンラインコースを販売する、あるいは寄付を受け付けることもできます。

Squareが常に最良の選択肢とは限りません。なぜなら、WordPressではStripeの方がSquareよりもはるかに優れたプラグインサポートを備えているため、クレジットカードオプションを追加したい場合はStripeの方が良い選択肢となります。

MemberPress、WP Simple Pay、Easy Digital Downloadsなどの多くの人気プラグインは、組み込みのStripe統合を提供しています。

詳細については、WordPress 用の最高の Stripe 決済プラグインに関するガイドをご覧ください。

ただし、WooCommerce ストアを実行している場合は、公式の Square for WooCommerce 拡張機能 を使用して、Square のサポートを簡単に追加できます。

この方法は、ショッピングカート、在庫管理、複数の商品リストなど、完全なオンラインストア機能を必要とするユーザーにとって最良の選択肢です。

Square WooCommerce拡張機能

この拡張機能は、ウェブサイトとSquareアカウント間で製品を同期します。つまり、Squareアカウントに製品を追加すると、それらは自動的にWooCommerceストアにも追加されます。

それに加えて、 WooCommerce Subscriptions 拡張機能と併用すると、定期的な支払いにも対応しています。

よくある質問

WordPressでSquare決済を受け付ける予定の読者からよく寄せられる質問を以下に示します。

Squareの取引手数料はいくらですか?

Squareの取引手数料は、国や取引の種類によって異なる場合があります。

通常、オンライン決済ごとに少額のパーセンテージと固定料金が課金されます。最も正確なレートについては、お住まいの地域の公式 Square 料金ページを確認することをお勧めします。

WordPressでSquareをサブスクリプションまたは定期支払いとして使用できますか?

はい、Squareで定期的な支払い設定が可能です。

これを行うには、サブスクリプションをサポートするプラグインが必要です。例えば、MyPayKitのProバージョンや、WooCommerce Subscriptionsと組み合わせた公式のSquare for WooCommerce拡張機能などです。

Squareは私の国で利用できますか?

Squareは現在、米国、カナダ、オーストラリア、日本、英国、アイルランド、フランス、スペインなどの国で支払い処理をサポートしています。

常に拡大しているため、公式ウェブサイトで最新の対応国リストを確認することをお勧めします。

WordPressサイトでSquareを使用するためにSSL証明書は必要ですか?

はい、オンラインでの支払いを安全に受け付けるには、SSL(HTTPS)証明書が必須です。

お客様とウェブサイト間で共有されるデータを暗号化し、お客様の機密情報を保護します。多くのWordPressホスティングプロバイダーは、現在無料のSSL証明書を提供しています。

WooCommerceでSquareを使用できますか?

もちろんです。オンラインストアをSquareアカウントに接続できる、公式のSquare for WooCommerce拡張機能があります。

これにより、支払いを処理し、製品在庫を自動的に同期することもできます。

WordPressでの支払い受け付けに関する専門家ガイド

Square決済の接続方法がわかったので、WordPressで他の種類の支払いを受け付ける方法に関する他のガイドもご覧になりたいかもしれません。

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

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

究極のWordPressツールキット

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

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

2 CommentsLeave a Reply

  1. フォームの設定とSquareとの連携は簡単でしたが、フォームに「Web Payments SDK は本番環境で作成されたアプリケーションIDで初期化されましたが、現在サンドボックスを使用しています。」というメッセージが引き続き表示されます。これをどう変更すればよいかわかりません。どなたかご存知ですか?

    • これは通常、Square アカウントが現在テスト用のサンドボックス状態であることを意味します。つまり、請求は送信されませんが、テストに使用されます。Square にログインして、本番環境に切り替えることで請求を開始できます。

      管理者

返信する

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