Scriptorium · III

अपनी Eleventy साइट पर एक बाय बटन जोड़ें

Eleventy जो भी HTML आप इसे देते हैं, किसी भी टेम्पलेट भाषा में उत्सर्जन करता है। बटन HTML है। यह गाइड छोटा है क्योंकि काम करने के लिए कुछ भी नहीं है।

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

अपने बेस लेआउट के हेड में स्क्रिप्ट टैग जोड़ें, आमतौर पर _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 में इनलाइन HTML को पास करता है।

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

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

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

हर टेम्पलेट भाषा काम करती है

बटन सादा HTML डैश किए गए विशेषताओं के साथ है, जो हर Eleventy भाषा शब्दशः उत्सर्जन करता है। कुछ भी बचाने के लिए नहीं, कुछ भी कॉन्फ़िगर करने के लिए नहीं।

आपकी पाइपलाइन आपकी रहती है

स्क्रिप्ट हमारे CDN से व्यू समय पर लोड होता है। आपकी बिल्ड, आपका बंडलर, और आपकी पास-थ्रू कॉपी कभी नहीं जानते कि यह अस्तित्व में है।

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

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