Wix 쇼핑몰: 제품 페이지 사용자 지정하기
8 분
페이지 메뉴
- 제품 페이지 요소 공개 또는 비공개하기
- 제품 페이지 설정 사용자 지정하기
- 레이아웃 및 이미지 표시 사용자 지정하기
- 제품 페이지 디자인 사용자 지정하기
- 제품 페이지 버튼 텍스트 편집하기
- 자주 묻는 질문
중요!
이 도움말은 Wix 에디터 및 Wix 하모니 에디터의 제품 페이지에 적용됩니다. Wix Studio 제품 페이지를 사용자 지정하는 방법을 확인하세요.
제품 페이지는 제품 각각의 상세한 정보를 표시하는 동적 페이지입니다.
페이지의 디자인은 언제나 같지만 내용(제품 이미지 및 텍스트)는 어떤 제품을 표시하느냐에 따라 다릅니다.
배경 색상 또는 버튼 텍스트 변경과 같이 제품 페이지에 수행한 모든 사용자 지정은 모든 제품에 영향을 미칩니다.
제품 페이지 요소 공개 또는 비공개하기
표시 옵션 탭을 클릭해 제품 페이지에서 공개하거나 비공개할 요소를 선택하세요.
제품 페이지에는 '카트에 추가' 버튼이 기본적으로 활성화되어 있습니다. 설정 탭에서 위시리스트 아이콘과 '구매하기' 버튼을 활성화할 수도 있습니다.
'구매하기' 버튼을 익스프레스 체크아웃 옵션으로 변경할 수도 있습니다(예: PayPal, Apple Pay, Google Pay).
PayPal 또는 Apple Pay, Google Pay를 사용한 체크아웃에 대한 자세한 도움말을 확인하세요.
제품 페이지 요소를 표시하거나 숨기려면:
Wix 에디터
Wix 하모니 에디터
- 에디터로 이동합니다.
- 제품 페이지로 이동합니다.
- 에디터 왼쪽에서 페이지 및 메뉴
아이콘을 클릭합니다. - 쇼핑몰 페이지를 클릭합니다.
- 제품 페이지를 클릭합니다.
- 에디터 왼쪽에서 페이지 및 메뉴
- 페이지에서 제품 페이지 요소를 클릭합니다.
- 설정을 클릭합니다.
- 표시 탭을 클릭합니다.
- 공개 및 비공개를 설정할 요소의 체크상자를 선택 및 선택 해제합니다.
도움말:
품절 임박 메시지 옆 체크상자를 선택해 고객에게 제품이 몇 개 남지 않았음을 알릴 수 있습니다. 제품의 재고가 10개 미만으로 감소하면 메시지가 표시됩니다(예: '재고 3개 남았습니다').
제품 페이지 설정 사용자 지정하기
Wix 에디터
Wix 하모니 에디터
- 에디터로 이동합니다.
- 제품 페이지로 이동합니다.
- 에디터 왼쪽에서 페이지 및 메뉴 아이콘을 클릭합니다.
- 쇼핑몰 페이지를 클릭합니다.
- 제품 페이지를 클릭합니다.
- 에디터 왼쪽에서 페이지 및 메뉴
- 페이지에서 제품 페이지 요소를 클릭합니다.
- 설정을 클릭합니다.
- 설정 탭을 클릭합니다.
- 카트에 추가 버튼을 클릭하고 버튼 클릭 시 발생하는 작업을 선택합니다.
- 성공 팝업창 표시: 팝업 알림이 표시됩니다.
참고: 팝업은 모바일에서는 표시되지 않습니다. 모바일 고객은 쇼핑카트 페이지로 이동합니다. - 사이드 카트 열기: 화면 측면에서 열립니다.
- 카트 페이지로 이동: 고객이 전체 쇼핑카트 페이지로 바로 이동합니다.
- 제품 페이지에 남기: 고객이 제품 페이지에 남습니다. 제품이 성공적으로 표시되었다는 것을 알리는 체크마크가 버튼에 표시됩니다.
- 위시리스트 버튼을 클릭한 후 "위시리스트에 추가" 버튼 표시 버튼을 클릭해 활성화 또는 비활성화합니다.
도움말: 위시리스트 추가 및 설정에 대한 자세한 도움말을 확인하세요.
레이아웃 및 이미지 표시 사용자 지정하기
레이아웃 탭을 클릭해 쇼핑몰에 최적인 제품 페이지 레이아웃을 선택하세요. 그 다음, 이미지의 표시 방법을 사용자 지정하세요.
참고:
이미지 옵션은 선택한 레이아웃에 따라 다릅니다.
Wix 에디터
Wix 하모니 에디터
- 에디터로 이동합니다.
- 제품 페이지로 이동합니다.
- 에디터 왼쪽에서 페이지 및 메뉴 아이콘을 클릭합니다.
- 쇼핑몰 페이지를 클릭합니다.
- 제품 페이지를 클릭합니다.
- 에디터 왼쪽에서 페이지 및 메뉴
- 페이지에서 제품 페이지 요소를 클릭합니다.
- 설정을 클릭합니다.
- 레이아웃 탭을 클릭합니다.
- 일반사항:
- 제품 페이지의 레이아웃을 선택합니다.
- 와이드 스크린 사용하기 버튼을 클릭해 활성화 또는 비활성화합니다.
- 제품 이미지: 쇼핑몰에 이미지를 표시하는 방법에 대한 자세한 도움말을 확인하세요.
- 이미지 비율 드롭다운을 클릭해 비율을 선택합니다.
- 이미지 크기 조정에서 옵션을 선택합니다.
- 자르기: 모든 이미지를 동일한 크기로 자릅니다.
- 맞춤: 이미지의 가로 세로 비율을 유지합니다.
- 이미지 확대 버튼을 클릭해 활성화합니다(일부 레이아웃에서 선택 가능). 참고: 확대를 미리보기하려면 라이브 사이트로 이동하세요.
- 섬네일 표시 아래에서 이미지 섬네일 표시 방법을 선택합니다.
- 색상 견본: 제품 옵션 및 선택사항 텍스트 선택지(예: '사이즈')를 표시할 방법을 선택하고 선택한 옵션을 사용자 지정합니다.
제품 페이지 디자인 사용자 지정하기
쇼핑몰의 분위기에 어울리도록 제품 페이지의 색상, 글꼴, 버튼 스타일 등을 사용자 지정할 수 있습니다. 디자인 탭을 클릭해 시작하세요.
도움말:
사용 가능한 사용자 지정 사항은 선택한 레이아웃 및 설정 옵션에 따라 다릅니다.
Wix 에디터
Wix 하모니 에디터
- 에디터로 이동합니다.
- 제품 페이지로 이동합니다.
- 에디터 왼쪽에서 페이지 및 메뉴 아이콘을 클릭합니다.
- 쇼핑몰 페이지를 클릭합니다.
- 제품 페이지를 클릭합니다.
- 에디터 왼쪽에서 페이지 및 메뉴
- 페이지에서 제품 페이지 요소를 클릭합니다.
- 설정을 클릭합니다.
- 디자인 탭을 클릭합니다.
- 사용 가능한 옵션을 사용해 디자인을 사용자 지정합니다.
다음 지침을 참고하세요.
제품 페이지 버튼 텍스트 편집하기
텍스트 탭을 클릭해 제품 페이지 버튼에 표시되는 모든 텍스트 옵션을 편집하세요.
도움말:
카트에 추가 또는 구매하기 버튼을 비활성화한 경우 일부 옵션을 선택할 수 없습니다.
Wix 에디터
Wix 하모니 에디터
- 에디터로 이동합니다.
- 제품 페이지로 이동합니다.
- 에디터 왼쪽에서 페이지 및 메뉴 아이콘을 클릭합니다.
- 쇼핑몰 페이지를 클릭합니다.
- 제품 페이지를 클릭합니다.
- 에디터 왼쪽에서 페이지 및 메뉴
- 페이지에서 제품 페이지 요소를 클릭합니다.
- 설정을 클릭합니다.
- 텍스트 탭을 클릭합니다.
- 제공된 텍스트 옵션을 편집합니다.
다음 지침을 참고하세요.
자주 묻는 질문
제품 페이지에 대해 두 개 이상의 버전을 생성할 수 있나요?
제품 이미지에 확대 기능을 추가하려면 어떻게 해야 하나요?
제품 페이지의 접근성을 높이려면 어떻게 해야 하나요?
제품 페이지 또는 특정 제품에 대한 액세스를 제한할 수 있나요?
제품 페이지를 삭제할 수 있나요?