WooCommerce 제품 카운트다운을 추가하는 방법
게시 됨: 2022-03-03상점 에 WooCommerce 제품 카운트다운을 추가 하는 쉬운 방법을 원하십니까? 카운트다운 타이머를 사용하면 제품 판매를 늘릴 수 있습니다. 할인, 신제품 출시, 제안, 예정된 이벤트 등에 대해 고객에게 알릴 수 있는 좋은 방법입니다.
이 게시물에서는 온라인 상점에 WooCommerce 제품 카운트다운을 쉽게 추가하는 방법을 보여줍니다. 그 전에 WooCommerce 사이트에 카운트다운 타이머를 추가하는 것이 중요한 이유를 설명합니다.
WooCommerce에 제품 카운트다운을 추가하는 이유는 무엇입니까?
WooCommerce에서 카운트다운을 추가하는 주요 목적은 제품에 대한 판매, 거래 및 할인을 알리는 것입니다. 카운트다운 타이머는 재고의 남은 시간과 남은 제품을 표시하여 고객에게 긴박감을 줍니다.
연구에 따르면 사람들은 FOMO(잃어버릴 것에 대한 두려움) 때문에 긴급한 경우 조치를 취합니다. 이것은 또한 많은 온라인 비즈니스 소유자가 구현하는 마케팅 기법입니다. 좋은 거래를 놓치는 것에 대한 두려움 때문에 시간이 다 떨어지기 전에 방문자가 제품/서비스를 구매하도록 권장합니다 .
이 기술은 Amazon, Aliexpress와 같은 가장 큰 전자 상거래 사이트와 특히 크리스마스, 새해 첫날 및 블랙 프라이데이와 같은 축제 시즌에 다른 많은 웹 사이트에서도 사용됩니다.
따라서 WooCommerce에 카운트다운 타이머를 추가하는 것은 매출을 늘리고 전환율을 높이는 최고의 전략 중 하나입니다. 이를 위해 제품 카운트다운을 사용하여 판매 캠페인에 대한 보다 명확한 정보를 표시할 수 있습니다.
즉, 그렇게하는 방법으로 바로 넘어 갑시다.
WooCommerce 제품 카운트다운을 추가하는 방법은 무엇입니까?
WooCommerce 제품 카운트다운을 추가하는 가장 쉬운 방법 은 전용 카운트다운 플러그인을 사용하는 것입니다 . 이러한 플러그인은 구성하기 쉽고 단축 코드를 사용하여 게시물과 위젯에 삽입할 수 있습니다.
따라서 인기 있는 플러그인과 WooCommerce 제품에 사용할 수 있는 방법을 먼저 살펴보겠습니다.
판매 카운트다운 타이머
판매 카운트다운 타이머 는 웹사이트 의 카운트다운 타이머를 생성 할 수 있는 WordPress 플러그인입니다. 플러그인은 고급 옵션이 있는 모든 프로젝트에 매우 쉽게 구성하고 통합할 수 있습니다.
사이드바 위젯, 게시물 또는 단축 코드를 통해 페이지에 포함될 수 있는 사용자 지정 가능한 카운트다운 타이머를 표시할 수 있습니다. 단일 제품 및 가변 제품에 대한 대량 카운트다운 타이머에 대해 생성할 수 있습니다.
주요 특징들:
- 단축 코드 생성
- 간단하고 깨끗한 인터페이스
- 플러그인 옵션에서 손쉬운 글꼴 및 색상 변경
- 자동 카운트다운 재설정 옵션
가격:
판매 카운트다운 타이머는 무료 플러그인입니다. 공식 WordPress 플러그인 저장소에서 사용할 수 있습니다.
YITH WooCommerce 제품 카운트다운
YITH WooCommerce Product Countdown 은 웹사이트에서 판매를 늘리는 데 도움이 되는 또 다른 플러그인입니다. 전자 상거래 웹 사이트의 게시물과 페이지에서 시선을 사로잡는 카운트다운 타이머를 만드는 완벽한 도구입니다.
HTML5로 개발되었으며 완전히 사용자 정의할 수 있습니다. 또한 새로운 Gutenberg 편집기와 완벽하게 작동하며 사용 가능하거나 매진된 항목의 수를 표시할 수도 있습니다.
주요 특징들:
- 진행률 표시줄 만들기
- 모바일 장치와 호환
- 사용자 정의 가능한 텍스트 및 색상
- 타이머 유형 변경
가격:
YITH WooCommerce Product Timer는 65달러의 연회비로 시작하는 프리미엄 플러그인입니다. 여기에는 1년의 업데이트 및 지원과 30일 환불 보증이 포함됩니다.
플러그인을 사용하여 WooCommerce 제품 카운트다운을 추가하는 방법:
WooCommerce 웹사이트에 제품 카운트다운을 추가할 수 있는 무료 옵션을 찾고 있다면 판매 카운트다운 타이머 를 스타터로 추천합니다. 이 데모에도 사용할 것입니다.
그러나 시작하기 전에 호환되는 WooCommerce 테마 중 하나를 사용하여 WooCommerce를 올바르게 설정했는지 확인하여 테마 또는 플러그인 충돌을 방지하십시오. 지금은 플러그인을 설치하고 활성화하는 것부터 시작하겠습니다.
1. 판매 카운트다운 타이머 플러그인 설치
가장 먼저 해야 할 일은 WordPress 관리 영역의 플러그인 > 새 페이지 추가 를 방문하는 것입니다. 그런 다음 검색창에 판매 카운트다운 타이머를 검색하세요.
그러면 검색 결과의 WordPress 플러그인 디렉토리에서 플러그인을 얻을 수 있습니다. 플러그인 옆에 있는 지금 설치 버튼을 클릭합니다. 설치 프로세스가 완료되면 활성화 합니다.
이 플러그인의 프리미엄 버전을 사용하려면 수동으로 업로드하여 설치해야 합니다. 자세한 내용은 WordPress 플러그인을 수동으로 설치하는 방법에 대한 자세한 가이드를 참조하세요.
2. 플러그인 설정 구성
플러그인을 활성화한 후 플러그인을 설정해야 합니다. 워드프레스 대시보드 메뉴에 추가된 새로운 옵션 " 카운트다운 타이머 "를 찾을 수 있습니다. 열자마자 WooCommerce 웹사이트에서 카운트다운 타이머를 활성화 또는 비활성화하거나 제거할 수 있는 토글 버튼을 볼 수 있습니다.
그 후 플러그인을 구성하고 설정하는 3가지 주요 설정이 있습니다. 여기에는 일반 설정, 디자인 및 WooCommerce 제품이 포함됩니다. 플러그인 설정을 구성하는 방법을 살펴보겠습니다.
2.1) 일반 설정
일반 설정에서 카운트다운 타이머의 이름을 설정하면 단일 제품 페이지에 카운트다운 타이머를 추가하고 싶을 때마다 판매 카운트다운 프로필 을 찾을 수 있습니다.
다음으로 제품 카운트다운 타이머를 예약할 날짜와 시간을 설정해야 합니다.
"카운트다운 상록수" 및 "다음 후 카운트다운 다시 시작"과 같은 일반 설정에 몇 가지 더 많은 기능이 있습니다. 플러그인의 프리미엄 버전에서만 사용할 수 있습니다.
2.2) 디자인 설정
디자인 설정에서 카운트다운 타이머의 전체 모양을 사용자 지정할 수 있습니다. 카운트다운 타이머를 웹사이트에 맞추도록 구성할 수 있는 총 10가지 옵션이 있습니다. 그들은:
- 메시지 : 프런트 엔드에 표시되는 문자 메시지 추가
- 시간 구분 기호 : 콜론(:), 쉼표(,), 점(.)과 같은 구분 기호를 선택합니다. 시간 단위 사이
- 날짜/시간 형식 스타일: 시간에 대한 다양한 형식 스타일 선택
- 날짜/시간 단위 위치: 시간 단위 를 표시할 상단 또는 하단 위치를 선택합니다.
- 애니메이션 스타일: 카운트다운 타이머의 기본 또는 슬라이드 애니메이션 스타일을 선택합니다.
- 디스플레이 유형 : 카운트다운 타이머의 다양한 레이아웃 선택
- 카운트다운 타이머 : 카운트다운 타이머의 배경, 테두리, 패딩 및 테두리 반경의 색상을 선택합니다.
- 카운터 타이머 항목 : 카운터 타이머 항목의 색상을 설정할 수 있습니다.
- 날짜/시간 값 : 날짜/시간 값의 배경색 및 글꼴 크기 사용자 지정
- 날짜/시간 단위 : 날짜/시간 단위의 배경색 및 글꼴 크기를 사용자 지정합니다.
2.3) 우커머스 제품 설정
마지막으로 WooCommerce 제품 설정을 통해 카운트다운 제품이 표시되는 방식을 구성할 수 있습니다.
제품에 대해 고정 타이머를 활성화하고 단일 제품 또는 아카이브 페이지에서 위치를 조정할 수 있습니다.
마찬가지로 상점이나 카테고리 페이지에 카운트다운 타이머를 표시하려는 경우에도 그렇게 할 수 있습니다. 타이머의 크기는 모바일 장치에서 이러한 페이지에 맞게 조정할 수도 있습니다.
또한 다가오는 판매를 위해 카운트다운 타이머를 활성화할 수도 있습니다. 웹사이트에 맞춤형 메시지를 추가하기만 하면 됩니다.
마지막으로 카운트다운 타이머에 대한 진행률 표시줄 옵션도 있습니다. 이러한 설정을 구성하여 제품의 주문 상태와 함께 제품의 가용성 을 볼 수 있습니다. 뿐만 아니라 진행률 표시줄의 디자인을 사용자 지정할 수도 있습니다.
진행률 표시줄에서 가장 먼저 볼 수 있는 것은 진행률 표시줄 메시지가 있는 섹션입니다. 여기에서 {quantity_sold}/{goal} 판매 와 같은 단축 코드를 사용하여 메시지를 구성할 수 있습니다.
다음으로 진행률 표시줄 유형을 선택하여 얼마나 많은 제품이 판매되었는지 확인할 수 있습니다. 증가 및 감소의 두 가지 옵션이 있습니다. 증가 옵션을 선택하면 제품 바가 제품을 구매할 때마다 채워집니다.
진행률 표시줄 유형 외에도 "주문 상태" 옵션도 볼 수 있습니다. 이 옵션을 사용하면 먼저 주문 상태를 선택할 수 있으며 선택한 주문 상태만 진행률 표시줄에 계산됩니다.
판매 진행률 표시줄의 위치를 선택할 수도 있습니다. 카운트다운 시계 위와 아래에 진행률 표시줄을 표시할 수 있는 두 가지 위치가 있습니다.
마지막 구성의 경우 진행률 표시줄의 텍스트, 배경 및 테두리 반경 색상을 변경할 수 있습니다.
3. 단일 제품에 WooCommerce 제품 카운트다운 타이머 추가
구성 후에는 주문 편집 페이지에서 직접 WooCommerce 제품에 카운트다운 타이머를 쉽게 추가할 수 있습니다. WordPress 대시보드에서 제품 > 모든 제품 으로 이동합니다. 여기에서 모든 제품을 볼 수 있습니다. 편집 을 클릭하거나 카운트다운 타이머를 설정하려는 제품을 선택할 수 있습니다.
이것은 제품 편집 페이지로 연결됩니다. 그런 다음 드롭다운에서 여러 옵션이 있는 제품 데이터 를 볼 수 있는 곳에서 아래로 스크롤합니다. 단일 제품에 카운트다운 타이머를 추가하고 있으므로 드롭다운에서 '간단한 제품 '을 선택해야 합니다.
일반 설정에서 판매 가격과 함께 정상 가격을 설정할 수 있습니다. 그 아래에서 판매 가격 옵션 뒤에 있는 일정 옵션을 클릭합니다. 카운트다운 날짜와 시간을 설정할 수 있는 추가 카운트다운 타이머 설정 을 볼 수 있습니다.
또한 구성하는 동안 생성한 카운트다운 타이머 프로필을 선택할 수도 있습니다. 우리의 경우 " 재고 정리 "입니다. 판매 캠페인에 따라 프로필 이름을 지정할 수 있습니다.
여기에서 확인란을 선택하여 진행률 표시줄을 활성화할 수도 있습니다.
그런 다음 고객에게 제품이 얼마나 팔렸는지 또는 사용할 수 있는지 알 수 있도록 목표와 초기 수량을 설정하기 만 하면 됩니다. 완료되면 업데이트 버튼을 클릭합니다. 결과적으로 카운터 타이머가 제품 페이지에 표시되는 것을 볼 수 있습니다.
3.1) 짧은 코드가 있는 단일 페이지에 WooCommerce 제품 카운트다운 타이머 추가
WooCommerce 제품 카운트다운을 제품 대신 다른 WooCommerce 페이지에 추가 하려면 단축 코드를 사용하면 됩니다. 카운트다운 타이머 설정 페이지에서 제공됩니다. 숏코드를 복사하면 됩니다.
이제 제품 카운트다운을 표시할 페이지를 편집하기만 하면 됩니다. 그런 다음 여기에 단축 코드를 붙여넣습니다.
마지막으로 업데이트 를 클릭합니다. 페이지를 미리 보면 페이지의 프런트 엔드에서 카운트다운 타이머를 찾을 수 있습니다.
4. 가변 제품에 대한 대량 판매 카운트다운 타이머 추가
단일 제품에 대해 WooCommerce 제품 카운트다운 타이머를 추가하는 방법을 보았습니다. 이제 변형 또는 가변 제품 이 있는 제품에 대량 판매를 추가 하는 방법을 살펴보겠습니다.
앞서 상품 수정 페이지에서 단일 상품을 '단순 상품'으로 설정했는데, 이제는 상품 데이터의 드롭다운 메뉴에서 상품 유형을 ' 가변 상품' 으로 변경해야 한다.
이러한 설정이 단순 제품과 다르다는 것을 알 수 있습니다. 하지만 카운트다운을 설정하는 과정은 가변형 제품의 단품과 동일합니다.
옵션에서 변형 을 선택하고 제품의 목표 및 초기 수량과 함께 카운트다운 타이머의 날짜와 시간을 다시 설정합니다. 확인란을 선택하여 진행률 표시줄을 활성화하거나 비활성화할 수도 있습니다.
그런 다음 제품 > 모든 제품으로 이동해야 합니다. 대량 판매 카운트다운 타이머를 추가하려면 제품 유형을 필터링하고 드롭다운 메뉴에서 가변 제품 을 선택한 다음 필터 버튼을 클릭해야 합니다.
이제 제품 목록에서 가변 제품 목록만 볼 수 있습니다.
가변 제품을 선택하고 일괄 작업 필드에서 편집 을 선택하고 바로 옆에 있는 적용 버튼을 클릭합니다.
편집 페이지에서 더 스크롤하면 가변 제품에 대한 대량 판매 카운트다운 타이머를 찾을 수 있습니다.
원하는 대로 대량 판매 카운트다운 타이머를 편집한 후 업데이트 를 클릭합니다.
보너스: WooCommerce 주문 자동 완성
우리는 이미 WooCommerce 제품 카운트다운을 추가하는 가장 쉬운 방법 중 하나를 제시했습니다. 그들은 제안에 대해 고객에게 알리는 데 매우 유용합니다. 그러나 보너스로 이 가이드를 제공하여 고객의 주문을 자동 완성하여 신속하게 응답할 수 있습니다.
WooCommerce 주문을 자동 완성하는 가장 쉽고 빠른 방법은 전용 플러그인을 사용하는 것입니다.
이 가이드에서는 자동 완성 WooCommerce 주문 플러그인을 사용할 것입니다. 그럼 플러그인을 설치해보도록 하겠습니다. 이를 위해 WordPress 대시보드 > 플러그인 > 새로 추가 로 이동하고 검색 창에서 자동 완성 WooCommerce 주문을 검색합니다.
결과가 표시되면 지금 설치 버튼을 클릭하고 활성화 하십시오.
더 진행하기 전에 AutoComplete WooCommerce 플러그인을 설정하려면 PayPal 토큰 이 필요합니다. PayPal 계정에서 토큰을 쉽게 찾을 수 있습니다. 그럼 먼저 토큰을 가져오도록 합시다.
PayPal 데이터 토큰 설정
첫 번째 단계는 PayPal 계정에 로그인하는 것입니다. 이제 탐색 모음에서 설정 버튼을 클릭하여 PayPal 계정 설정으로 이동합니다.
다양한 옵션을 찾을 수 있지만 판매자 도구 탭을 클릭해야 합니다. 웹사이트 기본 설정 업데이트 를 클릭해야 합니다.
그런 다음 자동 반환 까지 아래로 스크롤 하고 자동 반환 옵션을 활성화합니다 . 그렇게 하면 반환 URL 페이지에 필드를 추가할 수 있습니다. 사용자가 페이지를 체크아웃할 때마다 선택한 페이지로 리디렉션됩니다.
반환 URL을 선택한 후 설정을 저장합니다. 더 스크롤하면 Paypal 데이터 토큰에 액세스할 수 있습니다. ID 토큰을 복사하고 결제 데이터 전송 옵션을 활성화합니다 .
자동 완성 주문 플러그인 구성
플러그인 설정을 구성하려면 WooCommerce > 설정 으로 이동하여 주문 자동 완성 탭을 엽니다.
3가지 모드를 찾을 수 있습니다.
- 가상 제품의 유료 주문만
- 모든 제품의 모든 유료 주문
- 모든 주문(유료 또는 미지급)
웹사이트에서 원하는 모드를 선택합니다. 또한 주문은 선택한 모드에 따라 자동으로 처리됩니다. 예를 들어 모든 제품 옵션의 모든 유료 주문을 선택하면 플러그인은 확인된 결제를 기반으로 모든 종류의 제품에 대한 주문을 자동으로 처리합니다.
PayPal 데이터 전송 토큰 설정
플러그인과 PayPal 데이터 토큰을 모두 설정한 후 WooCommerce> 설정 을 클릭하고 결제 탭을 엽니다.
여기에서 웹사이트의 모든 지불 게이트웨이를 볼 수 있습니다. 관리 를 클릭하여 WooCommerce에서 PayPal 설정을 엽니다.
더 스크롤하면 PayPal ID 토큰 필드 를 찾을 수 있습니다. 이제 이전에 저장한 ID 토큰 을 붙여넣습니다.
마지막으로 나머지 설정을 지정하여 PayPal을 통해 고객에게 멋진 결제 경험을 제공할 수 있습니다. 방법을 배우고 싶다면 이 기사를 확인하십시오. 모든 설정이 완료되면 변경 사항 저장을 클릭합니다.
이제 고객은 웹사이트에서 WooCommerce 주문을 자동 완성할 수 있습니다.
비슷하게. 코드를 사용하여 자동 완성 주문을 활성화할 수도 있습니다. 그렇게 하는 방법을 배우고 싶다면 여기에서 기사를 확인하는 것이 좋습니다.
결론
결론적으로 WooCommerce에 카운트다운을 추가하면 판매를 늘리고 전환을 늘리며 더 나은 고객 경험을 제공하는 데 도움이 됩니다.
오늘 이 튜토리얼에서는 WooCommerce 웹사이트 에 제품 카운트다운을 추가 하는 쉬운 방법을 보았습니다. 이것은 초보자에게 적합합니다. 판매 카운트다운 타이머는 구성이 매우 쉽고 프리미엄 버전으로 업그레이드하려는 경우 추가 기능과 함께 제공되는 우수한 프리미엄 플러그인입니다.
또한 고객이 주문할 때마다 수동으로 승인하지 않고도 가상 제품이나 서비스를 구매할 수 있는 WooCommerce 주문을 자동 완성 하는 몇 가지 기본 단계를 제공했습니다. 그러나 WooCommerce 주문에 대해 배우고 싶다면 주문 내보내기 또는 삭제, 주문 반복 또는 테스트에 대한 가이드가 더 있습니다.
제품에 카운트다운을 추가했습니까? 이 플러그인에 대해 어떻게 생각하세요? 의견 섹션에서 귀하의 경험에 대해 알려주십시오.
또한 WooCommerce 사이트의 사용자 경험을 개선하려는 경우 다음 문서가 도움이 될 수 있습니다.
- 최고의 WooCommerce 제품 목록 보기 플러그인
- WooCommerce 관련 제품을 추가하는 방법
- WordPress용 최고의 슬라이더 플러그인