checkoutpage.co のオーバーレイの使い方

checkoutpage.co のオーバーレイを以下のように使用したいと考えています:

https://checkoutpage.co/knowledge/sell-your-products-in-a-modal-on-your-site/

私の特定のページでは、以下のコードを使用するように指示されています。

<script type="text/javascript" src="https://checkoutpage.co/js/overlay.js" defer></script>

その後、以下を追加します(トピックに追加したいと考えています)。

<button class="cp-button" data-seller="5dd5bbcd1954eb0015e6ff53" data-checkout="rencontre-dans-les-laurentides">今すぐ購入</button>

Discourse 内でこれは可能でしょうか?

ありがとうございます

テーマコンポーネントを作成して、トピックにコードを追加できるようにする必要があると思います。「theme #howto」で検索してください。

少しいじって、これにテーマコンポーネントを作成しました。可能性を大いに感じているからです。

GitHub - hnb-ku/discourse-checkout · GitHub

インストール後、投稿内で以下のような記述をすると、自動的にボタンに変換されます。

[wrap=checkout data-seller=5aaa701149321a00145c99b9 data-checkout=ux-animation-tool-license]button text[/wrap]

そのボタンをクリックすると、seller ID や checkout-data などの情報に基づいてモーダルが表示されます。

テーマクリエーターでデモを作成しました。

https://theme-creator.discourse.org/theme/Johani/discourse-checkout

私たちの側ではすべて正常に動作しているようですが、以前 checkout-page を使ったことがないため、実際に購入したことはありません。@FrancoisD さん、実際に購入・販売を試して、結果を報告していただけますか?

すべて問題ないことを確認でき次第、これをテーマカテゴリに移します。

また、実装方法を説明するために、コード内にいくつかコメントを残しました。

@Johani 申し訳ありません、休暇中で不在でした!

完璧です。お時間をいただき、本当にありがとうございます。

こんにちは @Johani さん、テーマとして作成する時間がありましたか?:slightly_smiling_face: