공개 주문 웹사이트 디자인
공개 주문 웹사이트 디자인
손님이 보고 주문하는 웹사이트의 빌더: 테마, 색상 및 글꼴을 선택한 다음, 실시간 미리보기 또는 사이드 패널에서 섹션을 추가하고 정렬합니다. 대부분의 편집은 저장을 기다리지만, 테마 시작, 페이지 템플릿, 디자인 세트, 이미지 업로드 및 SEO 및 PWA 박스는 한 번에 저장됩니다.
미리보기 컨트롤
미리보기를 데스크탑(1280px)과 모바일(390px) 간에 전환하고, 새로 고침 버튼으로 다시 로드하거나, Open storefront를 사용하여 새 탭에서 실시간 사이트를 확인하세요.
저장 및 기록
저장은 디자인을 게시합니다; 버튼의 점은 저장되지 않은 변경 사항을 표시합니다. 실행 취소 및 다시 실행은 편집을 단계적으로 진행합니다 (Ctrl/Cmd+Z), 그리고 확인 후 되돌리기 버튼은 이전에 저장된 디자인으로 돌아갑니다.
실시간 미리보기에서 편집
미리보기에서 섹션을 클릭하여 설정을 열고, 페이지에서 텍스트를 직접 편집하며, 섹션 컨트롤을 사용하여 이동, 숨기기 또는 삭제하거나 +를 눌러 새 섹션을 추가합니다. 저장하기 전까지 손님은 아무것도 보지 못합니다.
디자인 세트
현재 디자인을 이름이 있는 세트로 저장하거나, 저장된 것을 적용하거나 삭제하여 계절 디자인과 같은 다양한 모양을 전환할 수 있습니다.
테마 시작
피자 가게, 버거 또는 카페 & 아침 식사와 같은 준비된 모양. 하나를 적용하면 색상, 글꼴, 모서리 반경 및 색상 모드가 즉시 변경되며, 저장 없이 적용됩니다; 되돌리기 버튼은 이전 테마로 되돌립니다.
페이지 템플릿
모든 섹션을 기본 콘텐츠로 채워진 준비된 레이아웃으로 교체합니다. 즉시 적용되며 섹션 탭이 열리므로 섹션을 사용자 정의하기 전에 템플릿을 선택하세요.
색상
버튼 및 강조를 위한 기본 및 강조 색상, 현재 색상 모드의 배경, 표면, 텍스트 및 선 색상. 기본 및 강조는 저장하기 위해 유효한 헥스 색상이어야 합니다.
레이아웃 및 타이포그래피
전체 사이트의 레이아웃 스타일, 글꼴, 모서리 반경, 밝은 또는 어두운 색상 모드, 버튼 스타일 및 레이아웃 모드를 선택하세요.
브랜드
사이트에 표시되는 레스토랑 이름, 간단한 설명, 전화 및 이메일, 로고, 어두운 로고 및 파비콘. 이미지는 선택하는 즉시 업로드됩니다.
게시 옵션
Storefront 활성화 스위치와, 플랜이 허용하는 경우 플랫폼 브랜딩 숨기기. 두 가지 모두 저장할 때 적용됩니다.
섹션
홈 페이지의 모든 섹션, 제한에 대한 카운트와 함께. 드래그하여 순서를 변경하고, 이름을 클릭하여 편집하며, 눈 아이콘을 사용하여 숨기거나 쓰레기통 아이콘으로 제거합니다.
섹션 추가
Hero, 추천 요리, 갤러리, 영업 시간 및 위치, FAQ 또는 자유 레이아웃(작곡가)와 같은 섹션 유형을 선택하세요. 새 섹션은 페이지 끝에 추가됩니다.
섹션 설정
선택한 섹션에 대한 모든 것: 내용, 항목, 이미지 및 스타일. 상단의 스위치는 섹션을 표시하거나 숨기며, 뒤로 화살표는 섹션 목록으로 돌아갑니다.
공지사항 바
사이트 상단에 뉴스 또는 제안을 위한 얇은 바. 각 언어로 텍스트, 링크, 배경 색상 및 손님이 이를 닫을 수 있는지 설정합니다.
헤더
헤더 레이아웃, 로고 정렬, 메뉴 스타일 및 내용, 고정 헤더, 메뉴 링크 및 자체 레이블과 링크가 있는 클릭 유도 버튼.
푸터
푸터 레이아웃, 소개 텍스트, 링크 열, 소셜 링크, 결제 아이콘 및 저작권 라인.
배너
각각 이미지, 링크 및 대체 텍스트가 있는 최대 12개의 이미지 배너. 화살표로 순서를 변경하거나 쓰레기통으로 하나를 제거합니다.
SEO
검색 결과 및 사이트가 공유될 때 사용되는 페이지 제목, 메타 설명 및 공유 이미지, 검색 엔진에서 숨길 수 있는 옵션. 이 박스에는 자체 저장 SEO 버튼이 있습니다.
홈 화면 앱
손님이 홈 화면에 추가할 때 사이트의 동작: 앱 이름, 짧은 이름, 테마 및 배경 색상, 시작 모드. 아이콘은 귀하의 로고를 사용합니다. Save PWA로 저장하세요.
디자이너 탭
테마, 섹션, 헤더 & 푸터, 배너 및 SEO. 각 탭은 설정 패널을 변경합니다; 모든 탭에서 이 투어를 다시 시작하여 해당 설정을 설명합니다.