Docs콘텐츠 만들기
히어로(비즈)
분양 단지, 컨퍼런스 등 비즈니스 템플릿의 첫 화면(히어로) 섹션을 설정하는 방법을 알아보세요.
5 min read
2026-07-02
히어로(비즈)
방문자가 페이지에 접속했을 때 가장 먼저 보는 첫 화면입니다. 분양 단지명, 핵심 메시지, 청약 일정 카운트다운, 신청 버튼을 한 화면에 담을 수 있습니다.
히어로(비즈)란?
- 비즈니스 템플릿 전용: 분양, 컨퍼런스 등
heroBusiness섹션을 쓰는 카테고리 공통 히어로 - 브랜드 표시: 상단 내비게이션에 표시될 시행사/브랜드명
- 카운트다운: 청약 접수·모델하우스 오픈 등 목표 일시까지 남은 시간 표시
- CTA 버튼: 신청 섹션(모델하우스 방문예약 등)으로 바로 연결되는 버튼
히어로(비즈) 설정하기
에디터에서 설정
- 편집 화면 왼쪽에서 히어로(비즈) 섹션 추가
- 다음 항목을 설정:
| 설정 | 설명 |
|---|---|
| 브랜드명 (상단 nav) | 예: "○○자이 · 신규분양" |
| 소제목 (nav) | 시행사명 등 (선택, 레이아웃에 따라 노출) |
| Eyebrow (상단 배지) | 예: "1순위 청약 · 6월 12일" |
| Title (메인 타이틀) | 단지명 등 핵심 문구 (필수) |
| Subtitle (강조 라인) | 보조 문구 (레이아웃에 따라 노출) |
| Description (한 줄 소개) | 단지 소개 한 줄 |
| 정보 칩 (날짜·장소·규모) | 라벨/값 쌍으로 최대 6개 |
| 카운트다운 | 청약·오픈 목표 일시 |
| 배경 이미지 | 공통 배경 (모바일/데스크탑 미지정 시 fallback) |
| CTA 버튼 | Primary/Secondary 라벨 + 링크 대상 섹션 |
| 텍스트 스타일 | 색상 / 정렬 / 타이틀·서브타이틀 크기 |
정보 칩
히어로 하단에 "일시 · 장소 · 규모" 같은 짧은 정보를 라벨/값 쌍으로 최대 6개까지 추가할 수 있습니다.
예시:
- 라벨 "위치" / 값 "경기도 수원시 영통구"
- 라벨 "규모" / 값 "총 478세대"
- 라벨 "청약일" / 값 "2026.05.12"
카운트다운
카운트다운 표시를 켜면 청약 접수일이나 모델하우스 오픈일까지 남은 시간이 실시간으로 표시됩니다. 날짜와 시간을 함께 지정할 수 있습니다.
카운트다운은 청약 접수 시작뿐 아니라 모델하우스 오픈, 계약 마감 등 어떤 목표 일시로도 활용할 수 있습니다.
CTA 버튼
Primary 버튼(예: "방문 예약하기")과 Secondary 버튼(레이아웃에 따라 노출)을 각각 원하는 섹션으로 연결할 수 있습니다. 링크 대상은 페이지 내 다른 섹션 중에서 선택합니다. 모델하우스 방문예약 섹션이 있으면 자동으로 우선 연결됩니다.
배경 이미지
기본 배경 이미지 1장을 등록하면 모든 화면에 공통으로 표시됩니다. 레이아웃에 따라 모바일(세로)/데스크탑(가로) 배경을 따로 지정할 수도 있습니다.
도움이 필요하신가요?
히어로(비즈) 설정에 궁금한 점이 있으시면 **고객문의**으로 문의해주세요!