予約ウィジェット — AddagioをあなたのWebサイトに追加

お客様が自社サイトで直接予約できるようにしましょう。Addagioウィジェットには2つのモードがあります。ポップアップで予約ページを開くフローティングボタンと、ページ内に直接表示されるインラインフォームです。

2ステップで設定完了

1. ダッシュボード → 設定の「予約URL」でスラッグを確認します。addagio.io/book/ の後の部分です。
2. Webサイトの閉じタグ </body> の直前にコードスニペットを貼り付けます。

フローティングボタン + ポップアップ

サイトの隅に「予約する」ボタンが表示されます。クリックすると予約ページがオーバーレイで開き、お客様はサイトを離れずに予約できます。

<script>
var addagioWidget = {
  slug: 'your-business-slug',
  buttonText: 'Book Now',
  color: '#C67B5C',
  position: 'right'
};
</script>
<script src="https://addagio.io/widget.js" async></script>

インライン予約フォーム

予約フロー全体(サービス、カレンダー、決済)がページレイアウト内に直接表示されます。Calendlyのインラインウィジェットのように、フォームを表示したい場所に空のdivを追加するだけです。

<div data-addagio-inline="your-business-slug">
  <a href="https://addagio.io/book/your-business-slug">Book online — Addagio</a>
</div>
<script src="https://addagio.io/widget.js" async></script>

インラインフレームはコンテンツに合わせて自動的に高さを調整します。スクロールバーや固定の高さは不要です。1ページに複数のフォームを設置できます。

完全な技術リファレンス(全オプション、JavaScript API、プラットフォーム別ガイド) →

よくある質問