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>

আপনার ড্যাশবোর্ডে পণ্য নাম দিন

আপনার প্রকল্প খুলুন, পণ্য ট্যাবে স্যুইচ করুন এবং পণ্য যোগ করুন: একটি রেফারেন্স আপনি চয়ন করেন, একটি নাম, একটি মূল্য, একটি মুদ্রা। এখানে থেকে ড্যাশবোর্ড এই পৃষ্ঠায় উভয় ব্লক আপনার প্রকৃত প্রকল্প আইডি সঙ্গে লেখে। আপনি নীচে দেখেন আকার হয়।

যেখানে আপনি বিক্রি বোতাম স্থান

যেকোনো টেমপ্লেট মধ্যে বোতাম পেস্ট করুন: Nunjucks, তরল, 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 ভাষা verbatim নির্গত। কিছু এস্কেপ করার জন্য কিছু কনফিগার করতে।

আপনার পাইপলাইন আপনার থাকে

স্ক্রিপ্ট দেখুন সময় আমাদের CDN থেকে লোড। আপনার বিল্ড, আপনার bundler এবং আপনার passthrough অনুলিপি এটি কখনও জানতে না।

যখন আপনার পৃষ্ঠা প্রস্তুত

বিনামূল্যে প্রতি মাসে 150 লেনদেন কভার করে। সাইন আপ করতে কোনো কার্ড।