8. 홈페이지 빌더

대상: 병원장, 병원 관리자 (Owner / Admin)

목적

병원 소개, 의료진, 진료과목, 오시는 길, 예약 신청 등 환자가 보는 공개 랜딩페이지 를 AI 기반으로 자동 생성하고 사이드바에서 직접 편집·공개합니다.

별도 디자인/개발 없이 분위기 → 색상 → 강점 3가지만 선택 하면 한 페이지짜리 병원 홈페이지가 만들어지고, 좌측 사이드바의 드래그앤드롭 으로 의료진/진료과목/특징/FAQ 순서를 바꿀 수 있습니다.

8.1 홈페이지 빌더 들어가기

병원 페이지 좌측 사이드바 부가 기능 → 홈페이지 메뉴를 클릭합니다.

상단에는 홈페이지 공통 설정 이 있습니다. 이 조직의 모든 홈페이지에 동일하게 적용되는 항목입니다.

항목	설명
홈페이지 주소	공개 사이트가 사용할 서브도메인 (예: `www6.your-domain`) — 한 번 정해두면 모든 페이지가 공유
홈페이지 표시용 전화번호	비워두면 병원정보의 대표 전화번호가 그대로 사용됩니다
홈페이지 표시용 주소	비워두면 병원정보의 주소가 그대로 사용됩니다
로고 / 파비콘	헤더 로고와 브라우저 탭 아이콘. 기존에 운영 중인 사이트 URL을 입력하면 후보를 자동으로 가져옵니다 (베타)

💡 공통 설정이 먼저입니다. 페이지를 여러 개 만들 수 있지만 주소·전화·로고는 조직 전체에서 한 벌만 유지됩니다.

8.2 새 홈페이지 만들기 — 3 가지만 고르면 끝

"새 홈페이지" 버튼을 누르면 위저드가 열립니다.

1. 분위기 (Vibe)

전체 페이지의 톤을 결정합니다.

따뜻 — 부드러운 베이지/크림 톤. 가정의학·소아청소년·여성 클리닉에 잘 어울립니다.
모던 — 라이트 그레이. 깔끔하고 기본기에 충실한 톤.
프로페셔널 — 청량한 하늘색. 일반의·검진 센터에 적합.
럭셔리 — 짙은 차콜. 피부/성형·프리미엄 라인 톤.

2. 색상 (Primary Color)

버튼·강조 컬러로 사용됩니다. 사전 정의된 8가지(하늘/청록/초록/네이비/보라/금색/회색/진회색) 외에 직접 을 선택해 헥스 코드를 입력할 수도 있습니다.

3. 강점 (Strengths) — 최대 6개

진료/서비스의 특징을 6개 한도로 고릅니다.

최신 장비 · 비급여 명료화 · 전문 의료진 · 친절한 상담 · 접근성 좋음 · 합리적 비용
빠른 예약 · 야간 진료 · 주차 가능 · 비대면 상담 · 다국어 진료 · 정기 건강검진
+ 직접 입력 — 위 목록에 없는 강점을 직접 추가 (1개당 한 줄)

세 가지를 모두 채우면 우측 하단 "홈페이지 생성" 버튼이 활성화됩니다.

💡 카테고리 자동 반영: 병원정보의 카테고리(치과·한의원·산부인과·피부과·안과·정형외과·내과·소아과·이비인후과·비뇨기과·정신건강의학과·성형외과·가정의학과 등 13종)에 맞춰 LLM 프롬프트가 자동으로 조정됩니다. 같은 강점이라도 카테고리에 맞는 진료 항목·이미지 키워드·표현 톤이 생성되며, 의료광고법상 주의어도 카테고리별로 필터링됩니다.

생성에는 약 20–40초가 걸립니다. 끝나면 자동으로 CMS 편집 화면 으로 전환됩니다.

8.3 CMS 편집 화면 — 좌 사이드바 + 우 실시간 미리보기

화면 구성은 단순합니다.

영역	역할
상단	← 나가기 · 변경 표시(`변경없음`/`변경있음`) · `처음으로 되돌리기` · `저장` · `공개하기`
좌측 패널	페이지 메타(챗봇·SEO) + 섹션별 편집 항목 — 아코디언
중앙 패널	실시간 미리보기 — 섹션마다 끄기/켜기 토글, 텍스트는 더블클릭으로 직접 편집
우측 가이드	미리보기 섹션과 위치가 동기화되는 페이지 구조 안내 (히어로 → 소개 → 의료진 → …)

자주 쓰는 동작

저장: 명시적으로 저장 버튼을 눌러야 반영됩니다 (자동 저장 없음). 변경이 있으면 상단에 변경있음 배지가 표시됩니다.
공개하기: 슬러그가 정해진 상태에서 누르면 짧은 확인 다이얼로그(공개하시겠습니까?)가 뜨고 공개 를 누르면 즉시 반영됩니다. 이미 공개된 페이지에서 다시 누르면 비공개로 돌립니다.
처음으로 되돌리기: 마지막 저장 시점이 아닌 생성 직후 상태로 되돌립니다.
AI 배지: 텍스트 옆에 노란 AI 배지가 표시된 항목은 LLM이 자동 생성한 문구입니다. 직접 수정하면 배지가 사라집니다.

