Scriptorium · II

Hugo サイトに買うボタンを追加

ベーステンプレートに1行と販売する場所に1ブロックを追加します。ビルドは遅くなりません。ビルドについて何も変わらないからです。

スクリプトタグを1回追加

スクリプトタグをベーステンプレートのヘッドに追加します。ほとんどのテーマで layouts/_default/baseof.html 、またはテーマ1つを保持している場合はヘッド部分。

<!-- layouts/_default/baseof.html -->
<head>
  <meta charset="utf-8" />
  <title>{{ .Title }}</title>
  <script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
    crossorigin="anonymous"
    defer></script>
</head>

ダッシュボードで製品に名前を付ける

プロジェクトを開き、[製品]タブに切り替えて、製品を追加します:選択した参照、名前、価格、通貨。ここからダッシュボード実際のプロジェクトID でこのページの両方のブロックを書きます。以下に示す内容は形状です。

ボタンを販売する場所に置く

ボタンを任意のテンプレートまたは部分に貼り付けます。マークダウンコンテンツ内に配置するには、最初に インラインHTML を許可します(余白のメモを参照)。

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

パブリック。ボタンはページでレンダリングされ、購入者が最初にクリックするときに支払いピッカーが読み込まれます。各追加製品は異なる参照とラベルを持つ同じブロックです。

これらに注意してください

Goldmark はデフォルトで生 HTML を食べます

Hugo はマークダウンからインライン HTML を削除します。マークダウン を設定しない限り、markup.goldmark.renderer.unsafe = true をサイト設定に配置します。テンプレートと部分のボタンは設定が必要ありません。

それを部分にする

多くのページから販売していますか?ボタンをパラメータとして製品参照とラベルを取る部分またはショートコードでラップします。1つの定義、カタログ全体。

確認済みリストに

Hugo は、ドキュメントが確認済みとして リストするプラットフォームの1つです。このセットアップは正確にテストされています。

ページの準備ができたら

無料は月に150トランザクションをカバーします。サインアップするカードはありません。