Scriptorium · VII

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

Framer でページを設計し、ボタンで販売します。サイト設定で1つのペーストとキャンバスで1つの埋め込みコンポーネント、およびデザインはまさにあなたです。

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

サイト設定でカスタムコードを開き、スクリプトタグをヘッドに読み込まれるセクションに貼り付けます。公開して有効にします。

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

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

ページに埋め込みコンポーネントをドロップ、HTML を選択、ボタンを貼り付けます。公開する前に、フレームをおおよそボタンサイズに描きます。

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

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

Framer は有料サイトプランでカスタムコードと埋め込みを実行します。無料サイトでは、公開されたページはボタンを表示しません。

0ボタンの高さで左フレームはボタンを完全に非表示にします。埋め込みに明示的なサイズを与え、ページが読み込まれている間レイアウトを保持します。

Framer の HTML 埋め込みは、ドキュメントリストが確認済みの表面の1つです。

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