UTAGEのLPの作り方
テンプレートから公開までの手順

しらかわ（株式会社Glenn）｜2026年10月18日更新

UTAGEのページ編集画面 — 実際のページ編集画面。PCとスマホの見え方を切り替えながら編集できます

UTAGEのLPは、ファネルを作り、テンプレートを選び、文言と画像を差し替えるだけで形になります。

ただし、作り始める前に「誰に何を売るか」を決めておかないと、きれいでも売れないページになります。

項目	内容
作る場所	【ファネル】→ ページ一覧
テンプレート	あり（ファネル単位・ページ単位）
ページの組み立て	セクション → 行 → 要素
使える画像形式	JPEG・PNG・GIF・WebP（軽くするならWebP）
公開するURL	UTAGEのURL、または独自ドメイン（サブドメインのみ）

出典：UTAGEマニュアル

初期費用0円。UTAGEは14日間、無料で試せます。

UTAGEの14日間無料体験に申し込むこのボタンから申し込むと特典11個が自動で届きます

特典はメールで自動で届きます（特典11個の中身を見る）

作る前に決めること

出発点はLPではなく「商品の設計」です。

構築の相談で多いのが、LPやLINEから作り始めて、あとで中身とずれてしまうケースです。逆の順番で作ると軸がずれます。

決めること	例
誰に	整体院を開業して3年目の先生
何を約束するか	LINEで予約が自動で入るようになる
次に何をしてほしいか	LINE登録 → 個別相談の予約

LPを作る手順

ファネル → ページ → 編集、の3段です。

順番	やること
1	【ファネル】→【+追加】→ テンプレートの【詳細】→【このファネルを追加する】
2	ページ一覧の【+追加】でページを足す（テンプレートを選べる）
3	「ページ」タブの【編集】で文言と画像を差し替える
4	PC/SPを切り替えて、スマホの見え方を確かめる
5	保存して、プレビューで最終確認

出典：UTAGEマニュアル（ファネル追加・ページ追加・ページ編集）

よく使う要素

登録フォームと、LINE友だち追加ボタンがあれば始められます。

要素	使いみち
登録フォーム	メールアドレスを集めて、シナリオに登録する
LINE友だち追加ボタン・QRコード	LINE登録へつなぐ
ボタン	リンク・ページ内の移動（画像にもできる）
決済フォーム・購入ボタン	その場で購入してもらう
画像・動画	横幅いっぱいにするなら、ページ幅100%＋セクションの左右余白0

LPに使う画像の推奨サイズは、UTAGEマニュアルには載っていません。表示幅（セクション幅は100%か800〜1200px）に合わせて用意します。

独自ドメインで公開する

使えるのはサブドメインだけです（例：sub.あなたのドメイン）。

順番	やること
1	ドメインを取得し、DNSを操作できるサーバーを用意する
2	UTAGEの【独自ドメイン管理】でサブドメインを追加する
3	サーバー側でCNAMEを設定する
4	ステータスが「利用可能」になったら使える

出典：UTAGEマニュアル（独自ドメイン）。UnivaPay連携のあとに独自ドメインを足した場合は、アプリトークンの作り直しが必要です。

UTAGEの独自ドメイン管理画面 — 独自ドメイン管理画面。「利用可能」になったドメインでページを公開できます

テンプレートは、無料期間中にすべて試せます。

UTAGEの14日間無料体験に申し込むこのボタンから申し込むと特典11個が自動で届きます

特典はメールで自動で届きます（特典11個の中身を見る）

よくある質問

LPづくりで、よく聞かれることです。

HTMLやデザインの知識は必要ですか？

テンプレートの文言と画像を差し替えるだけなら不要です。

ルートドメイン（www無しのドメイン）で公開できますか？

できません。UTAGEの独自ドメインはサブドメインの形式のみです（UTAGEマニュアル）。

作ったLPの数に上限はありますか？

スタンダードプランは、ファネルとページの数が無制限です（UTAGE公式の紹介ページ）。

LPづくりを任せることはできますか？

できます。UTAGE構築代行とは？をご覧ください。

書いた人：しらかわ

株式会社Glenn 代表。UTAGE構築・LINE構築の支援は50社以上。オンライン講座・コンサルの「売れる仕組み」をUTAGEで作っています。

あわせて読みたい

機能別の使い方の記事

ほかのテーマ

出典：UTAGEマニュアル https://help.utage-system.com/archives/2163 ・https://help.utage-system.com/archives/1537 ・https://help.utage-system.com/archives/1562 ・https://help.utage-system.com/archives/19013 ・https://help.utage-system.com/archives/3310 ・https://help.utage-system.com/archives/8994 ・https://help.utage-system.com/archives/23805 ・https://help.utage-system.com/archives/13306 ／ UTAGE公式の紹介ページ https://utage-system.com/p/eE3oLZbDaYUj ／作る順番：構築支援の記録／ 2026年10月18日に確認

UTAGE 14日間無料
特典11個が自動で届く

無料で試す