Scriptorium · XII

أضف زر شراء إلى موقع HTML عادي

لا يوجد إطار عمل هنا ولا شيء للتثبيت. زر الشراء هو HTML، لذا صفحة HTML عادية هي أبسط مكان يمكن أن يعيش فيه. تضيف سطراً واحداً إلى الرأس وكتلة واحدة حيث تبيع.

أضف علامة البرنامج النصي، مرة واحدة

ضع علامة البرنامج النصي داخل رأس صفحتك. إذا كان موقعك أكثر من صفحة واحدة، أضفه إلى رأس كل صفحة تبيع منها، أو إلى ملف الرأس المشترك إذا كنت تستخدم واحداً.

<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
  crossorigin="anonymous"
  defer></script>

اسم المنتج في لوحة التحكم الخاصة بك

افتح مشروعك وانتقل إلى علامة تبويب المنتجات وأضف المنتج: مرجع تختاره واسم وسعر وعملة. من هنا لوحة التحكم تكتب كلا الكتلتين على هذه الصفحة مع معرف مشروعك الحقيقي. ما تراه أدناه هو الشكل.

ضع الزر حيث تبيع

الصق الزر في النص أينما تريده أن يظهر. يعرض المتصفح في مكانه، وينتقي الدفع المحمل المرة الأولى التي ينقر فيها المشتري.

<coin-moebius-buy
  project-id="proj_YOUR_ID_HERE"
  product-id="t-shirt-medium"
  label="Buy a t-shirt">
</coin-moebius-buy>

النشر. يعرض الزر مع الصفحة، ويحمل منتقي الدفع في المرة الأولى التي ينقر فيها المشتري عليه. كل منتج إضافي هو نفس الكتلة مع مرجع وتسمية مختلفة.

احرص من هذه

لا خطوة بناء، بلا مشاكل

أنت لا تحتاج npm، أو bundler، أو إطار عمل. احفظ الملف، احمله، والزر يعمل في المرة التالية التي تحمل فيها الصفحة.

أعد استخدامه عبر الصفحات

تبيع من عدة صفحات؟ ضع علامة البرنامج النصي في رأس مشترك وانسخ كتلة الزر أينما تحتاجها. كل منتج هو نفس الكتلة مع مرجع وتسمية مختلفة.

يعمل على أي مضيف

GitHub Pages، أو bucket تخزين الكائنات، أو مضيف مشترك رخيص، أو مجلد على خادمك الخاص: إذا كان يخدم ملف HTML، فيمكنه البيع. لا شيء يعمل من جانبك.

جاهز عندما تكون صفحتك

غطاء مجاني 150 معاملة في الشهر. لا بطاقة للتسجيل.