Divi로 WooCommerce 체크아웃 페이지를 설정하는 방법

온라인 쇼핑 여정에서 가장 중요한 단계는 구매 완료입니다. 사용자가 온라인 상점을 탐색하는 데 얼마나 오랜 시간을 소비하더라도 판매로 변환되지 않으면 관련이 없습니다.

고객이 결제 프로세스를 최대한 원활하게 하는 것이 중요합니다. 그렇다면 WooCommerce 스토어에서 사용하기 쉬운 결제 페이지를 만드는 방법은 무엇입니까? 이 게시물에서는 Divi로 맞춤형 WooCommerce 결제 페이지를 설정하는 방법을 살펴보겠습니다.

맞춤형 WooCommerce 결제 페이지가 필요한 이유는 무엇입니까?

어떤 고객도 번거로운 결제 프로세스를 처리할 필요가 없습니다. 진실은 당신의 고객이 당신의 체크아웃 페이지와 프로세스에 스트레스를 준다면 주저하지 않을 것입니다. 현재 전자 상거래 사이트에서 장바구니가 버려진 경우 결제 페이지를 점검하는 것이 좋습니다.

고객에게 쇼핑 경험의 시작부터 마지막 ​​단계까지 "와우" 효과를 주어야 합니다. 기존 WooCommerce 결제 페이지를 선택하면 이 효과를 얻을 수 없습니다.

고객에게 원활한 쇼핑 경험을 제공하려면 독특하고 매끄럽고 사용하기 쉬운 결제 프로세스를 만들어야 합니다. 맞춤형 체크아웃 페이지를 생성할 때의 이점은 다음과 같습니다.

• 장바구니 포기 감소

놓친 판매 기회는 종종 장바구니 포기로 인해 발생합니다. 고객이 이미 상품을 장바구니에 담았지만 어딘가에 구매가 완료되지 않은 채 사이트를 떠나는 상황입니다. 복잡한 체크아웃 페이지는 종종 장바구니 포기로 이어집니다.

고객이 긴 프로세스를 거쳐야 하거나 프로세스가 안전하지 않다고 느끼면 거래 완료에 대한 관심을 잃을 가능성이 높습니다. 맞춤형 결제 페이지를 사용하면 고객이 프로세스를 더 쉽고 안전하게 찾을 가능성이 높습니다.

• 빠르고 쉬운 거래

판매 유입경로는 가능한 한 짧고 빨라야 완료됩니다. WooCommerce 결제 페이지를 설정하고 사용자 정의하면 불필요한 부담을 쉽게 제거하고 거래 프로세스에서 중요한 세부 사항에만 집중할 수 있습니다.

여러 페이지를 작성해야 하는 체크아웃 프로세스가 있으면 고객이 지쳐 사이트를 떠날 수 있습니다. 그러나 전체 프로세스가 간소화되면 고객이 구매 여정을 더 빠르고 쉽게 완료하도록 지원할 수 있습니다.

맞춤형 WooCommerce 결제 페이지를 설정하는 방법

WooCommerce 페이지는 기본 결제 페이지와 함께 제공됩니다. 타사 플러그인 또는 단축 코드를 사용하여 이를 편집할 수 있습니다. 신규 사용자인 경우 이 옵션을 사용하여 결제 페이지를 편집하기 어려울 수 있습니다. 이것은 Divi Builder와 같은 플러그인을 사용하는 곳입니다.

Divi Builder에는 맞춤형 체크아웃 페이지로 멋진 온라인 상점을 구축할 수 있는 Divi Shop 모듈이 있습니다. 이 섹션에서는 맞춤형 WooCommerce 결제 페이지를 설정하는 단계별 가이드를 살펴보겠습니다.

그 전에 SSL 인증서, 데이터 보호 및 사이트 보안의 중요성을 이해하는 것이 중요합니다. 플랫폼에 저장된 데이터를 암호화하려면 추가 보안 계층을 위한 SSL 인증서가 필요합니다.

SSL 인증서는 귀하의 사이트가 신용 카드 세부 정보를 제공하는 것이 안전하다는 것을 고객에게 보여줍니다. 이제 이 부분을 지웠으므로 맞춤형 WooCommerce 체크아웃 페이지를 만드는 방법에 대해 자세히 알아보겠습니다.

1단계: Divi Builder 플러그인을 사용하기 전에 WooCommerce 플러그인 설정에서 결제 페이지를 설정하세요. 이렇게 하려면 WooCommerce 대시보드로 이동하여 "설정"을 클릭합니다.

