Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressサイトでSquare決済を利用したいですか?

初期設定では、WordPressにはクレジットカード決済オプションが付属していません。Squareは優れた決済ゲートウェイで、WordPressの人気プラグインを使ってサイトに接続することができます。

この投稿では、WordPressにSquareペイメントを統合し、あなたのサイトでクレジットカード決済を簡単に行えるようにする方法をご紹介します。

How to Connect Square Payments in WordPress

なぜWordPressでSquare Paymentsを接続するのですか?

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

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

クレジットカードは、アメリカ、カナダ、オーストラリア、日本、イギリス、アイルランド共和国、フランス、スペインでご利用いただけます。Squareは固定取引レートを提供しており、これは国によって異なります。

注:クレジットカード決済を安全に行うには、サイトでHTTPS/SSLを有効化する必要があります。詳しくは、WordPressサイトの無料SSL証明書の取得方法をご覧ください。

ということで、WordPressでSquare決済を接続する方法を見てみましょう。

WPFormsを使用してSquareの支払いフォームを追加する方法を紹介し、WooCommerceを使用したオンラインストアでSquareの支払いを受け付けるなど、他の方法についても説明します:

WPFormsを使ってWordPressとSquareを接続する

Square決済用のフォームを作成する最も簡単な方法は、WPFormsを使用することです。WPFormsは600万以上のサイトで使用されているWordPressのフォーム作成プラグインです。ドラッグ&ドロップでWordPressサイトのフォームを作成できます。

このチュートリアルでは、WPForms Proバージョンを使用します。WPForms Proバージョンは、コードを書くことなくクレジットカード決済を可能にするSquareアドオンにアクセスできるからです。

また、WPFormsを使ってStripeAuthorize.netPayPalを使ったクレジットカード決済も可能です。

注: WPFormsには無料版もありますが、Stripe決済しかできません。

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

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

WPFormsを有効化した後、WordPressダッシュボードのWPForms ” Settingsにアクセスしてください。

WPForms' pro settings

この画面では、’License Key’フィールドにライセンスキーを入力する必要があります。このキーはWPFormsアカウントにあります。

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

WPFormsとSquareの接続

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

WordPressのダッシュボードで、WPForms ” Addonsページに移動し、Square Addonを見つけるまでスクロールします。次に、’アドオンのインストール’ボタンをクリックしてください。

Install the WPForms Square Addon

アドオンがインストールされ有効化されたら、WPForms ” Settingsページに行き、Paymentsタブをクリックします。

初期設定では、WPFormsはアメリカドルで支払いを収集します。別の通貨で支払いを受け付ける必要がある場合は、通貨のドロップダウンを開き、リストから選択するだけです。

Set Your Currency in WPForms Payments Settings

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

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

Click the Connect With Square Button

画面の指示に従ってSquareアカウントを新規作成するか、WPFormsを既存のSquareアカウントに接続します。

支払いフォームをテストしたい場合は、「テストモード」オプションをチェックしてください。これにより、フォームが正しく動作していることを確認するためにダミーの支払いを行うことができます。テストが終了したら忘れずにチェックを外してください。

本当に〜してもよいですか?下部にある’Save Settings’ボタンをクリックして設定を保存してください。

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

Squareとの接続に成功したら、支払いフォームを作成する必要があります。そのためには、WordPressの管理エリアにあるWPForms ” 新規追加にアクセスしてください。

まず、フォームのタイトルをプロバイダーで指定します。次に「請求書/注文書」テンプレートまでスクロールダウンし、「テンプレートを使用」ボタンをクリックします。

Select the Billing Order Form Template in WPForms

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

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

Customize the Multiple Items List

もし個別項目しか提供しないのであれば、複数項目フィールドの右上にあるゴミ箱内のアイコンをクリックして、複数項目フィールドを削除してください。

次に、個別項目フィールドまでスクロールダウンし、フォームにドラッグします。

Add a Single Item Field to Your Form

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

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

Configure the Single Item Field

もし個別項目しか提供しないのであれば、「合計」フィールドは不要です。ご自由に削除してください。

次に、カスタマーの支払い情報を収集するために、フォームにSquareフィールドを追加する必要があります。Add Fields’タブをクリックし、Payment Fieldセクションまでスクロールしてください。

Add the Square Field to Your Form

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

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

Notification to Enable Square Payments

OK’ボタンをクリックしたら、WPFormsエディターのPayments ” Squareに移動します。そこで、’有効化Square支払い’設定をオンに切り替える必要があります。

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

Toggle the Enable Square Payments Setting to the On Position

その他のオプション設定も済ませておくとよいでしょう。これらの設定により、Squareは作成したフォームのどこにカスタマーのメール・アドレス、名前、請求先住所があるかを知ることができ、メール・レシートを送信することができます。

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

