Scriptorium · V

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

Webflow をデザインのために Webflow をデザインするために保ってください。ボタンは支払いをもたらし、それはレイアウト内の他の要素のようにその場所を継承します。

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

サイト設定でカスタムコードを開き、[ヘッドコード]フィールドにスクリプトタグを貼り付けます。保存して公開します。これでサイト全体に読み込まれます。

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

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

販売するページで、埋め込み要素をドロップしてボタンを内側に貼り付けます。キャンバスの上にあるように位置やサイズを作成してください。

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

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

Webflow は有料サイトプランを使用しているサイトでのみカスタムコードを実行します。無料ステージングドメインではヘッドコードが休止状態です。公開された有料サイトで結果を判断してください。

デザイナーはグレーブロックとして埋め込みをレンダリングします。実際のボタンは公開ページに表示されるため、その周りのスペースをスタイル設定してから公開して確認します。

ボタンは独自のチェックアウトです。プレーン CMS または静的サイトプラン。Webflow E コマースは請求から完全に出たままにできます。

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