C cenaly.com
무료로 시작하기

웹사이트 빌더

메뉴 웹사이트 디자인: 템플릿 스타일, 비주얼 에디터, 폰트, 도메인

On this page 12

비즈니스 웹사이트 빌더

각 지점에는 자체 하위 도메인(귀하의-도메인.cenaly.com)에 공개 메뉴 사이트가 있습니다. 사이트 섹션에서는 해당 주소, 게시 상태, 그리고 가장 중요한 디자인을 코딩 없이 빠르고 직관적으로 관리할 수 있습니다.

열기: 관리자 패널 → 사이트 ("마케팅" 섹션, admin.cenaly.com).


사이트 상점#

메인 화면에는 모든 지점의 카드가 표시됩니다. 각 카드에서 확인할 수 있는 정보:

  • 공개 주소(도메인.cenaly.com) 및 게시 상태;
  • 디자인 미니 프리뷰(강조 색상, 배경, 글꼴, 모서리 형태);
  • 버튼: "시각적으로 설정", "사이트 설정", "게시물", "사이트 내 디자이너", 열기, 링크 복사, QR 코드; 매장 지점에는 매장 스튜디오 입장이 추가됩니다.

사이트가 10개를 초과하면 카드가 자동으로 검색 및 페이지 탐색 기능이 있는 간결한 목록으로 전환됩니다 — 수십 개의 사이트를 운영하는 스튜디오가 끝없는 목록이 되지 않도록 하기 위함입니다.

여기서 새 사이트는 생성되지 않습니다. 새 사이트는 새 지점과 함께 생성됩니다 — 섹션 헤더의 톱니바퀴 ⚙가 바로 이곳으로 연결되며, 여기에서 공개 사이트의 언어도 설정할 수 있습니다(언어는 계정의 공통 언어 풀에서 가져옵니다).


템플릿 갤러리#

시각적 편집기에서 기성 스타일 갤러리를 이용할 수 있습니다 — 그룹별로 정리된 수십 가지의 완성도 높은 디자인(클래식, 다크, 미니멀, 테마별)이 제공됩니다. 세트는 비즈니스 유형에 맞게 구성됩니다: 카페와 레스토랑에는 약 50개의 "메뉴" 템플릿이, 살롱과 호텔에는 각각 12개 정도의 자체 템플릿이, 매장에는 별도의 상점 라이브러리가 있습니다. 각 템플릿은 조화로운 색상, 글꼴, 카드 레이아웃을 정의합니다. 스타일을 선택하면 실제 메뉴에 실시간 프리뷰로 즉시 적용되며, 이후 어떤 세부 사항이든 추가로 조정할 수 있습니다.

갤러리 옆에는 두 번째 버튼인 ✨ AI 디자이너가 있습니다: 원하는 모습을 글로 설명하면 디자인이 자동으로 구성됩니다. 동일한 두 버튼은 사이트 전체 설정에도 있습니다.


시각적 편집기#

"시각적으로 설정" 버튼은 실시간 프리뷰(휴대폰 / 데스크톱)가 있는 WYSIWYG 편집기를 엽니다:

  • 디자인 — 강조 색상, 배경, 글꼴, 모서리 형태(각진 / 둥근 / "알약"), 환영 텍스트, 그리고 개별 요소의 세부 텍스트 색상.
  • 메뉴 레이아웃 — 요리 카드의 배치 방식: 목록, 컴팩트, 1 / 2 / 3 열, 와이드 카드, 포스터.
  • 로고 및 커버 — 정사각형 로고와 사이트 커버.
  • 게시 — "사이트 게시됨" 토글: 관리자 패널의 사이트 상점에 표시되는 사이트 상태를 설정합니다. 주문 접수 또는 게스트용 상점 전체를 닫아야 하는 경우, 사이트 설정의 "서비스 모드"를 사용하십시오 — 게스트에게 귀하의 텍스트가 담긴 대체 화면을 표시하고 서버에서 주문을 차단합니다.

변경 사항은 즉시 반영됩니다. 저장, 취소, 또는 디자인을 기본값으로 초기화할 수 있습니다. 저장되지 않은 편집 내용이 있으면 시스템이 페이지를 떠나기 전에 경고합니다.


사이트 전체 설정#

