Divi로 WooCommerce Lucky Wheel Optin 양식을 만드는 방법

게시 됨: 2019-03-13

매주 다음 프로젝트에 사용할 수 있는 새로운 무료 Divi 레이아웃 팩을 제공합니다. 레이아웃 팩 중 하나의 경우 웹사이트를 한 단계 업그레이드하는 데 도움이 되는 사용 사례도 공유합니다.

이번 주에는 진행 중인 Divi 디자인 이니셔티브의 일환으로 Divi 및 WP Optin Wheel 플러그인을 사용하여 WooCommerce 럭키 휠 옵틴 양식을 만드는 방법을 보여 드리겠습니다. 이 튜토리얼은 옵틴 양식 전환율을 높이는 데 도움이 되기를 바랍니다. 럭키 휠 옵틴 양식의 게임화 기능을 사용하면 방문자와 상호 작용하고 온라인 구매에 사용할 수 있는 할인 코드로 보상할 수 있습니다.

가자!

시사

튜토리얼을 시작하기 전에 다양한 화면 크기에서 결과를 간단히 살펴보겠습니다.

럭키 휠 옵틴

우커머스 설치

플러그인 검색 및 설치

아직 설치하지 않은 경우 가장 먼저 해야 할 일은 WordPress 웹사이트에 WooCommerce를 설치하는 것입니다. 또한 작업 중인 Divi 웹 사이트에서 Hardware Store Layout Pack을 설정했다고 가정합니다.

플러그인으로 이동하여 WooCommerce를 검색하십시오. 찾으셨다면 '지금 설치' 버튼을 클릭하세요.

럭키 휠 옵틴

활성화

WooCommerce 플러그인을 즉시 활성화해야 합니다.

럭키 휠 옵틴

WooCommerce 설정

그러면 WooCommerce가 자동으로 설정 양식으로 리디렉션합니다. 여기에서 상점을 라이브로 준비하려면 모든 세부 정보를 입력해야 합니다. 이 과정을 거치면 필요한 모든 WooCommerce 페이지가 자동으로 웹사이트에 추가됩니다.

럭키 휠 옵틴

WP Optin Wheel 플러그인 설치

플러그인 검색 및 설치

행운의 휠 옵틴 양식을 만들기 위해 WP Optin Wheel이라는 무료 게임화 플러그인을 사용할 것입니다. 플러그인으로 돌아가서 WP Optin Wheel 플러그인을 검색하십시오. 그런 다음 '지금 설치' 버튼을 클릭합니다.

럭키 휠 옵틴

활성화

플러그인을 활성화하여 계속하십시오.

럭키 휠 옵틴

WooCommerce에 제품 추가

새 제품 추가

이미 전자상거래 웹사이트를 운영하고 있다면 이 부분을 건너뛸 수 있습니다. 그러나 시도하는 중이라면 WooCommerce 플러그인에 일부 제품을 추가하는 것이 좋습니다. 이것은 나중에 행운의 휠 옵틴 양식을 테스트하는 데 도움이 됩니다. 새 제품을 추가하려면 제품 > 새로 추가 로 이동합니다.

럭키 휠 옵틴

제품 세부 정보 추가

모든 제품 세부 정보를 입력합니다. 여기에는 제품 이름, 설명, 추천 이미지, 가격 및 카테고리가 포함되지만 이에 국한되지 않습니다. 이러한 세부 정보를 모두 추가했으면 제품 페이지를 게시하세요.

럭키 휠 옵틴

각 제품에 대해 반복

웹사이트에 추가하려는 각 제품에 대해 동일한 단계를 반복합니다.

럭키 휠 옵틴

WooCommerce에 쿠폰 추가

쿠폰으로 이동

이제 쿠폰을 추가할 차례입니다. 이 게시물의 뒷부분에서 우리는 행운의 바퀴 옵틴 양식으로 만든 쿠폰을 사용할 것입니다. WordPress 대시보드 > WooCommerce > 쿠폰으로 이동합니다. 거기에 도착하면 첫 번째 쿠폰 만들기를 시작하십시오.

럭키 휠 옵틴

쿠폰 #1 추가: 5% 할인

일반적인

12 조각의 행운의 바퀴에서 상을 포함하는 조각의 수를 결정할 수 있습니다. 예를 들어, 4개의 상품을 제공하고 각각에 대해 다른 쿠폰을 생성할 수 있습니다. 휠의 여러 지점에 대한 쿠폰을 사용할 수도 있습니다. 첫 번째 쿠폰을 생성했으면 페이지 상단에 쿠폰 코드를 입력하세요. 그런 다음 일반 설정을 수정합니다.

할인 유형: 백분율 할인
쿠폰 금액: 5
쿠폰 만료일: 선택하신 날짜를 입력하세요.

럭키 휠 옵틴