header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

Wix 레스토랑: 주문 앱 모바일 뷰 사용자 지정하기

2 분
페이지 메뉴
  • 모바일에서 주문 앱 레이아웃 변경하기
  • 모바일에서 요리 레이아웃 변경하기
  • 모바일 텍스트 크기 설정하기
중요!
모바일에서 Wix 레스토랑 주문 앱을 사용자 지정하고, 고객에게 메뉴 및 요리에 대해 표시할 항목을 선택하세요. 앱에는 반응형 기능이 내장되어 있어, 모든 화면 크기에서 이상적으로 보이도록 이미 디자인되어 있습니다. 모바일 환경에서 메뉴가 눈에 띌 수 있도록 레이아웃 및 디자인을 조정할 수 있습니다.
사이트 에디터의 온라인 주문 페이지 모바일 뷰
중요!
사이트의 데스크톱 및 모바일 버전은 동일한 사이트의 다른 보기 모드를 표시하며, 두 사이트는 별도의 사이트가 아닙니다. 데스크톱 사이트에 대한 변경 사항은 모바일 최적화 사이트에 영향을 주지만, 모바일 사이트에 대한 변경 사항은 데스크톱 사이트에 영향을 미치지 않습니다.

모바일에서 주문 앱 레이아웃 변경하기

데스크톱 버전에 영향을 주지 않고 모바일에서 Wix 레스토랑 주문 앱의 레이아웃을 변경할 수 있습니다.

모바일 레이아웃을 변경하려면:

  1. 모바일 에디터에 액세스합니다.
  2. 온라인 주문 앱이 포함된 페이지로 이동합니다.
  3. 에디터에서 온라인 주문 앱을 클릭합니다.
  4. 설정을 클릭합니다.
  5. 레이아웃 탭을 클릭합니다.
  6. 일반 탭을 클릭합니다.
  7. 다음 옵션을 사용해 레이아웃을 사용자 지정합니다.
    • 메뉴 설명: 메뉴에 대한 일반적인 설명입니다.
    • 섹션 이미지: 메뉴의 각 섹션에 대한 이미지입니다. (예: 에피타이저, 디저트 등)
    • 섹션 설명: 메뉴의 각 섹션에 대한 설명입니다.
    • 정렬: 콘텐츠를 왼쪽, 가운데, 또는 오른쪽으로 정렬합니다.
    • 섹션 이미지 높이: 슬라이더를 끌어 메뉴의 섹션 이미지 높이를 조정합니다.

모바일에서 요리 레이아웃 변경하기

모바일 주문 앱의 요리 디자인을 사용자 지정하세요. 각 요리에 대한 이미지, 설명, 특별 요리 라벨 (예: 매운맛, 비건 등) 표시 여부를 선택할 수 있습니다.

모바일에서 요리 레이아웃을 변경하려면:

  1. 모바일 에디터에 액세스합니다.
  2. 온라인 주문 앱이 포함된 페이지로 이동합니다.
  3. 에디터에서 온라인 주문 앱을 클릭합니다.
  4. 설정을 클릭합니다.
  5. 레이아웃 탭을 클릭합니다.
  6. 요리 탭을 클릭합니다.
  7. 다음 옵션을 사용해 레이아웃을 사용자 지정합니다.
    • 요리 이미지: 각 요리의 이미지입니다.
    • 요리 설명: 각 요리에 대한 일반적인 설명입니다.
    • 요리 라벨: 각 요리에 대한 특별 요리 라벨입니다. (예: 매운맛, 비건 등) 
    • 요리에 대한 페이지 레이아웃을 선택합니다.
      • 스트립: 설명 옆 요리의 작은 이미지와 함께 메뉴 아이템을 목록으로 표시합니다.
      • 카드: 설명 위 요리의 큰 이미지가 있는 카드로 메뉴 아이템을 표시합니다.
        • 모서리 반경: 슬라이더를 끌어 요리 이미지의 모서리 반경을 조정합니다.
    • 카드 간격: 슬라이더를 끌어 요리 사이의 간격을 조정합니다.

모바일 텍스트 크기 설정하기

데스크톱 버전에 영향을 주지 않고 모바일용 텍스트 크기를 조정하고 필요한 곳에서 텍스트를 돋보이게 만드세요. 음식점의 모바일 뷰에 맞게 다양한 제목, 설명 및 메뉴 탭을 조정할 수 있습니다.

모바일 텍스트 크기를 설정하려면:

  1. 모바일 에디터에 액세스합니다.
  2. 온라인 주문 앱이 포함된 페이지로 이동합니다.
  3. 에디터에서 온라인 주문 앱을 클릭합니다.
  4. 설정을 클릭합니다.
  5. 디자인 탭을 클릭합니다.
  6. 슬라이더를 끌어 다음 텍스트의 크기를 조정합니다.
    • 메뉴 제목: 메뉴 상단에 표시되는 제목입니다.
    • 메뉴 설명: 메뉴에 대한 설명입니다. 
    • 섹션 탭: 주문 앱 상단에 있는 탭입니다.
      참고: 메뉴 섹션 내에 다른 섹션이 있는 경우, 상단에 해당 섹션에 대한 탭이 표시됩니다.
    • 섹션 제목: 메뉴 섹션 상단에 표시되는 제목입니다.
    • 섹션 설명: 메뉴 섹션에 대한 설명입니다.
    • 요리 제목: 요리에 표시되는 제목입니다.
    • 요리 설명: 요리 제목 아래 표시되는 요리에 대한 설명입니다.
  7. (선택사항) 원래 디자인으로 초기화를 클릭해 텍스트의 원래 디자인으로 복원합니다.
사이트 에디터의 온라인 주문 페이지 모바일 뷰