Wix 레스토랑: 주문 앱 모바일 뷰 사용자 지정하기
2 분 분량
모바일에서 Wix 레스토랑 주문 앱의 디자인을 사용자 지정하고 메뉴 및 요리에 대해 고객에게 표시할 내용을 선택하세요. 앱에는 반응형 기능이 내장되어 있어, 모든 화면 크기에서 이상적으로 보이도록 이미 디자인되어 있습니다. 모바일 환경에서 메뉴가 눈에 띌 수 있도록 레이아웃 및 디자인을 조정할 수 있습니다.
시작하기 전:
사이트에 Wix 레스토랑 주문 앱을 추가했는지 확인하세요.
유의사항
사이트의 데스크톱 및 모바일 버전은 동일한 사이트의 다른 보기 모드를 표시하며, 두 사이트는 별도의 사이트가 아닙니다. 데스크톱 사이트에 대한 변경 사항은 모바일 최적화 사이트에 영향을 주지만, 모바일 사이트에 대한 변경 사항은 데스크톱 사이트에 영향을 미치지 않습니다.
다음 지침을 참고하세요.
모바일에서 주문 앱 레이아웃 변경하기
데스크톱 버전에 영향을 주지 않고 모바일에서 Wix 레스토랑 주문 앱의 레이아웃을 변경할 수 있습니다.
모바일 레이아웃을 변경하려면:
- 모바일 에디터에 액세스합니다.
- 온라인 주문 앱이 포함된 페이지로 이동합니다.
- 에디터에서 온라인 주문 앱을 클릭합니다.
- 설정을 클릭합니다.
- 레이아웃 탭을 클릭합니다.
- 일반 탭을 클릭합니다.
- 다음 옵션을 사용해 레이아웃을 사용자 지정합니다.
- 메뉴 설명: 메뉴에 대한 일반적인 설명입니다.
- 섹션 이미지: 메뉴의 각 섹션에 대한 이미지입니다. (예: 에피타이저, 디저트 등)
- 섹션 설명: 메뉴의 각 섹션에 대한 설명입니다.
- 정렬: 콘텐츠를 왼쪽, 가운데, 또는 오른쪽으로 정렬합니다.
- 섹션 이미지 높이: 슬라이더를 끌어 메뉴의 섹션 이미지 높이를 조정합니다.
모바일에서 요리 레이아웃 변경하기
모바일 주문 앱의 요리 디자인을 사용자 지정하세요. 각 요리에 대한 이미지, 설명, 특별 요리 라벨 (예: 매운맛, 비건 등) 표시 여부를 선택할 수 있습니다.
모바일에서 요리 레이아웃을 변경하려면:
- 모바일 에디터에 액세스합니다.
- 온라인 주문 앱이 포함된 페이지로 이동합니다.
- 에디터에서 온라인 주문 앱을 클릭합니다.
- 설정을 클릭합니다.
- 레이아웃 탭을 클릭합니다.
- 요리 탭을 클릭합니다.
- 다음 옵션을 사용해 레이아웃을 사용자 지정합니다.
- 요리 이미지: 각 요리의 이미지입니다.
- 요리 설명: 각 요리에 대한 일반적인 설명입니다.
- 요리 라벨: 각 요리에 대한 특별 요리 라벨입니다. (예: 매운맛, 비건 등)
- 요리에 대한 페이지 레이아웃을 선택합니다.
- 스트립: 설명 옆 요리의 작은 이미지와 함께 메뉴 아이템을 목록으로 표시합니다.
- 카드: 설명 위 요리의 큰 이미지가 있는 카드로 메뉴 아이템을 표시합니다.
- 모서리 반경: 슬라이더를 끌어 요리 이미지의 모서리 반경을 조정합니다.
- 카드 간격: 슬라이더를 끌어 요리 사이의 간격을 조정합니다.
모바일 텍스트 크기 설정하기
데스크톱 버전에 영향을 주지 않고 모바일용 텍스트 크기를 조정하고 필요한 곳에서 텍스트를 돋보이게 만드세요. 음식점의 모바일 뷰에 맞게 다양한 제목, 설명 및 메뉴 탭을 조정할 수 있습니다.
모바일 텍스트 크기를 설정하려면:
- 모바일 에디터에 액세스합니다.
- 온라인 주문 앱이 포함된 페이지로 이동합니다.
- 에디터에서 온라인 주문 앱을 클릭합니다.
- 설정을 클릭합니다.
- 디자인 탭을 클릭합니다.
- 슬라이더를 끌어 다음 텍스트의 크기를 조정합니다.
- 메뉴 제목: 메뉴 상단에 표시되는 제목입니다.
- 메뉴 설명: 메뉴에 대한 설명입니다.
- 섹션 탭: 주문 앱 상단에 있는 탭입니다.
참고: 메뉴 섹션 내에 다른 섹션이 있는 경우, 상단에 해당 섹션에 대한 탭이 표시됩니다. - 섹션 제목: 메뉴 섹션 상단에 표시되는 제목입니다.
- 섹션 설명: 메뉴 섹션에 대한 설명입니다.
- 요리 제목: 요리에 표시되는 제목입니다.
- 요리 설명: 요리 제목 아래 표시되는 요리에 대한 설명입니다.
- (선택사항) 원래 디자인으로 초기화를 클릭해 텍스트의 원래 디자인으로 복원합니다.