"사이트 설정" 버튼은 지점의 확장 WEB 설정 패널("지점" 섹션의 "WEB 메뉴" 탭과 동일)을 엽니다 — 하지만 페이지를 떠나지 않고 바로 이 페이지에서 열립니다. 여기에는 다음이 포함됩니다:

  • 사이트의 주소 및 게시;
  • 이미지 — 커버, 로고, 배경, 사이트 아이콘(favicon);
  • 디자인 및 카드 레이아웃 — 시각적 편집기와 동일한 템플릿, ✨ AI 디자이너, 레이아웃 선택;
  • 서비스 모드 — 게스트용 대체 화면 및 서버 측 주문 차단;
  • 프로액티브 메시지 — 사이트 게스트용 팝업 및 배너(모든 업종에서 사용 가능).

사이트 내 디자이너#

"사이트 내 디자이너" 버튼은 AI 디자이너의 플로팅 채팅이 있는 귀하의 라이브 사이트를 엽니다: 관리자 패널에서 인증이 전달되므로 별도로 로그인할 필요가 없습니다. 변경하고 싶은 내용을 글로 설명하면 편집 내용이 표시된 사이트에 즉시, 귀하에게만 적용됩니다 — 이는 귀하의 세션 초안이며, 방문자는 계속 게시된 화면을 봅니다. 이 상태에서 사이트를 자유롭게 탐색할 수 있으며(메뉴, 카탈로그, 블로그, 카드), 대화와 초안은 유지됩니다.

"적용" 버튼은 현재 초안을 일반 게시 절차를 통해 모든 방문자에게 게시하며, 모드에서 나가면 게시된 화면으로 돌아갑니다.

매장 상점의 메인 및 헤더 섹션의 경우, 사이트 내 디자이너가 이미 기본 편집기입니다: 기존 스튜디오 편집기에는 완전한 편집이 사이트 내 디자이너에서 이루어진다는 안내가 표시되며, 스튜디오는 호환성을 위해 유지됩니다.


사이트 아이콘 (favicon)#

Favicon은 브라우저가 탭, 북마크, 방문 기록, 검색 결과에서 사이트 옆에 표시하는 작은 아이콘입니다. "사이트 설정" → 이미지 블록 → "사이트 아이콘" 탭에서 설정합니다(매장의 경우 동일한 블록이 매장 스튜디오의 "디자인" 탭에 있습니다).

세 가지 모드:

  • 플랫폼 아이콘 — 기본값, 아무것도 할 필요 없음;
  • 업체 로고 — 옆 탭의 정사각형 로고를 사용합니다(업로드된 경우);
  • 직접 이미지 — 별도의 정사각형 이미지를 업로드합니다(1:1, 128×128 이상; 투명 배경의 PNG가 가장 좋습니다).

선택 항목 바로 아래에 귀하의 아이콘과 페이지 제목이 표시된 브라우저 탭 미니 프리뷰가 표시됩니다. 업로드 후 아이콘은 1분 이내에 사이트에 나타납니다 — 필요한 크기의 변형이 자동으로 준비됩니다.


도메인 및 QR 코드#

사이트는 기본적으로 도메인.cenaly.com 하위 도메인에 있습니다. 자체 도메인 연결은 별도 옵션입니다(구독 섹션, "자체 사이트" 패키지 참조); 자세한 단계별 안내는 자체 도메인 섹션에 있습니다. 이 사이트로의 QR 코드 인쇄 및 배포는 QR 코드 및 기기 섹션에 있습니다.


관련 섹션#


자주 묻는 질문#

템플릿이 제 설정을 덮어쓰나요?#

템플릿은 일관된 시작점(색상, 글꼴, 레이아웃)을 제공하지만, 적용한 후에는 비주얼 편집기에서 어떤 세부 사항이든 자유롭게 수정할 수 있습니다.

메뉴가 아직 비어 있으면 미리보기에는 무엇이 표시되나요?#

데모 샘플입니다. 첫 항목을 만들기 전에도 디자인을 볼 수 있도록 하기 위한 것입니다. 미용실과 호텔에서는 서비스와 객실 예시, 레스토랑과 상점에서는 요리와 상품 예시입니다. 메뉴에 자체 항목이 생기면 미리보기가 그 항목으로 전환됩니다.

사이트를 일시적으로 닫을 수 있나요?#

예 — 사이트 설정에 **«점검 모드»**가 있습니다. 방문자에게는 상점의 모든 언어로 번역된, 직접 작성한 텍스트가 담긴 전체 화면 안내 페이지가 표시되고, 서버는 주문 시도를 거부합니다. 상점 전체를 닫거나, 메뉴 보기는 남겨 두고 주문만 닫을 수 있습니다. 이때 모든 설정과 콘텐츠는 그대로 유지됩니다.

Was this article helpful?