그런 다음 "고급" 탭을 클릭하고 결제 페이지를 찾습니다. 드롭다운 메뉴에서 "체크아웃" 옵션을 선택하고 페이지 끝까지 스크롤하여 "저장" 버튼을 클릭하여 변경 사항을 저장합니다.

2단계: 결제 페이지가 이미 설정된 상태에서 다음 단계는 Divi Shop Builder 플러그인을 설치하는 것입니다. 따라서 우아한 테마 공식 웹 사이트로 이동하여 Divi Shop Builder 플러그인을 구입하십시오. "내 계정 페이지"에서 다운로드 링크를 클릭하여 다운로드하십시오.

다운로드 후 플러그인을 설치하고 활성화합니다. 플러그인은 설치가 완료되면 Divi 메뉴에 표시됩니다. 계속하기 전에 구매용 플러그인을 인증해야 합니다.

이렇게 하려면 우아한 테마 웹사이트의 "내 계정 페이지"로 이동하여 라이선스 키를 복사합니다. 플러그인을 인증하면 사용을 시작할 수 있습니다. Divi Shop Builder는 Divi Builder 플러그인에서 작동하므로 WooCommerce 매장을 매우 원활하게 구축할 수 있습니다.

3단계: 다음 단계는 맞춤형 WooCommerce 결제 페이지를 만드는 것입니다. 이렇게 하려면 클릭하여 체크아웃 페이지를 열고 구입한 Divi Builder를 활성화하십시오. 그런 다음 Divi Builder 플러그인을 열고 모듈 추가를 시작합니다.

Divi Builder에 5개의 새로운 모듈(Checkout Billing, Checkout Coupon, Checkout Order, Checkout Shipping, Cart/Checkout Notices)이 추가되었습니다. 이 모듈은 WooCommerce 스토어에서 사용자 정의 결제 페이지를 설정하는 데 도움이 됩니다. 다음은 이러한 모듈이 작동하는 방식입니다.

결제 결제: 고객이 결제 세부정보를 입력할 수 있는 모든 양식 입력 필드를 사용자 지정할 수 있습니다. 필드 레이블을 적절하게 편집할 수 있습니다.

결제 배송: 고객이 보조 주소를 지정할 수 있습니다. Checkout 청구와 마찬가지로 양식 필드를 적절하게 편집할 수도 있습니다.

결제 쿠폰: 고객이 특별 할인을 청구하기 위해 할당된 고유한 프로모션 코드를 입력할 수 있습니다. Checkout Coupon 모듈을 다른 모듈과 분리하여 작동하도록 해야 합니다. 공간 제약이 있는 경우 행과 섹션 사이의 패딩을 줄여 더 많은 공간을 만드십시오.

결제 주문: 고객이 결제 옵션을 진행하기 전에 주문을 설정하고 확인하는 곳입니다. 끌어서 놓기 기능을 사용하여 이 부분을 적절하게 편집할 수도 있습니다.

결제 알림: 다른 결제 페이지에 메모를 추가하려면 이 모듈을 사용할 수 있습니다. 디자인을 원하는 만큼 정교하게 또는 단순하게 할 수 있습니다.

Checkout 모듈을 사용할 때 다른 양식 모듈과 동일한 섹션에 있지 않은지 확인해야 합니다. 함께 배치하면 작동하지 않습니다. Checkout 페이지를 구축할 때 Contact Form Module, Opt-in Form Module, Comment Module 및 Login Module을 별도의 섹션에 배치하여 적절하게 작동하도록 해야 합니다.

Divi 테마 내의 다른 모듈과 마찬가지로 Divi Builder를 사용하여 체크아웃 모듈의 스타일을 사용자 지정할 수 있습니다. 이렇게 하려면 아래 단계를 따르세요.

• 클릭하여 Checkout 모듈을 엽니다.

• "디자인" 탭을 클릭합니다.

• 다양한 요소를 사용하여 디자인 및 브랜드 아이덴티티와 일치하는 방식으로 페이지 스타일 지정

• 고급 탭을 통해 더 많은 사용자 정의를 추가할 수도 있습니다. 고급 탭에서 장치에 대한 스크롤 효과, 전환, 위치 및 가시성 설정을 지정할 수 있습니다. 고급 CSS 스크립팅을 위해 사용자 정의 ID와 클래스를 추가할 수도 있습니다.

결론

Divi는 WooCommerce 결제 페이지를 설정하는 스트레스를 덜어줍니다. 현재 체크아웃 페이지를 편집하고 맞춤형 장바구니 페이지를 만들 수도 있습니다. divi 플러그인에는 상상할 수 있는 고객을 초대할 수 있는 다양한 기능이 포함되어 있습니다. 또한 쇼핑과 결제 프로세스가 매우 원활해집니다.