Docsコンテンツ作成
ヒーロー（ビジネス）
分譲団地、カンファレンスなどビジネステンプレートの最初の画面（ヒーロー）セクションを設定する方法をご紹介します。
4 min read
2026-07-02
ヒーロー（ビジネス）
訪問者がページにアクセスしたときに最初に目にする画面です。分譲団地名、キーメッセージ、申し込みスケジュールのカウントダウン、申し込みボタンを1画面にまとめて配置できます。
ヒーロー（ビジネス）とは？
- ビジネステンプレート専用: 分譲、カンファレンスなど
heroBusinessセクションを使用するカテゴリ共通のヒーロー - ブランド表示: 上部ナビゲーションに表示される施行会社／ブランド名
- カウントダウン: 申し込み受付・モデルハウスオープンなど目標日時までの残り時間を表示
- CTAボタン: 申し込みセクション（モデルハウス見学予約など）へ直接つながるボタン
ヒーロー（ビジネス）を設定する
エディタで設定する
- 編集画面左側で ヒーロー（ビジネス） セクションを追加
- 以下の項目を設定します。
| 設定項目 | 説明 |
|---|---|
| ブランド名（上部nav） | 例：「○○ザイ・新規分譲」 |
| サブタイトル（nav） | 施行会社名など（任意、レイアウトにより表示） |
| Eyebrow（上部バッジ） | 例：「1順位申し込み・6月12日」 |
| Title（メインタイトル） | 団地名などキーフレーズ（必須） |
| Subtitle（強調ライン） | 補助フレーズ（レイアウトにより表示） |
| Description（一行紹介） | 団地紹介の一行文 |
| 情報チップ（日時・場所・規模） | ラベル／値のペアで最大6個 |
| カウントダウン | 申し込み・オープンの目標日時 |
| 背景画像 | 共通背景（モバイル／デスクトップ未指定時のフォールバック） |
| CTAボタン | Primary／Secondaryラベル＋リンク先セクション |
| テキストスタイル | 色／配置／タイトル・サブタイトルのサイズ |
情報チップ
ヒーロー下部に「日時・場所・規模」のような短い情報を、ラベル／値のペアで最大6個まで追加できます。
例：
- ラベル「位置」／値「京畿道水原市霊通区」
- ラベル「規模」／値「全478世帯」
- ラベル「申し込み日」／値「2026.05.12」
カウントダウン
カウントダウン表示をオンにすると、申し込み受付日やモデルハウスオープン日までの残り時間がリアルタイムで表示されます。日付と時刻をあわせて指定できます。
カウントダウンは申し込み受付開始だけでなく、モデルハウスオープン、契約締切など、どのような目標日時にも活用できます。
CTAボタン
Primaryボタン（例：「見学予約する」）とSecondaryボタン（レイアウトにより表示）を、それぞれ任意のセクションへリンクできます。リンク先はページ内の他のセクションから選択します。モデルハウス見学予約セクションがある場合は、自動的に優先的に接続されます。
背景画像
基本の背景画像を1枚登録すると、すべての画面に共通で表示されます。レイアウトによっては、モバイル（縦）／デスクトップ（横）の背景を個別に指定することもできます。
お困りですか？
ヒーロー（ビジネス）の設定についてご不明な点がございましたら、**お問い合わせ**までお問い合わせください！