8.4 의료진 / 진료과목 / 특징 / FAQ — 드래그앤드롭 순서 변경

이 네 섹션은 좌측 사이드바에서 항목을 추가/삭제할 뿐 아니라 순서도 자유롭게 바꿀 수 있습니다.

조작법

좌측 사이드바에서 의료진 / 진료과목 / 특징 / FAQ 아코디언을 엽니다.
각 항목 왼쪽의 점 6개 핸들(⋮⋮) 을 마우스로 잡습니다.
위/아래로 드래그하면 순서가 바뀌고, 미리보기에 즉시 반영됩니다.

의료진 드래그 시 주의

의료진은 두 곳에서 노출됩니다.

상단 체크리스트 — 노출 여부 토글
하단 상세 폼 — 이름/직함/소개 입력

두 영역의 순서는 자동으로 동기화 됩니다. 어느 쪽에서 끌어도 같은 결과가 됩니다. 의료진별 사진 슬롯도 함께 따라 이동하므로 사진을 다시 올릴 필요는 없습니다.

💡 의료진 추가는 두 가지 방법: 사이드바의 + 멤버 외 추가 버튼으로 직접 입력하거나, + 의료진 추가 로 새 슬롯을 만들 수 있습니다. 등록된 직원을 자동으로 후보로 보여주지는 않습니다 (스텝노트 멤버 자료와는 분리되어 있습니다).

💡 기본 의료진 자동 채움: 새 페이지 생성 시 LLM이 의료진을 비워두면 1번 슬롯에 조직 소유자 이름 + 카테고리(전공) 가, 2·3번 슬롯에 플레이스홀더가 자동으로 채워집니다. 의료진 섹션이 빈 상태로 노출되지 않게 하기 위함이며, 그대로 두지 말고 본인 정보로 수정해 주세요.

8.5 미리보기에서 바로 편집하기

중앙 미리보기에서 텍스트를 더블클릭 하면 인라인으로 수정할 수 있습니다. 사이드바 입력란을 일일이 찾지 않아도 됩니다.

미리보기 각 섹션 우측 상단의 토글 스위치 로 해당 섹션을 즉시 끄거나 켤 수 있습니다. 끈 섹션은 공개 페이지에 나타나지 않습니다.

이미지가 있는 슬롯(히어로/의료진 사진/갤러리)은 클릭하여 업로드 합니다. 업로드한 이미지는 슬롯 키 기준으로 저장되어, 의료진 순서를 바꿔도 따라옵니다.

8.6 예약 패널 (Sticky Booking Bar)

생성된 모든 페이지에는 화면 하단에 고정 예약 패널 이 항상 떠 있습니다.

헤더의 예약하기 버튼, 히어로의 온라인 예약하기, 미리보기 하단의 상담 신청 모두 같은 예약 패널을 펼치도록 동작합니다 — 외부 URL로 이동하지 않습니다.
입력 항목: 이름·연락처·희망 날짜·희망 시간·요청 사항·개인정보 동의.
접수된 예약은 좌측 사이드바 부가 기능 → 예약 메뉴에서 확인합니다.

8.7 공개와 슬러그(URL)

공개하기 전에 슬러그(URL 마지막 경로)를 정해야 합니다. 예: gangnam-smile
슬러그는 한 번 공개되면 변경되지 않는 것을 권장합니다(SEO 영향).
공개 후에는 사이트 카드의 공개됨 배지가 표시되며, 다시 공개하기 버튼을 누르면 비공개로 돌릴 수 있습니다.

자주 묻는 질문

Q. AI 생성 결과가 마음에 안 들어요. 다시 만들 수 있나요? A. 같은 분위기/색상/강점 조합으로는 한 페이지가 1개만 생성됩니다. 새 페이지를 만들거나, CMS에서 텍스트를 직접 수정하세요. 처음으로 되돌리기 는 마지막 저장이 아닌 생성 직후 상태로 돌립니다.

Q. 한 조직에서 페이지를 여러 개 만들 수 있나요? A. 네, 페이지 별로 슬러그가 다르면 가능합니다. 단 주소·전화·로고는 조직 단위 공통 설정입니다.

Q. 사이드바에 등록된 직원이 자동으로 의료진 후보로 뜨지 않나요? A. 현재는 자동 연동되지 않습니다. CMS에서 직접 의료진을 추가/입력해 주세요.

Q. 예약은 어디로 들어오나요? A. 좌측 사이드바의 예약 메뉴에서 확인 가능합니다. 챗봇 예약과 동일한 화면입니다.