آپ کے جزیروں میں صفر JavaScript شامل
یہ framework جزو نہیں ہے، تو اسے client:load ضرور نہیں اور آپ کے bundle stats میں کبھی نہیں آتا۔ اسکرپٹ ٹیگ براؤزر میں اپنا کام کرتا ہے، آپ کے HTML کے بعد۔
Scriptorium · I
اپنی Astro سائٹ میں خریدیں بٹن شامل کریں
آپ کو کوئی انضمام پیکج، کلائنٹ directive، یا جزیرہ ضروری نہیں۔ بٹن سادہ HTML ہے جو آپ کے static بلڈ کے ساتھ شپ کرتا ہے، جو سب سے Astro شکل کی چیز ہے جو ادائیگی کے widget ہو سکتے ہیں۔
اسکرپٹ ٹیگ شامل کریں، ایک بار
اسکرپٹ ٹیگ اپنے base layout کے head میں رکھیں، اکثر منصوبوں میں src/layouts/Layout.astro۔ ہر صفحہ جو layout استعمال کرتا ہے تب سے بٹنوں کو رینڈر کر سکتا ہے۔
---
// src/layouts/Layout.astro
---
<html lang="en">
<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 کے ساتھ لکھتا ہے۔ جو آپ نیچے دیکھتے ہیں وہ شکل ہے۔
بٹن کو جہاں آپ بیچتے ہیں وہاں رکھیں
بٹن کو کسی بھی .astro صفحے یا جزو کے body میں پیسٹ کریں۔ Astro اسے تیار HTML میں منتقل کرتا ہے بغیر تبدیلی کے۔
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>شائع کریں۔ بٹن صفحے کے ساتھ رینڈر ہوتا ہے، اور ادائیگی کے پکٹر سے پہلی بار خریدار اسے کلک کرتے ہیں تو لوڈ ہوتا ہے۔ ہر اضافی منتج ایک جیسے بلاک ہے جس میں ایک مختلف حوالہ اور لیبل ہے۔
ان سے محتاط رہیں
MDX اور content collections
layout کے ذریعے رینڈر کیے جانے والے صفحات پہلے سے script رکھتے ہیں۔ MDX مواد کے اندر سے بیچنے کے لیے، ایک جیسے بٹن HTML براہ راست فائل میں پیسٹ کریں۔
Static، SSR، hybrid: سب ٹھیک ہے
بٹن کو اس سے پرواہ نہیں کہ HTML کیسے تیار کیا گیا۔ اگر صفحہ براؤزر تک پہنچتا ہے تو وہ بیچتا ہے۔
تیار جب آپ کا صفحہ ہو
مفت مہینے میں 150 لین دین کو شامل کرتا ہے۔ سائن اپ کرنے کے لیے کوئی کارڈ نہیں۔