0
ADMIN Header · Footer · Popup 히어로 버튼 표시 검색
목록 상단 여백 px 업로드 가로 제한 px
레이아웃 폰트 강제 해제 시 섹션별 설정 사용 · 저장 후 적용
제목 섹션 헤드라인
px px
소제목 서브 타이틀
px px
본문 컨텐츠 텍스트
px px
작은텍스트 라벨 · 캡션
px px
영문↔한글 간격 V2 제목 줄 사이 (0=기본)
px
제목 굵기 섹션·카드 제목 굵기
내용 굵기 본문·설명 굵기
가로폭 컨텐츠 최대폭
px
V2 여백 섹션 상하 (모바일 자동 반값)
px
페이지 배경 hero 라운드 모서리 뒤 등 빈 영역 색 (기본=흰색)
섹션 등장 모든 섹션 스크롤 등장 모션 (일괄)
등장 속도 섹션 등장 모션 속도 (ms, 0=기본 700)
ms
등장 거리 슬라이드업 이동거리 (px, 0=기본 24)
px
변경사항은 즉시 미리보기로 반영되며, 상단 저장 버튼을 눌러야 영구 저장됩니다. 전체 적용은 즉시 모든 서브페이지에 반영됩니다.
섹션 관리
드래그=순서 · 클릭=ON/OFF · ✎=이름 변경 · 추가 섹션 ×=삭제
현재 섹션 순서를 일괄 적용
삭제된 기본 섹션 복원
복사한 섹션
이미지형
텍스트형
데이터 연동
데이터 연동
V2 가이드
공통 데이터
개발자
본문 바로가기
텍스트 ←거리 기본 ↑거리 기본 배경 앞 이미지 X 0% Y 0% 가로 자동 세로 자동 좌우 위치 기본 상하 위치 기본 텍스트 폭 기본 영문 크기 68px 100% 딤 0% 📱 PC
메뉴, 하단, 팝업을 각각의 빌더로

사이트의 틀도, 화면에서. Header · Footer · Popup

시술 요약 헤더 빌더에서 메뉴와 로고, 드롭다운 모양을 정하고 푸터 빌더에서 병원 정보와 하단 구성을 정합니다. 팝업은 슬라이드, 단일, 띠 형태로 만들고 노출 페이지와 기간을 설정합니다.

메뉴와 하단, 팝업을 각각의 빌더에서 설정합니다.

온라인상담 URL
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

헤더 · 푸터 · 팝업

모든 페이지에 보이는 것.
한 번에 정합니다.

모든 페이지에 공통으로 보이는 부분을 각각의 빌더에서 설정합니다. 고친 값은 사이트 전체에 바로 적용됩니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

헤더, 푸터, 팝업.
각각의 빌더에서.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
헤더 설정·사용 화면

헤더

메뉴 구성과 순서, 로고, 드롭다운 형태, 우측 버튼을 정합니다.

푸터 설정·사용 화면

푸터

병원 정보, 진료 시간, 지도, 하단 버튼을 정합니다.

팝업 설정·사용 화면

팝업

이벤트 팝업과 상단 띠 배너를 만들고 노출 조건을 정합니다.

메뉴 관리 설정·사용 화면

메뉴 관리

메뉴를 추가하고 끌어서 순서와 단계를 바꿉니다.

투명 헤더 설정·사용 화면

투명 헤더

히어로 사진 밝기에 맞춰 메뉴 색이 자동으로 바뀝니다.

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

일단 핵심부터.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
메뉴는 끌어서 순서와 단계를 바꿉니다 — 배경이 투명한 실버·블루 개념 그래픽

메뉴는 끌어서
순서와 단계를 바꿉니다.

사진 밝기에 맞춰 메뉴 색이 바뀝니다. — 실버·블루 개념 그래픽

사진 밝기에 맞춰
메뉴 색이 바뀝니다.

하단 정보는 푸터 빌더에서 정합니다 설정·사용 화면

하단 정보는
푸터 빌더에서 정합니다.

팝업은 노출 페이지와 기간을 정합니다. — 실버·블루 개념 그래픽

팝업은 노출 페이지와
기간을 정합니다.

떠 있는 버튼은 같은 크기와 간격으로. — 실버·블루 개념 그래픽

떠 있는 버튼은
같은 크기와 간격으로.

제작 사례 보기
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

투명 헤더

사진이 어두우면 밝게,
밝으면 어둡게.

히어로 사진 밝기에 맞춰
메뉴 색이 자동으로 바뀝니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

틀을 이루는 기능들.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
메뉴 관리 설정·사용 화면

메뉴 관리.

메뉴를 추가하고 끌어서 순서와 단계를 바꿉니다.

+ 카드 이미지 선택

투명 헤더.

히어로 사진 밝기에 맞춰 메뉴 색이 자동으로 바뀝니다.

+ 카드 이미지 선택

모바일 메뉴.

햄버거 메뉴를 카드형으로 구성하고 블록을 추가합니다.

띠 팝업 설정·사용 화면

띠 팝업.

헤더 위나 메뉴 아래에 띠 형태 공지를 띄웁니다.

떠있는 버튼 자동 정렬과 PC·모바일 간격 설정

떠 있는 버튼 정렬.

상담, 맨 위로 같은 버튼을 같은 크기와 간격으로 자동 정렬합니다.

+ 카드 이미지 선택

빠른 상담.

하단에 고정되는 상담 접수 막대를 설정합니다.

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
+ 카드 이미지 선택

3가지

헤더, 푸터, 팝업 빌더

+ 카드 이미지 선택

3가지

슬라이드, 단일, 띠 형태 팝업

+ 카드 이미지 선택

1번

저장하면 모든 페이지에 적용

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

첫 화면.
섹션을 쌓아서.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
메인 빌더의 격자 배치 설정 화면

범용 섹션.

카드 묶음 하나로 슬라이드, 격자, 큰 사진 카드를 표현합니다.

화면 직접 조작 설정·사용 화면

화면 직접 조작.

간격과 열 비율, 카드 크기를 손잡이로 맞춥니다.

카드별 배치 설정·사용 화면

카드별 배치.

카드마다 폭과 높이, 글 위치를 따로 정합니다.

스토어형 구성. 설정·사용 화면

스토어형 구성.

사진이 카드 전체를 채우는 구성을 옵션으로 켭니다.

메인 빌더 더 알아보기
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

상담.
어느 페이지에서든.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
빠른 상담 설정·사용 화면

빠른 상담.

화면 아래 접수 막대에서 바로 문의를 남깁니다.

상담 관리 설정·사용 화면

상담 관리.

접수된 문의를 상태별로 정리합니다.

유입 기록. 설정·사용 화면

유입 기록.

어느 페이지에서 들어온 문의인지 함께 남습니다.

알림 설정·사용 화면

알림.

새 문의가 들어오면 관리자에게 알려 줍니다.

상담·예약 더 알아보기
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

질문에 답해 드립니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

설정을 다른 사이트로 옮길 수 있나요?

헤더 설정은 내보내기와 가져오기로 옮길 수 있습니다.

팝업을 특정 페이지에만 띄울 수 있나요?

노출할 페이지와 제외할 주소, 기간과 요일을 설정할 수 있습니다.

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

틀부터 함께 잡아요.

도입 상담에서 메뉴 구성을 함께 정합니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

도입 문의
번역 편집 모드
번역 편집 모드
필드를 클릭하면 직접 번역을 수정할 수 있습니다. 자동 저장됨.
발행
EN JA 簡 繁
⚙