Scriptorium · III

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

ينبعث Eleventy ما الذي تسلمه، بأي لغة قالب. الزر هو HTML. هذا الدليل قصير لأنه لا يوجد شيء للالتفاف حوله.

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

أضف علامة البرنامج النصي إلى رأس التخطيط الأساسي الخاص بك، عادة ملف تحت _includes/، بأي لغة قالب يتحدثها.

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

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

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

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

ألصق الزر في أي قالب: Nunjucks أو Liquid أو WebC أو محتوى Markdown. يعيد Eleventy 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>

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

احرص من هذه

كل لغة قالب تعمل

الزر عبارة عن HTML عادي مع سمات متقطعة، وكل لغة Eleventy تنبعث حرفياً. لا شيء للهروب، لا شيء للتكوين.

خط الأنابيب الخاص بك يبقى لك

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

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

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

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