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

前提条件

  • Calendly アカウント
  • 公開済みのイベントタイプ

埋め込みコードの取得

  1. Calendly にログイン
  2. 対象の イベントタイプ を開く
  3. 共有 ボタンをクリック
  4. ページに追加 タブを選択
  5. インラインで埋め込み のコードをコピー

設定

ダッシュボードの エージェント設定 > アクション > アクションを追加 > 埋め込みコード を選択し、以下のように設定します。
項目値の例
ラベルミーティングを予約する
コード以下の iframe コード
<iframe
  src="https://calendly.com/your-name/30min"
  width="100%"
  height="500"
  frameborder="0"
></iframe>
Calendly の埋め込みウィジェット(JavaScript SDK)を使う方法もありますが、iframe 形式が最もシンプルに設定できます。