आपके द्वीप में जोड़ा गया शून्य JavaScript
यह कोई फ्रेमवर्क कंपोनेंट नहीं है, तो इसे कोई client:load की ज़रूरत नहीं है और कभी आपके बंडल आँकड़ों में दिखाई नहीं देता है। स्क्रिप्ट टैग ब्राउज़र में आपके HTML के बाद अपना काम करता है।
Scriptorium · I
अपनी Astro साइट पर एक बाय बटन जोड़ें
आपको कोई एकीकरण पैकेज, कोई क्लायंट निर्देश, या कोई द्वीप की ज़रूरत नहीं है। बटन सादा HTML है जो आपकी स्टैटिक बिल्ड के साथ भेजा जाता है, जो सबसे Astro-आकृति वाली चीज़ है जो एक भुगतान विजेट हो सकती है।
स्क्रिप्ट टैग एक बार जोड़ें
स्क्रिप्ट टैग को अपने बेस लेआउट के हेड में रखें, अधिकांश प्रोजेक्ट में src/layouts/Layout.astro। हर पेज जो लेआउट का उपयोग करता है वहाँ से बटन रेंडर कर सकता है।
---
// 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 पेज या कंपोनेंट के बॉडी में चिपकाएं। 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 और कंटेंट कलेक्शन
लेआउट के माध्यम से रेंडर किए गए पेज पहले से स्क्रिप्ट रखते हैं। MDX कंटेंट के अंदर से बेचने के लिए, एक ही बटन HTML सीधे फ़ाइल में चिपकाएं।
स्टैटिक, SSR, हाइब्रिड: सब ठीक है
बटन परवाह नहीं करता कि HTML कैसे बनाया गया था। अगर पेज ब्राउज़र तक पहुँचता है, तो यह बेचता है।
जब आपका पेज तैयार हो
फ्री महीने में 150 लेनदेन को कवर करता है। साइन अप करने के लिए कोई कार्ड नहीं।