WP Simple Payブログ

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

WP Simple Pay 4.17.0 のご紹介:あなたのフォーム、あなたのブランド — CSS不要

最終更新日

Written By: 著者画像 Cristian Rossi

あなたの支払いフォームは、あなたのサイトにふさわしい見た目であるべきです

あなたは、色、フォント、レイアウトなど、ウェブサイトを完璧にするために何時間も費やしました。それから顧客が「今すぐ支払う」をクリックすると、見た目が…ありきたりな支払いフォームにたどり着きます。あなたのブランドに合っていません。まるで全く別のウェブサイトのように感じられます。

WP Simple Pay 4.17.0 では、その断絶はなくなりました。CSSを一行も書かずに、支払いフォームのあらゆる側面(色、フォント、境界線、ボタンなど)を視覚的にカスタマイズできるようになりました。

コードではなくクリックで美しい支払いフォームをデザイン

支払いフォームエディターの新しいフォームスタイルタブにより、フォームの外観を完全に視覚的に制御できます。開発者は不要です。カスタムCSSスニペットも不要です。選択してクリックしてプレビューするだけです。

8つの既製テーマプリセット(デフォルト、サンセット、フォレスト、オーシャン、モノクロ、サンシャイン、コーラル、ミニマル)のいずれかから始めましょう。これらは、フォーム全体にコーディネートされたカラーパレットを瞬時に適用します。各プリセットはすぐに使えるように設計されているため、数秒で洗練されたフォームを作成できます。

さらにこだわりたいですか?ブランドに正確に一致するように、すべての詳細を微調整してください:

  • — 背景、テキスト、ラベル、入力、ボタン、境界線、ホバー状態、さらにはエラーメッセージまで。すべてのカラーピッカーは透明度をサポートしているため、レイヤードでモダンなデザインを作成できます。
  • タイポグラフィ — ラベル、入力、タイトル、説明、ボタンのフォントサイズと太さを調整します。
  • デザインとレイアウト — 角丸またはシャープなコーナーの境界線の半径を制御し、フォームのパディングを調整し、カスタムの背景、テキスト、ホバーカラーでボタンをスタイル設定します。

すべてが管理画面でライブプレビューで更新されるため、公開前にフォームがどのように見えるかを正確に確認できます。また、ブロックエディターでページを構築している場合、スタイル設定されたフォームはそこでも正しくレンダリングされます — 真のWYSIWYG編集です。

気が変わりましたか?ワンクリックのスタイルをリセットボタンで、すぐにデフォルトに戻すことができます。すべてのオプションの詳細なウォークスルーについては、フォームスタイル設定リファレンスをご覧ください。

顧客にスムーズなチェックアウト体験を提供する

フォームが複数の支払い方法を受け入れる場合、それらの提示方法が重要です。散らかったレイアウトは顧客を遅らせたり、購入をためらわせたりする可能性があります。

WP Simple Pay 4.17.0 では、支払い方法の新しい表示タイプが2つ導入されました:タブアコーディオン

  • タブは、支払い方法を水平レイアウトで横並びに表示します — 数個のオプションしかないフォームで、すべてを一目で確認したい場合に最適です。
  • アコーディオンは、支払い方法を折りたたみ可能なセクションに垂直に積み重ねます — 多くの支払いオプションがあるフォームに最適で、レイアウトをクリーンで整理された状態に保ちます。

この設定は、フォームエディタの「支払い方法」セクションにあります。各フォームに最適なレイアウトを選択してください。寄付フォームと商品購入フォームでは、異なるアプローチが必要になる場合があります。

今回のリリースでのその他の改善点

  • Stripe互換性 — 現在および将来のStripeバージョンとの互換性を向上させるためにStripe連携を更新しました。
  • アクティビティレポートの修正 — Stripe Connectの認証情報が欠落または無効な場合にアクティビティレポートページがクラッシュする問題を解決しました。
  • フォーム読み込みの修正 — 特定の条件下で名前またはメールフィールドを含む支払いフォームが読み込めなくなるバグを修正しました。
  • サブスクリプション料金の修正 — サブスクリプションステータスの確認中の料金計算を修正しました。

変更点の完全なリストについては、変更履歴をご覧ください。

今日からあなたの完璧な支払いフォームのデザインを始めましょう

WP Simple Pay 4.17.0を使用すると、支払いフォームの外観と雰囲気を完全に制御できるため、サイトの他の部分と一致させることができます。コードは不要で、開発者も必要ありません。

WordPressダッシュボードからバージョン4.17.0にアップデートして、フォームスタイル、テーマプリセット、および新しい支払い方法レイアウトをすぐに使い始めましょう。

ご不明な点がある場合や、開始方法についてサポートが必要な場合は、ドキュメントとサポートチームがお手伝いします。また、今後のアップデートで追加してほしい機能について、ぜひご意見をお聞かせください。

カスタマイズを楽しんでください!

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

「WP Simple Pay 4.17.0の紹介:あなたのフォーム、あなたのブランド — CSS不要」への1件の返信

  1. あなたの投稿は良いです、気に入りました。書き続けてください。

返信する

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

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

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

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