이 가이드에서는 WooCommerce 스토어에서 “지금 구매” 버튼의 기능과 디자인을 개선하는 방법을 알아봅니다. 이러한 조정으로 사용자 경험을 크게 향상하고 구매 과정을 간소화할 수 있습니다.
상품 페이지의 지금 구매 버튼 사용자 지정
먼저 상품 페이지에서 버튼이 작동하는 방식을 조정하려면 지금 구매 버튼 설정으로 이동하세요.
- 지금 구매 버튼 활성화: 이 기능을 활성화하면 버튼이 눈에 잘 띄게 표시됩니다.
- 지금 구매 버튼 레이블: 브랜드에 어울리는 매력적인 레이블을 만드세요.
- 리디렉션할 페이지: 클릭 후 고객이 이동할 페이지를 지정합니다.
- 버튼 위치: 가격 아래처럼 최적의 위치를 선택합니다.
- 지금 구매 버튼 너비: 잘 보이도록 너비를 픽셀 단위로 지정합니다.
- 여백 설정: 정확한 정렬을 위해 위, 아래, 왼쪽, 오른쪽 여백을 조정합니다.
상품 아카이브 페이지의 지금 구매 버튼 개선
다음으로 상품 아카이브나 카테고리 페이지도 일관성 있게 설정하세요.
- 지금 구매 버튼 활성화: 아카이브 페이지 전체에 버튼을 표시합니다.
- 지금 구매 버튼 레이블: 여기에서도 일관된 레이블을 사용합니다.
- 리디렉션할 페이지: 고객을 다음 단계로 효율적으로 안내합니다.
- 버튼 위치: 쉽게 접근할 수 있는 위치를 설정합니다.
- 너비 및 여백 조정: 모양과 간격을 균일하게 맞춥니다.
지금 구매 버튼 디자인 세부 조정
마지막으로 스토어 테마에 맞게 디자인을 사용자 지정하세요.
- 글꼴 및 배경 색상: 가독성을 높이고 스타일에 어울리는 색상을 선택합니다.
- 호버 효과: 상호작용 피드백을 위한 호버 색상을 선택합니다.
- 안쪽 여백 및 테두리 반경: 이 값을 조정하여 보기 좋은 버튼을 만듭니다.
이 단계를 따르면 WooCommerce의 “지금 구매” 버튼을 완전히 사용자 지정하여 고객에게 매끄럽고 매력적인 쇼핑 경험을 제공할 수 있습니다.
2026년 4월 17일 업데이트 · 도움이 필요하신가요? 지원 티켓을 등록하세요