クレジットカード決済フォームの見た目に満足したら、変更を保存しましょう。画面上部の「保存」ボタンをクリックしてください。

Squareペイメントの通知メールの設定

次に、フォーム送信時に送信されるメール通知を設定することができます。また、カスタマイザーが注文した後の通知メールも設定できます。

WPFormsはカスタマイザーが支払いフォームを完了するたびに、初期設定でWordPress管理者にメールを送信します。しかし、これらのメールを別のアドレスに送信したり、 複数の人に通知したい場合もあります。

これはWPFormsを使って簡単にできます。メール通知をカスタマイズするには、’設定’タブをクリックし、’通知’を選択するだけです。

Creating credit card payment notifications

この画面で、「Send To Email Address」フィールドを見つけます。初期設定では{admin_email}に設定されており、WordPressの管理者メールを使用するようにWordPressに指示します。

このダイナミックテキストを削除して、他のメールアドレスに置き換えることができます。送信先メールアドレス」フィールドに新しいアドレスを入力するだけです。複数の人にメールを送りたい場合は、それぞれのアドレスをカンマで区切ってください。

Creating email notifications

メールの件名やメッセージなども編集できます。

次に、カスタマイザーに購入確認とお礼のメールを設定します。そのためには、「新規通知を追加」ボタンをクリックしてください。

Creating a new WPForms notification

WPFormsはこの通知の名前を尋ねるでしょう。このチュートリアルでは、’カスタマイザー通知’と呼ぶことにします。

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

How to easily accept credit card payments in WordPress

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

その後、フォームの’メール’フィールドを選択する必要があります。これにより、WPFormsはカスタマイザーが支払いを送信する際に提供したメールアドレスを使用することができます。

Adding smart tags to your credit card payment emails

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

WPFormsは注文があった際に画面上に通知も表示します。あなたは、’確認’タブをクリックし、確認メッセージを編集することにより、これをカスタマイズすることができます。

Creating a payment confirmation message

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

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

Changing the payment confirmation settings

最後に、これらのメール通知がスパムフォルダではなく、受信トレイに届くようにしたいものです。そのためには、メール到達性を高めるSMTPサービスプロバイダーを利用するのが一番です。

詳しくは、WordPressでメールが送信されない問題の解決方法をご覧ください。

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

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

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

Drag the WPForms Block Onto Your Post or Page

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

完成したら、ページを保存または公開し、’プレビュー’ボタンをクリックしてフォームの動作を確認することができます。

Preview of Square Payment Form

おめでとうございます!これでWordPressでSquare決済が利用できるようになりました。

WPFormsネイティブの統合機能を使って、Square決済フォームをメールマーケティングサービスや Google Sheets、その他のアプリと連携させ、ワークフローをさらに効率化することができます。

SquareとWordPressを接続するボーナス方法

WPFormsは、Square決済とWordPressサイトを接続する決済フォームを作成する簡単な方法を提供します。しかし、ユーザーによっては異なるニーズがあるかもしれません。

例えば、会員制サイトを立ち上げたり、オンラインストアを作って現物を販売したり、ブログでeBookを販売したり、オンラインコースを販売したり、あるいは寄付を受け入れたりすることもできる。

Squareが常に最良の選択とは限りません。というのも、WordPressではStripeの方がSquareよりもプラグインのサポートが充実しているため、クレジットカードの設定を追加するのであればStripeの方が適しているからです。

MemberPressWP Simple PayEasy Digital Downloadsのような多くの人気プラグインは、Stripeインテグレーションをビルトインしています。詳しくは、最高のStripe支払いプラグインのガイドをご覧ください。

しかし、もしあなたがWooCommerceストアを運営しているなら、公式のSquare for WooCommerceエクステンションを使って簡単にSquareサポートを追加することができます。

Square WooCommerce Extension

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

さらに、WooCommerce Subscriptionsエクステンションと一緒に使用することで、定期的な支払いをサポートします。

WordPressで支払いを受け付けるためのエキスパートガイド

Square決済の接続方法はおわかりいただけたと思いますが、WordPressで他の決済を利用するためのガイドもご覧ください。

このチュートリアルで、WordPressでSquare決済を利用する方法をご理解いただけたでしょうか。また、WordPressでプレゼントやコンテストを開催する方法や、専門家が選んだ最高のソーシャルメディアプラグインもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

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

Reader Interactions

3件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Michele says

    It was easy to set the form up and connect with Square, however I continue to get the following message on the form ” Web Payments SDK was initialized with an application ID created in production however you are currently using sandbox.” I don’t know how to modify this. Does anyone know?

    • WPBeginner Support says

      That normally means your Square account is currently in sandbox for testing which means it would not send charges but is used for testing. You would log into Square and change to production to start charging.

      管理者

返信を残す

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