Scriptorium · II

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

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

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

أضف علامة البرنامج النصي إلى رأس القالب الأساسي الخاص بك: layouts/_default/baseof.html في معظم المواضيع، أو جزء الرأس إذا احتفظت الموضوع بواحدة.

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

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

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

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

ألصق الزر في أي قالب أو جزء. لوضعه داخل محتوى Markdown، اسمح بـ HTML المضمن أولاً (انظر الملاحظات الهامشية).

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

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

احرص من هذه

Goldmark تأكل HTML الخام افتراضياً

يزيل Hugo HTML المضمن من Markdown ما لم تحدد markup.goldmark.renderer.unsafe = true في إعدادات الموقع الخاصة بك. الأزرار في القوالب والأجزاء لا تحتاج إلى أي إعداد على الإطلاق.

اجعله جزء

البيع من صفحات كثيرة؟ لف الزر في جزء أو رمز مختصر يأخذ مرجع المنتج والتسمية كمعاملات. تعريف واحد، الكتالوج بالكامل.

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

Hugo هو أحد المنصات التي تسردها الوثائق كمؤكدة عملة. يتم اختبار هذا الإعداد الدقيق.

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

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