Branded App by Wix: 앱 기능 및 콘텐츠 사용자 지정하기
13 분 분량
브랜드 앱 테마를 디자인했다면, 앱 내의 콘텐츠 및 기능을 사용자 지정하세요. 브랜드 앱은 사이트 페이지와 마찬가지로 화면으로 구성됩니다. 필요한 화면 수와 각 화면에 표시할 화면을 선택하세요.
Wix Stores 제품 페이지, 이벤트 목록, Wix Bookings 클래스 일정 등 비즈니스를 기반으로 하는 요소를 화면에 추가한 뒤, 버튼, 이미지, 동영상 등으로 화면을 추가로 사용자 지정하세요.
사이트 대시보드의 웹 에디터를 사용해 앱 콘텐츠를 사용자 지정하거나 모바일에서 Wix Owner 앱을 다운로드한 후 사용자 지정할 수 있습니다.
참고:
현재 웹 에디터에서 모든 사용자 지정 옵션을 사용할 수 있는 것은 아닙니다. 전체 사용자 지정 기능을 활용하기 위해 Wix Owner 앱을 다운로드하는 것이 좋습니다.
다음 도움말을 참고하세요.
머리글 사용자 지정하기
브랜드 앱 머리글은 '홈' 화면에 표시되며 회원이 앱에 로그인한 후 보게되는 첫 번째 요소입니다. 로고, 커버 이미지, 테마 색상 등을 추가해 버튼 및 액센트를 돋보이게 함으로서 내 비즈니스에 맞게 스타일을 지정하세요.
대시보드
Wix Owner 앱
- 사이트 대시보드의 모바일 앱으로 이동합니다.
- 브랜드 앱 탭을 선택합니다. 이미 앱 이름을 지정한 경우 탭 제목이 앱 이름이 됩니다. 앱 이름을 설정하지 않은 경우 탭 제목에 '나만의 모바일 앱'이라고 표시됩니다.
- 앱 편집을 클릭해 웹 에디터를 엽니다.
참고: 아직 앱을 디자인하지 않았다면, 앱 편집 옵션이 표시되기 전에 앱 이름, 테마 및 레이아웃을 선택해야 합니다. - 웹 에디터에서 앱 머리글을 클릭해 머리글 편집 패널을 엽니다.
- 제공되는 옵션으로 머리글 디자인을 사용자 지정합니다.
- 이름: 비즈니스 또는 앱의 이름을 업데이트합니다.
- 태그라인: 사용자 지정 태그라인을 추가합니다(앱 슬로건 또는 짧은 공지사항).
- 로고 표시: 버튼을 클릭해 로고 표시 여부를 선택합니다. 로고 이미지에 마우스오버해 변경하거나 제거합니다.
- 기본 정보 표시: 버튼을 클릭해 SNS 링크, 연락처 정보, 사이트 URL 등 비즈니스에 대한 추가 정보가 포함된 화면을 여는 링크를 머리글에 표시합니다.
- 커버 이미지: 추가
아이콘을 클릭해 커버 이미지를 업로드합니다. 또한, 여러 장의 사진을 추가해 회원들이 스크롤할 수 있는 슬라이드쇼를 제작할 수 있습니다. 슬라이드쇼의 경우, 사진 사이의 전환 시간(초)을 선택합니다.
- 회원 정보 드롭다운을 클릭해 머리글에 표시할 회원 정보를 선택합니다.
- 회원 수 표시: 앱 머리글에서 회원 수의 표시 여부를 선택합니다.
- 회원 프로필 표시: 앱 머리글에서 회원 프로필 아바타의 표시 여부를 선택합니다.
- 액션 버튼 드롭다운을 클릭해 머리글에 버튼을 추가합니다.
- 초대 버튼 표시: 버튼을 클릭해 회원이 브랜드 앱에 더 많은 사람을 초대할 수 있는 버튼의 표시 여부를 선택합니다.
- 사용자 지정 버튼 표시: 버튼을 클릭해 머리글에 사용자 지정 버튼을 추가합니다. 예를 들어, 예약하기 버튼은 회원을 예약 또는 서비스 탭으로 이동합니다.
- 상단 바 아이콘 드롭다운을 클릭해 머리글에 아이콘을 추가합니다. 설치한 Wix 앱(예: Wix Stores, Wix Chat)에 따라 다음과 같은 추가 사용자 지정 옵션이 표시될 수 있습니다.
- 쇼핑카트 아이콘 표시: 버튼을 클릭해 회원이 쇼핑카트를 쉽게 탐색할 수 있도록 머리글에 쇼핑카트 아이콘을 추가합니다.
- 채팅 아이콘 표시: 버튼을 클릭해 회원이 나와 채팅할 수 있도록 머리글에 채팅 아이콘을 추가합니다.
- 오른쪽 상단에서 저장을 클릭합니다.
탐색 메뉴 사용자 지정하기
브랜드 앱은 회원이 앱의 다양한 영역을 탐색하는 데 도움이 되는 화면으로 구성되어 있습니다. 탐색 메뉴를 앱의 상단 또는 하단에 표시할지 여부를 선택할 수 있습니다. 그 다음 사용자 지정 메뉴 아이콘을 추가해 디자인을 사용자 지정합니다.
대시보드
Wix Owner 앱
- 사이트 대시보드의 모바일 앱으로 이동합니다.
- 브랜드 앱 탭을 선택합니다. 이미 앱 이름을 지정한 경우 탭 제목이 앱 이름이 됩니다. 앱 이름을 설정하지 않은 경우 탭 제목에 '나만의 모바일 앱'이라고 표시됩니다.
- 앱 편집을 클릭해 웹 에디터를 엽니다.
참고: 아직 앱을 디자인하지 않았다면, 앱 편집 옵션이 표시되기 전에 앱 이름, 테마 및 레이아웃을 선택해야 합니다. - 앱의 탐색 바를 클릭합니다. 탐색 바는 앱 머리글 아래 또는 앱 하단에 표시됩니다.
- 탐색 레이아웃을 선택합니다.
- 상단 탭 바: 회원은 앱 상단의 머리글 바로 아래에서 화면 간을 탐색합니다.
- 하단 탭 바: 회원은 앱 하단에서 화면 간을 탐색합니다. 이 옵션을 선택하면 각 화면별로 사용자 지정 아이콘을 추가할 수 있습니다.
- 라벨: 버튼을 클릭해 탐색 메뉴의 화면 이름 표시 여부를 선택합니다. 이름은 화면 아이콘 아래에 표시됩니다. 접근성을 위해 화면 이름을 포함하는 것이 좋습니다.
- 아이콘: 탐색 메뉴의 아이콘을 사용자 지정합니다. 각 아이콘은 화면에 해당합니다. 아이콘에 마우스오버한 후 아이콘 변경을 클릭해 변경합니다.
- 오른쪽 상단에서 저장을 클릭합니다.
화면에 요소 추가하기
요소는 앱의 콘텐츠를 구성합니다. 요소를 추가해 자신 및 자신의 일, 앱 회원 서비스 정보에 대해 알려주세요. 예를 들어, 이벤트 기획 사업을 운영하고 있다면, 이벤트 요소를 추가해 사용자가 앱에서 직접 참석 여부를 알릴 수 있도록 하세요.
앱에 요소를 추가한 후에는 동일한 화면 위 또는 아래로 요소를 이동하거나 완전히 다른 화면으로 전환할 수 있습니다. 또한, 요소를 복제하거나 원치 않는 요소를 제거하고 각 요소 내의 콘텐츠를 편집할 수 있습니다.
도움말:
온라인 쇼핑몰, 레스토랑, 예약과 같은 특정 비즈니스에 요소를 추가하는 법에 대한 자세한 도움말을 참고하세요.
대시보드
Wix Owner 앱
- 사이트 대시보드의 모바일 앱으로 이동합니다.
- 브랜드 앱 탭을 선택합니다. 이미 앱 이름을 지정한 경우 탭 제목이 앱 이름이 됩니다. 앱 이름을 설정하지 않은 경우 탭 제목에 '나만의 모바일 앱'이라고 표시됩니다.
- 앱 편집을 클릭해 웹 에디터를 엽니다.
참고: 아직 앱을 디자인하지 않았다면, 앱 편집 옵션이 표시되기 전에 앱 이름, 테마 및 레이아웃을 선택해야 합니다. - 웹 에디터 왼쪽에서 요소를 클릭합니다.
- 카탈로그를 탐색하고 요소를 클릭해 앱에 추가합니다.
도움말: 기본 아이템에서는 버튼, 이미지, 구분선 및 동영상과 같은 요소를 추가해 앱을 디자인하고 구성할 수 있습니다.
- 앱 미리보기에서 요소를 클릭해 표시 및 콘텐츠 설정을 사용자 지정합니다.
참고:
모든 요소를 웹 에디터에서 사용자 지정할 수 있는 것은 아니며, Wix Owner 앱에서 업데이트가 필요할 수 있습니다.
- (선택사항) 사용 가능한 옵션을 사용해 요소를 추가로 관리합니다. 참고: 추가한 요소에 따라 옵션이 다르게 표시될 수 있습니다.
- 요소 표시 여부: 요소를 Android 기기, iOS 기기 또는 둘 다에 표시할지 여부를 선택합니다. 다양한 운영 체제의 요소 공개 여부에 대한 자세한 도움말을 확인하세요.
- 요소를 클릭합니다.
- 편집 패널의 요소 공개 설정에서 전체, Android, iOS 중 옵션을 선택합니다.
- 요소를 재정렬하려면:
- 요소를 클릭합니다.
- 요소 옆의 위 또는 아래 화살표를 클릭해 화면에서 순서를 변경합니다.
- 요소를 복제하려면:
- 요소를 클릭합니다.
- 복제
아이콘을 클릭합니다. 새 요소가 원래 요소 위에 표시됩니다.
- 요소를 제거하려면:
- 요소를 클릭합니다.
- 요소 옆에 있는 삭제
아이콘을 클릭합니다. - 삭제를 클릭해 확인합니다.
- 요소 표시 여부: 요소를 Android 기기, iOS 기기 또는 둘 다에 표시할지 여부를 선택합니다. 다양한 운영 체제의 요소 공개 여부에 대한 자세한 도움말을 확인하세요.
- 오른쪽 상단에서 저장을 클릭합니다.
화면 관리하기
탐색 바에 표시할 화면 수, 화면 순서, 화면 이름 등을 포함해 앱의 화면을 업데이트하세요. 앱의 메인 메뉴에서 비공개되는 화면을 추가할 수도 있습니다.
대시보드
Wix Owner 앱
- 사이트 대시보드의 모바일 앱으로 이동합니다.
- 브랜드 앱 탭을 선택합니다. 이미 앱 이름을 지정한 경우 탭 제목이 앱 이름이 됩니다. 앱 이름을 설정하지 않은 경우 탭 제목에 '나만의 모바일 앱'이라고 표시됩니다.
- 앱 편집을 클릭해 웹 에디터를 엽니다.
참고: 아직 앱을 디자인하지 않았다면, 앱 편집 옵션이 표시되기 전에 앱 이름, 테마 및 레이아웃을 선택해야 합니다. - 웹 에디터 왼쪽에서 화면을 클릭합니다.
- 원하는 작업을 선택합니다.
- 화면 추가: 앱의 메인 탐색 바에 표시할 화면을 추가할지, 탐색 바에서 숨겨진 화면을 추가할지 여부를 선택합니다.
- 탐색 바에 화면을 추가하려면:
- 탐색 메뉴 내 화면 옆 + 추가를 클릭합니다.
- 새 화면의 이름을 입력합니다.
- 탐색 바에 표시될 위치까지 화면을 위 또는 아래로 끌어다 놓습니다.
- 탐색에 없는 화면을 추가하려면:
- 탐색 메뉴 외 화면 옆 + 추가를 클릭합니다.
- 새 화면의 이름을 입력합니다.
- 체크마크
아이콘을 클릭해 화면 이름을 저장합니다.
- 탐색 바에 화면을 추가하려면:
- 화면 권한 설정: 각 화면에 대한 권한을 설정해 특정 배지 또는 유료 플랜을 보유한 회원만 액세스할 수 있도록 설정할 수 있습니다.
- 해당 화면 옆의 추가 작업
아이콘을 클릭합니다. - 권한 설정을 클릭합니다.
- 전체 회원, 배지 보유 회원 또는 유료 플랜 회원 중 누가 탭에 액세스할 수 있는지 선택합니다.
- 해당 화면 옆의 추가 작업
- 탐색 메뉴에서 화면 제거: 탐색 바에서 화면을 비공개합니다. 이 옵션을 선택하면 화면이 탐색 메뉴 외 화면 섹션으로 이동합니다.
- 해당 화면 옆의 추가 작업 아이콘을 클릭합니다.
- 탐색 메뉴에서 제거를 클릭합니다.
도움말: 비공개를 해제하려면 화면 옆의 추가 작업 아이콘을 클릭한 후 탐색 메뉴에 추가를 클릭합니다.
- 해당 화면 옆의 추가 작업
- 화면 순서 변경:
- 순서를 변경할 화면을 클릭한 후 탐색 메뉴에서 위 또는 아래로 끌어다 놓습니다.
- 화면 이름 변경:
- 해당 화면 옆의 추가 작업 아이콘을 클릭합니다.
- 이름 변경을 클릭합니다.
- 새 화면 이름을 입력합니다.
- 해당 화면 옆의 추가 작업
- 화면 삭제:
- 화면 옆의 추가 작업 아이콘을 클릭합니다.
- 삭제를 클릭합니다.
- 삭제를 클릭해 확인합니다.
- 화면 옆의 추가 작업
- 화면 추가: 앱의 메인 탐색 바에 표시할 화면을 추가할지, 탐색 바에서 숨겨진 화면을 추가할지 여부를 선택합니다.
자주 묻는 질문
브랜드 앱 기능을 사용자 지정하는 방법에 대한 자세한 내용을 확인하려면 아래 질문을 클릭하세요.
앱에 PDF 또는 다운로드 가능한 요소를 추가하려면 어떻게 해야 하나요?
앱 언어를 변경하려면 어떻게 해야 하나요?
Wix Owner 앱을 다운로드해야 하는 이유는 무엇인가요?
앱의 기능 및 콘텐츠를 변경한 경우 다시 제출해 검토를 받아야 하나요?
동영상 튜토리얼
도움이 되었나요?
|