Scriptorium · V

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

أبق بـ Webflow لما Webflow من أجل: التصميم. يحضر الزر الدفع، ويرث مكانه في التخطيط الخاص بك مثل أي عنصر آخر.

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

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

<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>

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

احرص من هذه

الكود المخصص بوابة الخطة

يشغل Webflow كود مخصص فقط على المواقع مع خطة الموقع المدفوعة. على المجال المرحلة المجاني، يبقى كود الرأس ساكناً، لذا احكم على النتيجة على الموقع المنشور المدفوع.

لوحة الفنان تظهر عنصر نائب

يعرض Designer التضمينات كمربع رمادي. يظهر الزر الحقيقي على الصفحة المنشورة، لذا نمط المسافة حوله، ثم انشر وانظر.

لا خطة التجارة الإلكترونية مطلوبة

الزر هو دفعه الخاص. تحمل خطة CMS عادية أو ثابتة؛ Webflow Ecommerce يمكن أن تبقى خارج الفاتورة تماماً.

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

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