كيفية استخدام طبقة 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]نص الزر[/wrap]

عند النقر على هذا الزر، سيظهر النافذة المنبثقة بناءً على المعلومات التي تضيفها مثل معرف البائع وبيانات الدفع.

لقد أنشأت عرضًا توضيحيًا لها على منشئ الثيمات.

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

يبدو أن كل شيء يعمل من جانبنا، لكنني لم أقم بشراء أي شيء فعليًا لأنني لم أستخدم صفحة الدفع من قبل. هل يمكنك تجربتها فعليًا يا @FrancoisD، حيث تفضل الشراء/البيع، وإخبارنا بالنتائج؟

بمجرد التأكد من أن كل شيء يعمل، سأنتقل بهذا إلى فئة الثيمات.

لقد تركت أيضًا بعض التعليقات في الكود لشرح كيفية تجميع هذا.

آسف @Johani، لقد كنت في إجازة خلال العطلات!

إنها مثالية، شكرًا جزيلاً لك على وقتك.

مرحبًا @Johani، هل كان لديك وقت لتحويله إلى سمة؟ :slightly_smiling_face: