Coin Moebius
Scriptorium · XII

プレーン HTML サイトに買うボタンを追加

ここにフレームワークはなく、何もインストールすることはありません。買うボタンは HTML なので、プレーン HTML ページはそれが着地できる最もシンプルな場所です。head に1行、売る場所に1ブロックを追加します。

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

スクリプトタグをページの head の内側に置きます。あなたのサイトが1ページ以上なら、売るページそれぞれの head に追加するか、共有ヘッダーファイルを使うならそこに。

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

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

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

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

ボタンをそれが現れるべき場所に body に貼り付けます。ブラウザはそれをその場でレンダリングします。支払いピッカーは買い手が最初にクリックするときに読み込まれます。

<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。オブジェクトストレージバケット。安いホスト。あなた自身のサーバー上のフォルダ。HTML ファイルを提供するなら、売ることができます。あなたのサイドでは何も動きません。

ページの準備ができたら

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

無料で開始買うボタン、属性ごと