すべてのテンプレート言語が機能します
ボタンはダッシュ属性を持つプレーン HTML であり、すべての Eleventy 言語が逐語的に発行します。エスケープするものはなく、構成するものはありません。
Scriptorium · III
Eleventy サイトに買うボタンを追加
Eleventy はあなたがそれを手に HTML を発行します。ボタンは HTML です。このガイドは短いです。回避する何もないからです。
スクリプトタグを1回追加
スクリプトタグをベースレイアウトのヘッドに追加します。通常 _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>ダッシュボードで製品に名前を付ける
プロジェクトを開き、[製品]タブに切り替えて、製品を追加します：選択した参照、名前、価格、通貨。ここからダッシュボード実際のプロジェクトID でこのページの両方のブロックを書きます。以下に示す内容は形状です。
ボタンを販売する場所に置く
ボタンを任意のテンプレート Nunjucks、Liquid、WebC、またはマークダウンコンテンツに貼り付けます。Eleventy は デフォルトでマークダウン内のインライン HTML を渡します。
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>パブリック。ボタンはページでレンダリングされ、購入者が最初にクリックするときに支払いピッカーが読み込まれます。各追加製品は異なる参照とラベルを持つ同じブロックです。
これらに注意してください
パイプラインはあなたのままです
スクリプトは表示時に CDN から読み込まれます。ビルド、バンドラー、およびパススルー コピーはそれが存在することを決して知りません。