Cal.com の埋め込み - Timothe

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

前提条件

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

埋め込みコードの取得

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

設定

ダッシュボードの エージェント設定 > アクション > アクションを追加 > 埋め込みコード を選択し、以下のように設定します。

項目	値の例
ラベル	日程を予約する
コード	以下の埋め込みコード

<!-- 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 -->