Scriptorium · IV

أضف زر شراء إلى موقع Jekyll الخاص بك

مواقع Jekyll تأخذ المدفوعات مع كتلتين ملصقتين، وهذا يشمل GitHub Pages الأساسي. لا توجد المكونات الإضافية، لا المجوهرات، ولا سير عمل الإجراءات للإعداد.

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

أضف علامة البرنامج النصي إلى الرأس في التخطيط الافتراضي الخاص بك (_layouts/default.html) أو إدراج الموضوع الخاص بك (_includes/head.html).

<!-- _layouts/default.html -->
<head>
  <meta charset="utf-8" />
  <title>{{ page.title }}</title>
  <script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
    crossorigin="anonymous"
    defer></script>
</head>

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

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

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

ألصق الزر في أي صفحة أو منشور أو إدراج. يمرر Kramdown inline HTML في Markdown من خلال افتراضياً، بحيث يعمل منتصف المنشور.

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

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

احرص من هذه

لا تحتاج صفحات GitHub إلى شيء إضافي

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

السائل يتركه وحده

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

على قائمة التحقق

Jekyll هو أحد المنصات التي تسردها الوثائق كمؤكدة عملة.

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

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

ابدأ مجاناً زر الشراء، السمة حسب السمة