この記事では、Gemini・Claude・ChatGPTなど外部のAIで作ったLP（ランディングページ）を、そのままClickFunnelsに持ってくる方法を解説します。
HTMLコードをコピペするだけで、ページ丸ごと一発変換できます。
こんにちは、下坂栄里子です。
今回はClickFunnelsを使って、AIで作ったLP（ランディングページ）をそっくりそのままClickFunnelsに持ってくるやり方を解説します。
AIで売れるLPを生成する実装ステップはこちらの記事でも詳しく解説しています。
BarnumPTというツールを使う
実はこれ、「BarnumPT」というClickFunnelsが開発したツールの中にある機能です。ClickFunnelsにそのままインポートできる仕組みがあるので、これを使っていきます。
BarnumPTの拡張機能を入れると、メニューの中に「HTMLをインポート」という項目が出てきます。
なぜこのやり方が画期的なのか
ClickFunnelsの中にもAI機能があり、そこでLPを作ることはできます。ただ今回は、ClickFunnels内のAIではなく、Gemini・Claude・ChatGPTといった外部のAIでLPを作り、それをClickFunnelsに持ってくる方法を紹介します。
これまでは、外部で作ったLPがどんなに良い出来でも、ClickFunnelsにそのまま持ってくることができませんでした。ページを1つ作るには、ボックスを一つひとつ手作業で追加していく必要があったんです。
このやり方を使えば、HTMLのコードを貼り付けるだけで、ClickFunnelsの形に一発で変換してくれます。ファネルをClickFunnelsで作ったことがある方なら、これがどれだけ画期的か分かっていただけると思います。
外部のAIにデザインを考えてもらう
今回はGeminiを使って実演してみます。オンライン講座のストアフロントデザインを作ってほしい、という指示を出してみました。
指示を出すと、ヒーローセクションなどを含めたデザイン案を考えてくれました。
BarnumPTのHTMLインポート機能
BarnumPTのページには使い方が説明されています。Claude・ChatGPTなど好きなAIでプロンプトを使ってページを作成し、AIが返してくれたHTMLコードをBarnumPTでClickFunnelsに貼り付ける、という流れです。
GeminiがMDファイルを出力してくれたら、まずそれをダウンロードします。そして、そのまま貼り付けてエンターを押すと、少し考えたあとにHTMLのコードがずらっと出てきます。ぱっと見ではよく分からないコードですが、これをそのままコピーします。
ClickFunnelsに新しいページを作る
ClickFunnels側で新しいページを作成し、編集画面を開きます。まっさらな状態のページが表示されたら、BarnumPTを開いて「HTMLをインポート」を選び、先ほどコピーしたコードを貼り付けます。
「ClickFunnelsに送信」を押すと、変換が始まります。AIで作ったものがうまくいくとワクワクする瞬間ですが、今回はどうなるでしょうか。
完成したページを確認する
出来上がったページを見てみると、Geminiが考えてくれたデザインがそのままClickFunnelsのページとして反映されていました。シンプルで、まさにイメージ通りのものが出来上がりました。
こんな方におすすめ
Webデザインの専門家ではない方だと、いろいろなデザインを見て目移りしてしまったり、パッと作りたいのになかなか納得のいくデザインにならなかったりすることがあると思います。今回のようにAIを使ってデザインを考えてもらい、それをそのままClickFunnelsに持ってくれば、スピーディーに理想に近いページを作ることができます。
ClickFunnels内のAIはもちろん使えますが、外部のAIで作ったものをどうClickFunnelsに持ってくればいいか分からない、という方も多いはずです。ぜひBarnumPTの「HTMLをインポート」機能を活用してみてください。
AI生成HTMLを崩さずに移植するコツはこちらの記事でも解説しています。
ファネルデザイナー® 下坂栄里子でした。
SNSをやめても、あなたの知識は売れ続けます。
眠っている間に世界中で売れ続ける仕組み「5つのデジタル導線」の作り方を、16分の無料動画で公開中です。
▶︎ 無料動画を視聴する