【初心者向け】UTAGE×AIで個別相談LPを作る方法｜実際の指示文つきで3ステップ解説

STEP 1｜ファネルを新規作成する

Claudeを開いて指示を入力する

Claudeを開き、「UTAGEで新LPという名前のファネルを作って」と指示を出します。
※ファネル名は自分のわかりやすい名前にしてください。

AIがファネルを自動で作成する

送信すると「はい、作成します！」と返答があり、UTAGEと連携してファネルの作成処理が始まります。
「新LP」ファネルの作成が完了しました！という表示が出れば成功です。

UTAGEのファネル一覧を確認すると、新しいファネルが追加されているのがわかります。

ここで作成されるのはページの「器」です。中身の文章は次のSTEPで反映させます。

STEP 2｜ClaudeでLPを作成して、個別相談LPを設置する

ClaudeでLP文章をHTML形式で作成する

続いてClaudeで、個別相談LPの文章をHTML形式で作成します。
以下の指示文を参考にしてください。

以下の条件で、無料個別相談の申し込みLPをHTML形式で作成してください。

【ターゲット】（例：副業でコーチングを始めたい会社員）
【サービス名】（例：はじめての副業コーチング無料個別相談）
【相談時間】（例：60分）

【提供できる価値】（例：副業の方向性と最初の一歩が明確になる）
【イメージ】あたたかみのあるページベージュ色を使用
【含めるセクション】
・キャッチコピー（ファーストビュー）
・こんな方におすすめ（悩み・共感）
・相談で得られること
・プロフィール
・実績
・相談の流れ
・所要時間
・よくある質問（3問）
・申し込みボタン（CTAセクション）

HTMLファイルとして出力してください。

UTAGEのページに入れ込む指示をする

ClaudeでできたHTMLファイルが完成したら、「新LPに無料個別相談LPを設置して」と指示を出します。
今回はClaudeの別チャットで作成したサンプルのHTMLを添付する形にしました。

ポイントは「どのファネルに設置するか」をちゃんと指示文に含めること。
「新LPに」という一言があるだけで、AIが設置先を正しく判断してくれます。

AIがページを自動で作成する

「設置完了しました！」という表示が出れば成功です。

UTAGEで確認すると無料個別相談ページができています。

STEP 3｜UTAGEでイベントを作成してボタンに紐付ける

なぜイベントの紐付けが必要なのか

STEP 2の時点では、申し込みボタンの先に何も設定されていない状態です。ボタンを押しても「どこにも飛ばない」という状況になっています。

今回はイベント連携の一番簡単な方法をご紹介します。

UTAGEでイベントを作成する

①UTAGEの管理画面からイベント作成画面を開いて、新しいイベントを作成します。

②今回は個別相談なので、種類は個別相談にしてイベントを作成します。

設定する主な項目はこちらです。

• イベント名（例：個別相談）
• 参加費
• 連携アカウント
• リマインダ送信者名
• リマインダ送信者メールアドレス

③作成したイベントを開き、日程設定から詳細の設定を行います。
設定する主な項目はこちらです。

• 基本設定
• 担当者設定
• Zoom連携 / Google Meet連携
• 日程設定

④フォームを開き、開いたページのURLをコピーします。

Claudeでボタンとイベントを連携させる

Claudeに戻って、以下のように指示します。
イベントのURL（先ほどコピーしたもの）と申込ボタンを連携させます。

無料個別相談LPの申込ボタンをイベントの〇〇（イベント名）https://utage-system.com/event/〇〇〇〇 に連携させたい

※イベント名とURLはご自身のものに置き換えてください。

「イベント名＋URL」をセットで指示することで、AIが正しいボタンに正しいURLを紐付けてくれます。
URLだけ貼っても動きますが、イベント名も一緒に書いておくと認識のズレが起きにくいのでおすすめです。

LPを開き申込できるかを確認して完成

最後に、実際に自分で操作して全体の流れが正しく動くか確認します。

1. 無料個別相談LPを開く
2. 申し込みボタンをクリックする
3. UTAGEのイベントページ（予約画面）に正しく飛ぶか確認する
4. 予約操作が正常に完了するか確認する

ここまで確認できれば完成です。「LPを見た人が、そのまま個別相談を予約できる」導線が一本でつながった状態になります。

▼　▼　▼