브랜드 앱: 앱 기능 및 콘텐츠 사용자 지정하기

24 분 분량
브랜드 앱 테마를 디자인했다면, 앱 내의 콘텐츠 및 기능을 사용자 지정하세요. 브랜드 앱은 사이트 페이지와 마찬가지로 화면으로 구성됩니다. 필요한 화면 수와 각 화면에 표시할 화면을 선택하세요.
Wix 쇼핑몰 제품 페이지, 이벤트 목록, Wix Bookings 클래스 일정 등 비즈니스를 기반으로 한 요소를 화면에 추가하세요. 요소를 추가한 후에는 버튼, 이미지, 동영상 등으로 화면을 추가로 사용자 지정합니다. 다양한 색상과 글꼴을 선택해 앱 디자인을 추가로 사용자 지정할 수도 있습니다.
사이트 대시보드에서 앱 콘텐츠를 사용자 지정할지, 아니면 Wix 앱을 다운로드한 후 모바일에서 사용자 지정할지 여부를 선택하세요. 
다음 도움말을 참고하세요.

머리글 사용자 지정하기

브랜드 앱 머리글은 '홈' 화면에 표시되며 회원이 앱에 로그인한 후 보게되는 첫 번째 요소입니다. 로고, 커버 이미지, 테마 색상 등을 추가해 버튼 및 액센트를 돋보이게 함으로서 내 비즈니스에 맞게 스타일을 지정하세요.
Wix 앱
Wix Studio 앱
  1. 사이트 대시보드의 브랜드 앱으로 이동합니다.
  2. 모바일 앱 편집을 클릭합니다. 
  3. 왼쪽에서 디자인을 클릭합니다. 
  4. 웹 에디터에서 앱 머리글을 클릭해 머리글 편집 패널을 엽니다.
대시보드 웹 에디터의 머리글 편집 패널 스크린샷
  1. 제공되는 옵션으로 머리글 디자인을 사용자 지정합니다.
    • 아이콘: 관련 버튼을 활성화해 머리글에 아이콘을 추가합니다.
      참고: 설치한 Wix 앱(예: Wix 쇼핑몰, Wix Chat)에 따라 사용자 지정 옵션이 다르게 표시될 수 있습니다.
    • 유형: 홈 화면에 대한 머리글 디자인을 선택합니다.
7. 오른쪽 상단에서 저장을 클릭합니다.

탐색 메뉴 사용자 지정하기

브랜드 앱은 회원이 앱의 다양한 영역을 탐색하는 데 도움이 되는 화면으로 구성되어 있습니다. 탐색 메뉴를 앱의 상단 또는 하단에 표시할지 여부를 선택할 수 있습니다. 그 다음 사용자 지정 메뉴 아이콘을 추가해 디자인을 사용자 지정합니다.
Wix 앱
Wix Studio 앱
  1. 사이트 대시보드의 브랜드 앱으로 이동합니다.
  2. 모바일 앱 편집을 클릭합니다. 
  3. 앱의 탐색 바를 클릭합니다. 탐색 바는 앱 머리글 아래 또는 앱 하단에 표시됩니다.
웹 에디터의 하단 탐색 패널 스크린샷
  1. 탐색 레이아웃을 선택합니다.
    • 상단 탭 바: 회원은 앱 상단의 머리글 바로 아래에서 화면 간을 탐색합니다.
    • 하단 탭 바: 회원은 앱 하단에서 화면 간을 탐색합니다. 이 옵션을 선택하면 각 화면별로 사용자 지정 아이콘을 추가할 수 있습니다.
      • 라벨: 버튼을 클릭해 탐색 메뉴의 화면 이름 표시 여부를 선택합니다. 이름은 화면 아이콘 아래에 표시됩니다. 접근성을 위해 화면 이름을 포함하는 것이 좋습니다.
      • 아이콘: 탐색 메뉴의 아이콘을 사용자 지정합니다. 각 아이콘은 화면에 해당합니다. 아이콘에 마우스오버한 후 아이콘 변경을 클릭해 변경합니다.
  2. 오른쪽 상단에서 저장을 클릭합니다.

화면에 요소 추가하기

