Divi ボタン & 価格表との連携方法

このドキュメントでは、Diviの価格表、行動喚起、ボタンをWP Simple PayのオンサイトオーバーレイフォームおよびオフサイトStripeチェックアウトページと連携させる方法を説明します。

この例では、Diviの行動喚起要素を使用してオンサイトオーバーレイフォームを起動します。

テキスト設定、ボタンテキストなどを行動喚起でカスタマイズしたら、WP Simple Payフォームを追加する時間です。

行動喚起設定のコンテンツタブで、下にスクロールしてリンクセクションを最大化します。

ボタンリンクURLフィールドに「#」を追加し、WP Simple Payドロップダウンから適切な支払いフォームを選択する必要があります。完了したら、緑色の保存チェックをクリックします。

支払いフォームが正しく起動するには、リンクセクションのボタンリンクURLフィールドに「#」を追加する必要があります。これは、価格表ボタンや行動喚起ボタンを含む、すべてのDiviボタンに適用されます。

Stripeチェックアウトフォームタイプを使用する場合、選択できるのは、追加のオンサイトカスタムフィールドがないフォームのみです。

これで準備が整いました。行動喚起のボタンは、フォームタイプに応じて、以下に示すオンサイトオーバーレイフォームを起動するか、オフサイトStripeチェックアウトにリダイレクトします。

該当する場合、価格表の各ボタンについて、上記で詳述したプロセスを繰り返します。

すべてを正しく追加してもフォームが起動しない場合は、Divi → テーマオプション → 一般 → パフォーマンスタブのjQueryとjQuery Migrateの遅延読み込みを無効にする設定を無効にする必要がある場合があります。