Scriptorium · IX

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

Notion 自体ではカスタムコードは実行されません。ボタンはそれを追加するホストが必要です。Super や Simple.ink などのツールは Notion ページを公開し、コードをドロップできます。それらの1つで、ボタンは他の場所と同じように機能します。

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

ホストのサイト全体コード設定で、スクリプトタグを1回追加してください。Super では [設定]、[コード]です。Simple.ink では、サイドバーのカスタムコードパネルです。

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

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

ボタンが必要な場所で、Notion コードブロックを追加します。Super では、最初の行に super-embed: を入れてから、その下にボタンを置きます。Simple.ink では、2つの #EMBED 行の間にボタンをラップします。ホストはそのブロックをライブボタンに変えます。

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

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

Notion から直接公開されたサイトはカスタムコードを実行できません。Super や Simple.ink などのホストがその能力を追加するものです。

ボタンをテキストのようにページに貼り付けることはしません。Notion コードブロックに、ホストのマーカーを使用して入れます。Super の場合は super-embed: 、または Simple.ink の場合は #EMBED です。ホストはそこからそれをレンダリングします。

Simple.ink には無料ティアがあります。ボタンをセットアップして、誰にも支払うことなくテスト販売を取ることができます。Super は同じことをするための試用版を提供しています。

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