Scriptorium · III

اپنی Eleventy سائٹ میں خریدیں بٹن شامل کریں

Eleventy جو HTML آپ اسے دیتے ہیں اسے کسی بھی سانچہ کی زبان میں نکال دیتے ہیں۔ بٹن HTML ہے۔ یہ رہنمائی مختصر ہے کیونکہ کام کے لیے کچھ نہیں۔

اسکرپٹ ٹیگ شامل کریں، ایک بار

اپنے base layout کے head میں اسکرپٹ ٹیگ شامل کریں، عام طور پر _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>

اپنے ڈیش بورڈ میں منتج کا نام رکھیں

اپنا پروجیکٹ کھولیں، Products ٹیب میں سوئچ کریں، اور منتج شامل کریں: ایک حوالہ جو آپ منتخب کریں، ایک نام، ایک قیمت، ایک کرنسی۔ یہاں سے ڈیش بورڈ اس صفحے پر دونوں بلاکس اپنے اصل پروجیکٹ ID کے ساتھ لکھتا ہے۔ جو آپ نیچے دیکھتے ہیں وہ شکل ہے۔

بٹن کو جہاں آپ بیچتے ہیں وہاں رکھیں

بٹن کو کسی بھی سانچہ میں پیسٹ کریں: Nunjucks، Liquid، WebC، یا Markdown مواد۔ Eleventy Markdown میں inline HTML ڈیفالٹ کے طور پر منتقل کرتے ہیں۔

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

شائع کریں۔ بٹن صفحے کے ساتھ رینڈر ہوتا ہے، اور ادائیگی کے پکٹر سے پہلی بار خریدار اسے کلک کرتے ہیں تو لوڈ ہوتا ہے۔ ہر اضافی منتج ایک جیسے بلاک ہے جس میں ایک مختلف حوالہ اور لیبل ہے۔

ان سے محتاط رہیں

ہر سانچہ کی زبان کام کرتی ہے

بٹن سادہ HTML ہے dashed صفات کے ساتھ، جو ہر Eleventy زبان لفظی طور پر نکالتی ہے۔ کوئی فرار نہیں، کچھ بھی تشکیل کرنا نہیں۔

آپ کا pipeline آپ کا ہے

اسکرپٹ ہمارے CDN سے view time میں لوڈ ہوتا ہے۔ آپ کا build، آپ کا bundler، اور آپ کی passthrough کاپیاں کبھی نہیں جانتے کہ وہ موجود ہے۔

تیار جب آپ کا صفحہ ہو

مفت مہینے میں 150 لین دین کو شامل کرتا ہے۔ سائن اپ کرنے کے لیے کوئی کارڈ نہیں۔