WP Simple Payブログ

WordPressで支払いを受け付けるためのStripeチュートリアル、ヒント、リソース

【新機能】支払いフォームテンプレートとページビルダー連携機能のご紹介

最終更新日

Written By: 著者画像 Phil Derksen

ウェブサイトへの支払いフォームの追加が、はるかに速くなりました!

わずか数週間前、WP Simple Pay にセットアップウィザードと支払いフォームブロックを追加し、迅速な立ち上げを可能にしました。

WP Simple Pay 4.4.3 では、あらかじめ構築された支払いフォームテンプレートのコレクションから選択することで、さらに時間を節約できる方法を追加しました。

支払いフォームテンプレートを選択

人気のDivi および Elementor ページビルダーとの連携も追加しました。

これらのアップデートが、WordPress サイトにわずかな時間で支払いフォームを公開するのにどのように役立つか、詳しく見ていきましょう。

既製の支払いフォームテンプレート

このアップデートの前は、支払いフォームを作成する唯一の方法はゼロから作成することでした。しかし今では、既製のテンプレートを選択することで、Stripe に接続された支払いフォームを作成することがこれまで以上に簡単になりました。

WP Simple Pay > 新規追加」を選択すると、テンプレート選択画面が表示されます。さらにクリックするだけで、ニーズに最適なテンプレートを選択して開始できます。

このリリース時点で選択可能なテンプレートの一部をご紹介します。各テンプレートの下にあるスクリーンショットは、カスタマイズ前のサイト訪問者にとってどのように見えるかを示しています。

支払いフォーム – 顧客からクレジットカード決済を収集するためのシンプルなフォーム。

テンプレートからの支払いフォーム

寄付フォーム(定期支払いオプション付き) – サイト訪問者がさまざまな金額から寄付を選択できるようにし、毎月の定期寄付にするオプションを提供します。

テンプレートからの定期的な寄付フォーム

イベント登録フォーム – イベントの請求情報、チケット数量、Tシャツのサイズを顧客から収集します。Apple Pay および Google Pay による迅速な支払いも含まれています。

テンプレートからのイベント登録フォーム

必要であれば、いつでも上部にある「基本フォーム」リンクをクリックして、ゼロから支払いフォームを開始できることを忘れないでください。

選択したテンプレートが気に入らない場合?テンプレートを選択してプレビューした後、「別のテンプレートを使用」をクリックして戻り、別のものを選択することができます。

支払いフォームテンプレートの切り替え

この時点で、ドラッグ&ドロップフォームビルダーを使用して、フィールドを追加、削除、再配置して、さらにカスタマイズできます。

ドラッグ&ドロップ支払いフォームビルダー

一部のテンプレートは WP Simple Pay の Lite バージョンに含まれていますが、Pro バージョンでは、増え続けるテンプレートライブラリからさらに多くのテンプレートが利用可能になります。Plus またはそれ以上のライセンスを購入すると、現在利用可能な**すべての**支払いフォームテンプレートと、将来リリースされるすべてのテンプレートにアクセスできます。

新しいテンプレートは頻繁に追加しており、ご提案も歓迎していますので、ぜひお送りください!私たちの目標は、どのような種類の支払いフォームを作成する必要がある場合でも、お客様の時間を節約することです。

ページビルダー連携

WordPressの最も優れた点の1つは、サイトのページ構築に関して選択肢があることです。WordPressに組み込まれている最新のブロックエディターでページを構築することを好む人もいるため、最近支払いフォームブロックを追加しました。サードパーティのページビルダーを使用することを好む人もいます。

このWP Simple Payのリリースでは、人気のページビルダーであるDiviおよびElementorとの統合を追加しました。これで、DiviおよびElementorのボタン、価格表、コールトゥアクションモジュールまたはウィジェットから、少しのドラッグ&ドロップと数回のクリックで支払いフォームを簡単に起動できます。コードは不要です!

WP Simple Payのオーバーレイ支払いフォームを起動するページにDiviボタンを追加すると、どのようになるかを示します。

WP Simple Pay Divi連携

支払いフォームを起動するようにElementorの価格表ボタンを設定すると、どのようになるかを示します。

WP Simple Pay Elementor連携

WP Simple Payでページビルダーを使用する方法の詳細については、Divi統合ドキュメントまたはElementor統合ドキュメントを参照してください。

優れたSeedProdページビルダーを使用している場合、こちらも統合に取り組んでいます。今すぐSeedProdを統合する必要がある場合は、こちらの回避策を参照してください

WP Simple Pay 4.4.3 – 支払いフォームをわずか数分で追加

新しいフォームテンプレートとページビルダー統合により、支払いフォームをウェブサイトで公開するのにわずか数分しかかかりません。

WP Simple Payでは、開発者や複雑なショッピングカートのセットアップを必要とせずに、WordPressユーザーが支払いを簡単に受け付けられるようにすることに尽力しています。そのため、プラグインを継続的に改善し、ビジネスや非営利団体に必要な種類の支払いフォームを簡単に作成できるようにしています。

今こそ有料プランにアップグレードするのに最適な時期です。Stripeと提携し、常に連携して新機能を定期的にリリースし、WordPressサイト所有者が迅速かつ簡単に支払いを行えるようにしています。

いつものように、皆様からのフィードバックやご意見を大切にしています。提案や機能リクエストをお寄せください。カスタマーサポートチームはこちらからご連絡いただければ、喜んでお手伝いさせていただきます。

まだWP Simple Payプラグインをお持ちではありませんか?

さあ、WordPress向けの最高のStripe支払いプラグインであるWP Simple Payを使い始めましょう

開示: 当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、手数料が発生する可能性があることを意味します。当社は、読者に価値をもたらすと信じる製品のみを推奨しています。

「[新機能] 支払いフォームテンプレートとページビルダー統合の紹介」への4件の返信

  1. Beaver Builder統合の予定はありますか?

    1. フィル・ダークセンのアバター
      Phil Derksen

      まだですが、リクエストをメモしておき、今後のリリースで何ができるか確認します。

      しばらく前から利用可能なJavaScriptスニペットが1つありますが、これには追加のコードが必要になることを理解しています。こちらをご覧ください:

      https://github.com/awesomemotive/wp-simple-pay-snippet-library/blob/master/scripts/launch-from-beaver-builder-pricing-tables.js
      https://docs.wpsimplepay.com/articles/adding-custom-code/

  2. ロビー・マカロックのアバター
    Robby McCullough

    こんにちは、Philさん!Beaver Builder統合を進めるために何か必要なことがあればお知らせください。😀

    1. フィル・ダークセンのアバター
      Phil Derksen

      こんにちは、Robbyさん!お申し出ありがとうございます。最後の返信をご覧ください。お知らせします。

返信する

あなたのメールアドレスは公開されません。 必須項目は * でマークされています

このサイトは Akismet を使用してスパムを削減しています。 コメントデータの処理方法をご覧ください

今日から決済を受け付けましょう

WordPressウェブサイトで、単発および定期的な支払いまたは寄付の受け付けを開始しましょう。