Scriptorium · XII

एक सादा HTML साइट पर एक बाय बटन जोड़ें

यहाँ कोई फ्रेमवर्क नहीं है और इंस्टॉल करने के लिए कुछ नहीं है। बाय बटन HTML है, इसलिए एक सादा HTML पेज सबसे सरल जगह है जहाँ यह रह सकता है। आप हेड में एक लाइन और एक ब्लॉक जोड़ते हैं जहाँ आप बेचते हैं।

स्क्रिप्ट टैग एक बार जोड़ें

स्क्रिप्ट टैग को अपने पेज के हेड के अंदर रखें। अगर आपकी साइट एक से अधिक पेज है, तो इसे उस प्रत्येक पेज के हेड में जोड़ें जो बेचता है, या साझा हेडर फ़ाइल में अगर आप एक का उपयोग करते हैं।

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

अपने डैशबोर्ड में प्रोडक्ट का नाम रखें

अपनी प्रोजेक्ट खोलें, Products टैब पर स्विच करें, और प्रोडक्ट जोड़ें: एक संदर्भ जिसे आप चुनते हैं, एक नाम, एक कीमत, एक मुद्रा। यहाँ से डैशबोर्ड अपनी असली प्रोजेक्ट ID के साथ इस पेज पर दोनों ब्लॉक लिखता है। आप जो नीचे देखते हैं वह आकार है।

जहाँ आप बेचते हैं वहाँ बटन रखें

बटन को बॉडी में चिपकाएं जहाँ आप चाहते हैं कि यह दिखाई दे। ब्राउज़र इसे जगह में रेंडर करता है, और भुगतान पिकर पहली बार लोड होता है जब कोई ख़रीदार इसे क्लिक करता है।

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

प्रकाशित करें। बटन पेज के साथ रेंडर होता है, और भुगतान पिकर पहली बार लोड होता है जब कोई ख़रीदार इसे क्लिक करता है। हर अतिरिक्त प्रोडक्ट एक अलग संदर्भ और लेबल के साथ एक ही ब्लॉक है।

इन के लिए ध्यान देखें

कोई बिल्ड स्टेप नहीं, कोई समस्या नहीं

आपको npm, एक bundler, या एक फ्रेमवर्क की आवश्यकता नहीं है। फ़ाइल को सेव करें, अपलोड करें, और बटन अगली बार पेज लोड होने पर काम करता है।

इसे पेजेज़ में पुनः उपयोग करें

कई पेजेज़ से बेच रहे हैं? स्क्रिप्ट टैग को एक साझा हेडर में रखें और बटन ब्लॉक को चिपकाएँ जहाँ आपको इसकी आवश्यकता है। हर प्रोडक्ट एक अलग संदर्भ और लेबल के साथ एक ही ब्लॉक है।

किसी भी होस्ट पर काम करता है

GitHub Pages, एक object-storage bucket, एक सस्ता साझा होस्ट, आपके अपने सर्वर पर एक फ़ोल्डर: अगर यह एक HTML फ़ाइल सेवा करता है, तो यह बेच सकता है। आपकी ओर से कुछ भी नहीं चलता है।

जब आपका पेज तैयार हो

फ्री महीने में 150 लेनदेन को कवर करता है। साइन अप करने के लिए कोई कार्ड नहीं।