メインコンテンツへスキップ
Cal.com の予約ページをウィジェット内に埋め込み、エンドユーザーがその場で日程予約できるようにします。

​
前提条件

  • Cal.com アカウント
  • 公開済みのイベントタイプ

​
埋め込みコードの取得

  1. Cal.com にログイン
  2. 対象の イベントタイプ を開く
  3. 設定から 埋め込み を選択
  4. 設定から 埋め込み を選択
  5. インライン埋め込み形式のコードをコピー

​
設定

ダッシュボードの エージェント設定 > アクション > アクションを追加 > 埋め込みコード を選択し、以下のように設定します。
項目値の例
ラベル日程を予約する
コード以下の埋め込みコード
<!-- Cal inline embed code begins -->
<div style="width:100%;height:100%;overflow:scroll" id="xxxx"></div>
<script type="text/javascript">
  // code...
</script>
<!-- Cal inline embed code ends -->