Scriptorium · IX

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

Notion لن يقوم بتشغيل كود مخصص من تلقاء نفسه. إذاً يحتاج الزر إلى مضيف يضيفه. الأدوات مثل Super و Simple.ink تنشر صفحات Notion الخاصة بك وتدعك تسقط الكود. مع أحدهما، يعمل الزر بنفس الطريقة كما هو الحال في أي مكان آخر.

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

أضف علامة البرنامج النصي مرة واحدة في إعداد الكود الشامل للمضيف. في Super، الإعدادات، ثم الكود. في Simple.ink، لوحة الكود المخصصة في الشريط الجانبي.

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

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

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

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

حيث تريد الزر، أضف كتلة كود Notion. في Super، ضع super-embed: في السطر الأول، ثم الزر تحته. في Simple.ink، لف الزر بين سطري #EMBED. يحول المضيف هذه الكتلة إلى الزر المباشر.

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

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

احرص من هذه

Notion العادية لن تفعل

الموقع المنشور مباشرة من Notion لا يمكن أن يشغل كود مخصص. مضيف مثل Super أو Simple.ink هو ما يضيف تلك القدرة.

الزر يذهب في كتلة كود

لا تلصق الزر في الصفحة مثل النص العادي. تضعه في كتلة كود Notion مع علامة المضيف. هذا super-embed: للـ Super، أو #EMBED للـ Simple.ink. يعرضه المضيف من هناك.

مجاني للمحاولة

Simple.ink لديها طبقة مجانية يمكنك الإطلاق عليها. يمكنك تسلك الزر وأخذ بيع اختبار دون دفع أي شخص. يقدم Super تجربة للقيام بنفس الشيء.

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

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