WP Simple Payブログ

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

WP Simple Pay Pro 3.3ベータアップデート – 埋め込みおよびオーバーレイカスタムフォーム

最終更新日

Written By: 著者画像 Phil Derksen

最初のWP Simple Pay Pro 3.3ベータ版が利用可能になりました!

このソフトウェアはまだ開発中ですので、本番サイトでの実行は推奨しません。新しいバージョンを試すために、テストサイトをセットアップすることを検討してください。

現時点では、ベータ版へのアクセスは有効なライセンス所有者に限定されています。ライセンスをお持ちでない場合は、こちらから購入できます。

ベータ版(zipファイル)はお客様のアカウントからダウンロードするか、WordPress管理画面のSimple Pay Pro > General > Settingsでベータリリースをオプトインできます。

概要スクリーンキャスト:

新しい埋め込みおよびオーバーレイカスタムフォーム表示オプション

WP Simple Pay Pro 3.3より前は、すべての支払いフォームでStripe Checkoutを使用していました。現在、カスタムフォーム表示オプションとして、さらに2つのオプションがあります:埋め込みオーバーレイ

Stripe Checkout は特定のフィールドのみをオーバーレイ内に許可していたため、支払いフォームにカスタムフィールドが追加された場合、一部のフィールドはページ上に表示され、一部はオーバーレイ内に表示されていました。

新しいカスタムフォーム機能を使用すると、すべての支払いフォームフィールドをページ上(埋め込み)またはオーバーレイ内に配置できます。これにより、顧客はいくつかのフィールドに入力してからボタンをクリックし、残りのフィールドを入力するという手間がなくなります。

WP Simple Pay カスタムフォームには、Stripe Elements および Stripe.js v3 の使用が含まれています。これは、Stripe のサーバーから提供される新しいカードフィールドを使用するため、Stripe Checkout と同様のセキュリティ、ライブ検証、および PCI コンプライアンスをフォームで実現できることを意味します。この新しいカードフィールドにより、顧客はクレジットカード番号、有効期限、CVC、および郵便番号を 1 つの入力フィールドに入力できます。

さらに、これにより、Apple Pay、Google Pay、Payment Request API(新しいブラウザ標準)などの追加の支払い方法を WP Simple Pay に追加するための基盤が整います。Stripe.js および Elements の完全なドキュメントはこちらをご覧ください。

カスタムフォーム埋め込み例(スクリーンショット):

カスタムフォームオーバーレイ例(スクリーンショット):

新しいフォーム表示オプション(スクリーンショット):

ベータ版のテスト方法

WP Simple Pay Proのメジャーアップデートですので、ぜひテストにご協力いただけると幸いです。

ベータ版をお客様のアカウントからダウンロードし、テストサイトにインストールして、こちらからフィードバックをお送りください

皆様のご意見をお待ちしております!

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

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

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