요소는 앱의 콘텐츠를 구성합니다. 요소를 추가해 자신 및 자신의 일, 앱 회원 서비스 정보에 대해 알려주세요. 예를 들어, 이벤트 기획 사업을 운영하고 있다면, 이벤트 요소를 추가해 사용자가 앱에서 직접 참석 여부를 알릴 수 있도록 하세요.
앱에 요소를 추가한 후에는 동일한 화면 위 또는 아래로 요소를 이동하거나 완전히 다른 화면으로 전환할 수 있습니다. 또한, 요소를 복제하거나 원치 않는 요소를 제거하고 각 요소 내의 콘텐츠를 편집할 수 있습니다.
도움말:
온라인 쇼핑몰, 레스토랑, 예약과 같은 특정 비즈니스에 요소를 추가하는 법에 대한 자세한 도움말을 참고하세요.
Wix 앱
Wix Studio 앱
  1. 사이트 대시보드의 브랜드 앱으로 이동합니다.
  2. 모바일 앱 편집을 클릭합니다. 
  3. 왼쪽에서 요소를 클릭합니다.
  4. 카탈로그를 탐색하고 요소를 클릭해 앱에 추가합니다.
    도움말: 기본 아이템에서는 버튼, 이미지, 구분선 및 동영상과 같은 요소를 추가해 앱을 디자인하고 구성할 수 있습니다.
이벤트 슬라이드쇼가 선택된 웹 에디터의 요소 카탈로그 스크린샷
  1. 앱 미리보기에서 요소를 클릭해 표시 및 콘텐츠 설정을 사용자 지정합니다.
참고:
모든 요소를 웹 에디터에서 사용자 지정할 수 있는 것은 아니며, Wix 앱에서 업데이트가 필요할 수 있습니다.
복제 및 삭제 옵션이 선택된 요소의 스크린샷
  1. (선택사항) 사용 가능한 옵션을 사용해 요소를 추가로 관리합니다.
    참고: 추가한 요소에 따라 옵션이 다르게 표시될 수 있습니다.
7. 오른쪽 상단에서 저장을 클릭합니다.

화면 관리하기

탐색 바에 표시할 화면 수, 화면 순서, 화면 이름 등을 포함해 앱의 화면을 업데이트하세요. 앱의 메인 메뉴에서 비공개되는 화면을 추가할 수도 있습니다.
Wix 앱
Wix Studio 앱
  1. 사이트 대시보드의 브랜드 앱으로 이동합니다.
  2. 모바일 앱 편집을 클릭합니다. 
  3. 웹 에디터 왼쪽에서 화면을 클릭합니다.
  4. 원하는 작업을 선택합니다.
탐색 메뉴의 화면 옆에 있는 추가 작업 메뉴의 스크린샷

앱 디자인 사용자 지정하기

브랜드에 맞게 앱의 색상과 글꼴을 맞춤 설정하세요. 앱 테마를 선택하거나 색상 및 글꼴을 선택해 고유한 브랜드 디자인을 표시하세요.
대시보드
Wix 앱
Wix Studio 앱
  1. 사이트 대시보드의 브랜드 앱으로 이동합니다.
  2. 모바일 앱 편집을 클릭합니다. 
  3. 왼쪽에서 디자인을 클릭합니다. 
  4. 사용자 지정할 항목을 선택합니다.
    • 색상 테마: 색상 테마를 선택해 앱의 색상을 사용자 지정하거나 기본 색상, 앱 배경, 텍스트 아이콘을 개별적으로 선택합니다.
    • 텍스트 테마: 텍스트 테마를 선택해 글꼴을 사용자 지정하거나 제목 및 본문 글꼴을 개별적으로 조정합니다.
      도움말: 앱 테마 변경을 클릭해 사전 디자인된 색상 및 글꼴 조합을 선택하세요.
    • 머리글 스타일: 기본 색상 또는 배경 색상과 일치하도록 머리글의 색상을 사용자 지정합니다.
  5. 저장을 클릭합니다.

자주 묻는 질문

브랜드 앱 기능을 사용자 지정하는 방법에 대한 자세한 내용을 확인하려면 아래 질문을 클릭하세요. 

동영상 튜토리얼

도움이 되었나요?

|