워드 프레스

WooCommerce 결제 페이지에 대한 전체 가이드

WooCommerce는 WordPress 사이트를 동적 전자 상거래 상점으로 바꾸는 데 사용할 수 있는 유연하고 강력한 플러그인입니다. 그러나 장바구니 포기를 줄이고 전환을 유도하며 수익을 높이려면 WooCommerce 체크아웃 페이지에 주의를 기울이는 것이 중요합니다.

WooCommerce에서 결제 페이지의 스타일을 지정하고 편집하는 방법에는 여러 가지가 있습니다. 첫 번째 온라인 상점을 시작하고 이 페이지의 작동 방식을 이해하려고 하거나 기존 WooCommerce 사이트에서 체크아웃 경험을 향상시키려는 경우 모두 지원해 드립니다.

이 게시물에서는 WooCommerce 결제 페이지가 무엇이며 어떻게 작동하는지 설명합니다. 그런 다음 플러그인, 코드, 테마 등을 사용하여 전환을 최적화하기 위해 스타일을 지정하고 변경하고 활용해야 하는 많은 옵션을 안내합니다.

그리고 귀하의 궁극적인 목표는 상점의 수익을 높이는 것임을 기억하십시오. 따라서 우리의 비어 있는 ebook, WooCommerce 제품 페이지 전환을 높이는 10가지 방법.

바로 뛰어 들자!

WooCommerce 체크아웃 페이지 개요

WooCommerce 스토어를 처음 설정할 때 플러그인이 자동으로 결제 페이지를 생성하고 할당합니다. 사이트 프론트 엔드에서 미리 보면 다음과 같이 매우 간단하다는 것을 알 수 있습니다.

우커머스 결제 페이지
기본 WooCommerce 결제 페이지.

기본적으로 WooCommerce는 고객에게 몇 가지 기본 정보를 요청합니다. 여기에는 다음이 포함됩니다.

  • 결제 세부 정보
  • 이름과 성
  • 회사 이름
  • 주소(시/도, 국가, 지역 및 우편번호/ZIP)
  • 전화번호
  • 이메일 주소
  • 주문 메모
  • 개인정보취급방침

이것은 WooCommerce 결제 페이지에 포함해야 하는 중요한 정보입니다. 고객이 구매를 완료하고 웹사이트에서 결제 정보를 처리하는 데 필요한 세부 정보를 제공합니다.

그러나 여기에는 전환을 늘리거나 결제 포기를 줄이는 데 반드시 도움이 되는 것은 없습니다. 게다가 기본 페이지는 특정 비즈니스에 가장 관련성이 높거나 유용한 정보를 제공하지 않을 수 있습니다. 따라서 많은 WooCommerce 사이트 소유자와 마찬가지로 체크아웃 페이지의 디자인과 콘텐츠를 모두 변경하려고 할 수 있습니다.

WooCommerce에서 결제 페이지를 사용자 정의할 수 있는 다양한 방법에 대해 알아보기 전에 먼저 이해해야 할 몇 가지 사항이 있습니다.

이 페이지를 찾을 수 있는 위치와 WooCommerce 플러그인 내에서 사용할 수 있는 다양한 기본 설정 및 기능에 대해 이야기해 보겠습니다.

기본 WooCommerce 결제 페이지 및 설정을 찾을 수 있는 위치

플러그인을 활성화하면 WooCommerce가 자동으로 상점에 대한 결제 페이지를 생성합니다. 로 이동하여 찾을 수 있습니다. 페이지 > Checkout 관리 대시보드에서:

페이지 우커머스 체크아웃
WooCommerce의 결제 페이지.

WordPress 콘텐츠와 마찬가지로 이 페이지를 편집할 수 있습니다. 예를 들어 페이지의 제목과 영구 링크를 변경하고, 추천 이미지를 추가하고, 페이지 속성을 수정하는 등의 작업을 수행할 수 있습니다. 또한 [woocommerce_checkout] 단축 코드를 사용합니다.

우커머스 체크아웃 단축코드
WordPress의 WooCommerce 결제 페이지 단축 코드.

이 페이지를 구성하기 위한 몇 가지 표준 옵션이 있으며 그 중 일부는 다음에서 찾을 수 있습니다. WooCommerce > 설정 > 많은:

우커머스 설정 고급
WooCommerce 설정의 '고급' 탭

이 화면에서 아래 페이지 설정 섹션에서 다른 페이지를 선택할 수 있습니다. 매장의 결제 화면으로 사용합니다. 당신은 또한 강제로 옵션이 있습니다 보안 HTTPS 연결.

일반 설정 페이지에서 결제 시 쿠폰을 사용하도록 설정하고 세금 계산 방법을 구성할 수 있습니다.

우커머스 쿠폰 세금
WooCommerce의 일반 설정 페이지.

아래의 계정 & 개인정보 탭에서 계정 생성 및 비회원 결제를 위한 몇 가지 옵션을 찾을 수도 있습니다.

우커머스 계정 개인정보 보호
WooCommerce 설정의 '계정 및 개인 정보' 탭

그 아래에는 개인정보보호정책 체크아웃 페이지에 표시되는 개인 정보 보호 정책 텍스트를 수정할 수 있는 섹션:

우커머스 개인정보 보호정책
WooCommerce의 개인 정보 보호 정책 설정

이러한 기본 제공 설정 외에도 WooCommerce를 사용하여 결제 페이지를 사용자 지정하기 위한 제한된 옵션이 있습니다. 플러그인 단독. 다행히도 모양을 개선하고 기능을 확장하는 데 사용할 수 있는 다른 방법이 있습니다.

WooCommerce 결제 페이지를 변경하려는 이유

결제 페이지는 고객이 구매를 완료하기 전에 마지막으로 보게 되는 페이지입니다. 그것은 그들이 결국 귀하의 사이트를 전환할지 아니면 완전히 포기할지에 대한 차이를 만들 수 있습니다.

따라서 WooCommerce 체크아웃 페이지가 잘 디자인되고 전환을 유도하는 방식으로 작동하는지 확인하는 것이 중요합니다. 다음과 같은 방법으로 더 나은 경험을 제공할 수 있습니다.

  • 디자인 및 페이지 템플릿 변경
  • 한 페이지 결제 만들기
  • 필드 추가, 제거 또는 재정렬
  • 입력 필드 레이블 및 버튼 텍스트 변경
  • 특정 필드를 작성해야 함
  • 무료 배송 자동 실행
  • 제품을 결제 페이지에 직접 연결

기본 페이지를 완전히 재정비하거나 약간의 수정을 가할 때 중요한 것은 쉽게 할 수 있다는 것입니다. 다행히도 여러 옵션이 있습니다.

 

✅ 장바구니 포기를 줄이고 ✅ 전환을 유도하고 ✅ 수익을 늘리고 싶으십니까? 그렇다면 이 기사는 여러분을 위한 것입니다.👇 몇 분 만에 맞춤형 WooCommerce 결제 페이지를 구축하는 방법을 알아보세요 ⏱이야기하려면 클릭

WooCommerce 결제 페이지를 변경하는 데 사용할 수 있는 방법

WooCommerce 결제 페이지를 변경하는 방법에는 여러 가지가 있습니다. 사용하기에 가장 좋은 방법은 수행하려는 특정 편집 및 코딩에 대한 편안함 수준과 같은 몇 가지 요소에 따라 다릅니다.

WooCommerce 결제 페이지를 향상시키는 데 사용할 수 있는 몇 가지 방법은 다음과 같습니다.

  • WooCommerce 기능, 차단 및 단축 코드. WooCommerce에는 상점을 개선하는 데 사용할 수 있는 몇 가지 기본 제공 기능과 설정이 있습니다. 예를 들어 무료 배송을 자동으로 실행하고 제품을 결제 페이지에 직접 연결할 수 있습니다. 페이지를 수정하기 위한 블록과 단축 코드도 있습니다.
  • 플러그인 및 확장. 기술에 익숙하지 않거나 WooCommerce 체크아웃 페이지를 빠르고 간편하게 개선할 수 있는 방법을 원하는 경우 사용할 수 있는 플러그인이 많이 있습니다. 대부분은 시작하기 쉽고 약간의 지원이 필요합니다. 일부 애드온은 WooCommerce에서 제공하고 확장 라이브러리에서 사용할 수 있으며 다른 애드온은 타사 플랫폼에서 개발 및 제공합니다.
  • 페이지 템플릿 및 테마. 결제 페이지의 스타일을 변경하려면 미리 만들어진 템플릿이나 테마를 사용할 수 있습니다. 플러그인과 마찬가지로 코딩 경험이 제한되어 있고 브랜딩에 더 잘 어울리도록 페이지의 전체 모양을 변경하려는 경우에 이것은 확실한 옵션입니다. 단점은 사용자 정의 코딩만큼 많은 유연성을 제공하지 않는다는 것입니다.
  • 커스텀 코드. WooCommerce 결제 페이지를 변경하기 위해 활용할 수 있는 또 다른 방법은 사용자 정의 코딩입니다. 이것은 사이트 파일 편집에 익숙하고 개인화를 많이 추가하려는 경우에 강력한 방법입니다.

다음 섹션에서는 WooCommerce 페이지에 적용할 수 있는 가장 효과적인 변경 사항을 살펴보겠습니다. 각각에 대해 편집하려는 이유를 설명하고 편집에 사용할 수 있는 다양한 방법을 안내합니다.

WooCommerce 체크아웃 필드를 사용자 정의하는 방법

WooCommerce 페이지에 적용할 수 있는 가장 일반적인 변경 사항 중 하나는 양식 필드를 수정하는 것입니다. 일반적으로 페이지에서 가장 많은 공간을 차지하므로 관련성이 있어야 합니다. 필드를 제거하거나, 순서를 재정렬하거나, 새 사용자 정의 필드를 추가하려는 경우 몇 가지 옵션이 있습니다. 플러그인을 사용하거나 코드를 직접 편집할 수 있습니다.

플러그인을 사용하여 WooCommerce 체크아웃 필드 변경

WooCommerce에서 결제 필드를 사용자 지정하는 빠르고 간단한 방법을 원하는 경우 플러그인을 사용하는 것이 좋습니다. 선택할 수 있는 몇 가지 옵션이 있습니다.

가장 인기 있는 것 중 하나는 Checkout Field Editor 플러그인입니다.

체크아웃 필드 편집기
Checkout Field Editor WooCommerce 플러그인

WooCommerce 결제 페이지에서 양식 필드를 추가하거나 편집할 수 있는 프리미엄 도구입니다. 특정 필드를 활성화 또는 비활성화하고 순서를 재정렬할 수 있습니다.

무료 버전을 사용하면 이러한 기본 작업을 처리할 수 있지만 WooCommerce Checkout Field Editor Pro에는 추가 기능이 제공됩니다. 여기에는 17개의 필드 유형과 사용자 정의 후크가 포함됩니다.

이 플러그인을 사용하려면 다음으로 이동하여 WooCommerce 사이트에 설치할 수 있습니다. 플러그인 > 새로운 추가 그런 다음 검색합니다. 찾으셨다면 클릭 지금 설치 버튼 다음에 활성화.

활성화되면 다음으로 이동하여 설정을 구성할 수 있습니다. WooCommerce > 결제 양식:

결제 양식 편집기
WooCommerce의 Checkout Form Editor 플러그인

편집할 수 있는 필드에는 세 가지 유형이 있습니다.

  1. 결제
  2. 배송
  3. 추가

변경하려는 필드를 선택한 다음 제거, 사용사용 안 함 단추. 새 필드를 추가하려면 다음을 선택하십시오. 필드 추가.

기존 양식 필드를 변경하려면 왼쪽 상자를 선택하고 편집 단추. 필드 유형(프리미엄 버전만 해당)을 변경하고, 필드 레이블을 편집하고, 필수 항목인지 여부를 선택하는 등의 작업을 수행할 수 있는 패널이 열립니다.

결제 필드 편집
Checkout Field Editor WooCommerce 플러그인의 편집 체크아웃 필드 패널

완료되면 찜하기 단추. 결제 페이지의 필드에 대한 모든 변경을 완료했으면 다음을 누르십시오. 저장 (Save Changes) 화면 하단에 있습니다.

자세한 지침은 Checkout Field Editor 플러그인 사용에 대한 WooCommerce 설명서를 참조하십시오.

물론 이것은 WooCommerce 체크아웃 필드를 변경하는 데 사용할 수 있는 많은 플러그인 중 하나일 뿐입니다. 고려할 가치가 있는 추가 옵션에는 Flexible Checkout Fields 및 WooCommerce Checkout Manager가 포함되며 이 게시물의 뒷부분에서 더 자세히 설명합니다.

코드를 사용하여 체크아웃 필드 편집

WooCommerce 결제 페이지에서 필드를 편집하는 또 다른 옵션은 사용자 정의 코딩을 사용하는 것입니다. 물론 이를 위해서는 특정 수준의 기술 지식과 사이트 파일 작업에 대한 편안함이 필요합니다. 장점은 타사 플러그인보다 사용자 정의 측면에서 더 많은 유연성이 있다는 것입니다.

사이트를 사용하여 결제 필드를 편집할 수 있습니다. functions.php 다음과 같은 파일 및 필터:

  • woocommerce_checkout_fields
  • woocommerce_billing_fields
  • Woocommerce_shipping_fields

WooCommerce 작업 및 필터를 사용하면 거의 원하는 방식으로 결제 필드를 조작할 수 있습니다. 예를 들어 완전히 제거하거나 새 항목을 추가하거나 표시된 텍스트를 변경할 수 있습니다. 사용 woocommerce_checkout_fields 필터를 사용하면 모든 필드를 재정의할 수 있습니다.

의 자리 표시자 텍스트를 변경하고 싶다고 가정해 보겠습니다. order_comments 들. 기본적으로 다음과 같이 설정됩니다.

_x('Notes about your order, e.g. special notes for delivery.', 'placeholder', 'woocommerce')

이를 변경하려면 이 코드 스니펫을 functions.php 파일 :

// Hook in

add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );

// Our hooked in function - $fields is passed via the filter!

function custom_override_checkout_fields( $fields ) {

$fields['order']['order_comments']['placeholder'] = 'My new placeholder';

return $fields;

}

필드를 제거하려면 다음을 사용할 수 있습니다.

// Hook in
add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );

// Our hooked in function - $fields is passed via the filter!
function custom_override_checkout_fields( $fields ) {

unset($fields['order']['order_comments']);

return $fields;

결제 페이지의 필드에 변경할 수 있는 사항이 많으므로 여기에서 모든 항목을 살펴보진 않겠습니다. GitHub에서 오버라이드 체크아웃 필드 코드의 유용한 목록을 찾을 수 있습니다.

WooCommerce 결제 페이지 템플릿을 변경하는 방법

기본적으로 WooCommerce 체크아웃 페이지 템플릿은 사이트 테마를 기반으로 합니다. 그러나 브랜딩에 더 잘 맞도록 디자인을 변경하거나 템플릿 페이지의 내용을 약간만 변경하고 싶을 수도 있습니다.

이를 변경하는 데 사용할 수 있는 두 가지 주요 방법은 미리 빌드된 템플릿을 사용하거나 코드를 추가하는 것입니다. 전자부터 시작합시다.

체크아웃 페이지를 사용자 정의하기 위해 사전 제작된 템플릿으로 시작하기

WooCommerce 결제 페이지의 디자인을 변경하는 가장 쉬운 방법은 WooCommerce 테마 스토어에 있는 것과 같은 사전 제작된 테마를 설치하는 것입니다. 다양한 무료 옵션과 프리미엄 테마가 있습니다.

예를 들어 한 페이지 결제 테마 또는 사용하려는 다른 종류의 특정 템플릿을 검색할 수 있습니다. Envato Market에서도 많은 WooCommerce 테마를 찾을 수 있습니다.

코드를 사용하여 WooCommerce 체크아웃 페이지 템플릿 사용자 지정

코드 편집에 익숙하다면 체크아웃 페이지 템플릿을 수동으로 변경할 수도 있습니다. 호스팅 제공업체에 따라 cPanel의 파일 관리자 또는 SFTP(Secure File Transfer Protocol) 클라이언트를 통해 이 작업을 수행할 수 있습니다.

액션 후크를 사용하여 체크아웃 페이지에서 요소를 추가, 편집 또는 제거할 수 있습니다. WooCommerce가 체크아웃 페이지에 사용하는 XNUMX가지 주요 작업 후크가 있습니다.

  • woocommerce_before_checkout_form
  • woocommerce_checkout_before_customer_details
  • woocommerce_checkout_billing
  • woocommerce_checkout_shipping
  • woocommerce_checkout_after_customer_details
  • woocommerce_checkout_before_order_review
  • woocommerce_checkout_order_review
  • woocommerce_checkout_after_order_review
  • Woocommerce_after_checkout_form

이러한 작업 후크는 페이지의 스타일과 기능을 모두 사용자 지정하는 데 사용할 수 있는 마크업을 페이지에 추가합니다. 이러한 작업 후크를 사용하여 결제 페이지 템플릿을 수정하려면 결제 양식 PHP 파일을 수정하면 됩니다.

아래에서 WooCommerce 템플릿 파일을 찾을 수 있습니다. /우커머스/템플릿. 사이트의 루트 디렉토리에서 다음으로 이동해야 합니다. wp-content/plugins/woocommerce:

우커머스 템플릿 폴더
WooCommerce 템플릿 폴더

이러한 파일에는 실제로 템플릿 파일을 편집하지 않고도 템플릿 페이지에 콘텐츠를 추가하고 재정렬하는 데 사용할 수 있는 후크가 있습니다. 결제 페이지에 대한 사용자 정의 테마 템플릿을 만들려면 먼저 테마 폴더 내에 "woocommerce/checkout" 폴더를 만들어야 합니다.

그런 다음 다음에서 찾을 수 있는 WooCommerce 체크아웃 페이지 템플릿을 복사합니다. woocommerce/templates/checkout/form-checkout.php:

우커머스 결제 폼
WooCommerce 결제 페이지 템플릿 파일

그런 다음 방금 만든 새 폴더에 추가합니다. 그런 다음 파일을 편집하여 원하는 대로 변경할 수 있습니다. 파일을 저장하면 WooCommerce 플러그인이 이 템플릿을 로드하고 기본 페이지 템플릿을 재정의합니다.

한 페이지 WooCommerce 결제를 만드는 방법

고객의 결제 경험을 향상하고 그 과정에서 포기율을 줄이는 방법 중 하나는 가능한 한 빠르고 간단하게 만드는 것입니다. 결제 프로세스를 단축하려면 WooCommerce에서 한 페이지 결제를 생성하면 됩니다.

이를 수행하는 방법에는 여러 가지가 있습니다. 앞서 언급했듯이 단일 결제 페이지를 제공하는 한 페이지 테마 또는 템플릿을 찾을 수 있습니다. 그러나 현재 테마가 마음에 들면 변경하고 싶지 않을 수 있습니다.

그렇다면 걱정하지 마십시오. 프리미엄 WooCommerce One Page Checkout 확장과 같은 다른 옵션이 있습니다.

우커머스 한 페이지 체크아웃 확장 프로그램
WooCommerce One Page Checkout 확장 프로그램

이 솔루션은 WooCommerce에서 개발했으므로 안전하고 신뢰할 수 있으며 많은 지원을 제공합니다. 모든 페이지를 체크아웃 페이지로 변환할 수 있을 뿐만 아니라 한 페이지 체크아웃 프로세스를 최적화하기 위한 다양한 기능이 제공됩니다.

당신은 할 수 :

  • 한 페이지에 제품 선택 및 결제 양식을 모두 표시합니다.
  • 고객이 장바구니에서 항목을 추가하거나 제거할 수 있도록 합니다.
  • 고객이 페이지를 떠나지 않고 결제를 완료할 수 있습니다.
  • 페이지에 사용자 정의 필드를 추가합니다.

WooCommerce 계정을 통해 확장 프로그램을 구매한 후 플러그인을 다운로드한 다음 WooCommerce 사이트에서 플러그인을 설치하고 활성화할 수 있습니다.

사용하려면 다음으로 이동하십시오. 페이지 > 새로운 추가 선택하고 한 페이지 체크아웃 편집기 도구 모음의 아이콘:

한 페이지 결제 아이콘
WordPress 편집기의 One Page Checkout 확장 아이콘

열리는 패널에서 제품 필드에 추가하려는 제품의 이름을 입력하기 시작합니다.

다음으로 사용하려는 템플릿(제품 목록, 제품 테이블, 가격 테이블 또는 단일 제품)을 선택하고 단축 코드 생성.

게시물이나 페이지에 한 페이지로 된 단축 코드를 수동으로 삽입할 수도 있습니다. 이 플러그인과 사용 방법에 대한 자세한 내용은 WooCommerce One Page Checkout 설명서를 참조하세요.

WooCommerce 결제 프로세스 중 무료 배송을 트리거하는 방법

전자 상거래 비즈니스 소유자로서 고객이 더 많이 지출하도록 장려하기 위해 활용할 수 있는 다양한 전략이 있습니다. 그 중 하나는 무료 배송을 제공하는 것입니다.

전자 상거래 웹사이트를 위한 놀랍도록 빠르고 안정적이며 완전히 안전한 호스팅이 필요하십니까? Behmaster 이 모든 것과 WooCommerce 전문가의 24/7 세계적 수준의 지원을 제공합니다. 우리의 계획을 확인하십시오

물론 모든 주문에 대해 무료 배송을 제공하고 싶지 않을 수도 있습니다. 그러나 특정 금액에 도달하는 총 주문에 대한 인센티브로 추가하면 쇼핑객이 그렇지 않은 경우보다 더 많이 지출하도록 유도할 수 있습니다.

따라서 $100와 같이 특정 수 이상의 주문에 대해 자동으로 무료 배송을 트리거하도록 WooCommerce 체크아웃 페이지를 구성할 수 있습니다.

가장 먼저 해야 할 일은 관련 배송 지역에 무료 배송 방법을 제공하는 것입니다.

이렇게 하려면 다음으로 이동하십시오. WooCommerce > 설정 > 배송:

우커머스 배송 지역
WooCommerce 배송 설정

수정하려는 배송 지역 위로 마우스를 가져간 다음 편집 링크. 아직 영역을 추가하지 않은 경우 다음을 선택합니다. 전에, 배송 지역 추가 버튼 먼저 진행하기 전에 프롬프트를 따르십시오.

다음을 클릭하십시오. 배송 방법 추가. 열리는 모달에서 다음을 선택하십시오. 무료 배송 드롭다운 메뉴에서 배송 방법 추가 다시 :

무료 배송 추가
WooCommerce에서 무료 배송 방법 추가

다음에서 배송 방법 설정 페이지의 목록에서 마우스를 가져갑니다. 무료 배송  그리고 클릭 편집 링크를 클릭하십시오.

A 무료 배송 설정 패널이 열립니다. 로부터 무료 배송이 필요합니다…. 드롭다운 메뉴, 선택 최소 주문 금액:

무료 배송 설정
WooCommerce의 무료 배송 설정

그런 다음 최소 주문 금액을 정의할 수 있습니다. 완료되면 저장 (Save Changes) 버튼을 클릭합니다.

WooCommerce 결제 페이지에 제품을 직접 연결하는 방법

고객의 결제 경험을 향상시킬 수 있는 또 다른 방법은 직접 결제 링크를 만드는 것입니다. 이는 고객을 제품 및 판매 페이지에서 바로 결제하도록 유도하는 데 유용합니다.

직접 결제 링크 수동 생성

WooCommerce에서 직접 결제 링크를 만들고 추가하려면 다음 URL을 사용할 수 있습니다. exampledomain.com//checkout/?장바구니에 추가=ID.

참고: "exampledomain" 및 "ID"를 체크아웃 페이지에 연결하려는 도메인 이름 및 특정 제품 ID로 교체하는 것이 좋습니다.

제품 ID를 찾으려면 제품> 모든 제품 관리 대시보드에서 직접 링크를 생성하려는 제품을 찾은 다음 제품 이름 위로 마우스를 가져가면 제품 ID 번호가 표시됩니다.

우커머스 제품 아이디
WooCommerce 제품 ID

앞서 언급한 URL에 제품 ID를 붙여넣으면 WooCommerce 사이트의 아무 곳에나 링크를 배치할 수 있습니다. 각 제품(변수 및 그룹화된 항목 포함)에 대해 이 프로세스를 반복할 수 있습니다.

플러그인을 사용하여 직접 결제 링크 만들기

위의 전략이 모든 사용자에게 가장 효율적인 방법이 아닐 수도 있음을 알고 있습니다. WooCommerce 스토어에 있는 제품 수에 따라 시간이 매우 많이 소요될 수 있습니다.

다행히 더 빠른 방법을 찾고 있다면 WooCommerce 플러그인용 Direct Checkout을 사용할 수도 있습니다.

직접 결제 우커머스
WooCommerce 플러그인에 대한 Direct Checkout

이 프리미엄 도구를 사용하면 제품 페이지에서 결제 화면으로 직접 링크를 추가하는 등 다양한 방법으로 결제 프로세스를 간소화할 수 있습니다. WooCommerce 사이트에 플러그인을 설치하고 활성화한 후 다음으로 이동합니다. WooCommerce> 직접 결제:

직접 결제 설정
WooCommerce 플러그인 설정을 위한 Direct Checkout

아래의 일반 탭에서 가능 위한 장바구니 리디렉션에 추가됨 옵션을 선택한 다음 Checkout 인사말 장바구니에 추가됨 드롭 다운 메뉴. 클릭 변경 사항을 저장 너 끝났을 때.

그런 다음 제품 탭 :

직접 결제 리디렉션
WooCommerce용 Direct Checkout에서 장바구니로 리디렉션하는 옵션

활성화 추가 성공 후 장바구니 페이지로 리디렉션 옵션. 다시, 클릭 변경 사항을 저장 단추. 그게 다야!

WooCommerce 결제 페이지를 테스트하는 방법

이 시점에서 WooCommerce 체크아웃 페이지를 향상시키는 다양한 방법을 구현하셨기를 바랍니다. 이제 포기를 줄이고 오류가 고객 여정을 방해하지 않는지 확인하려면 결제 프로세스가 제대로 작동하는지 확인하는 것이 중요합니다.

다행스럽게도 WooCommerce 상점을 통해 테스트 주문과 결제를 보낼 수 있는 쉬운 방법이 있어 모든 것이 제대로 작동하는지 확인할 수 있습니다. 이렇게 하려면 먼저 WooCommerce Payments 플러그인을 사이트에 설치해야 합니다(아직 설치하지 않은 경우).

우커머스 결제 플러그인
WooCommerce 결제 플러그인

플러그인을 설치하고 활성화하면 '테스트 모드'를 활성화할 수 있습니다. 이렇게 하려면 다음으로 이동하십시오. WooCommerce > 보험료 납부 > 설정:

우커머스 테스트 모드
WooCommerce 결제 테스트 모드

변경 사항을 저장하십시오.

테스트 모드가 활성화되면 WooCommerce 스토어를 탐색하고 제품을 선택할 수 있습니다. 장바구니에 담으신 후 결제 페이지로 이동합니다.

필요에 따라 체크아웃 페이지 양식 필드를 작성하십시오. 결제 정보는 WooCommerce에서 제공하는 더미 신용 카드 번호를 사용할 수 있습니다. CVC 코드에 세 자리 숫자를 사용하고 미래 날짜를 선택할 수도 있습니다.

완료되면 장소 주문. 다음으로 이동합니다. 결제 > 거래 화면:

테스트 거래 우커머스
WooCommerce에서 거래 테스트

여기에 요금이 표시되어야 합니다. 거기에 있다면 결제 페이지가 제대로 작동하는 것입니다. 완료되면 테스트 모드를 끄는 것을 잊지 마십시오!

여기에서 WooCommerce 체크아웃 페이지의 스타일을 지정하고 변경하고 활용하는 방법을 알아보세요.⚡️를 통해 전환을 최적화하고 💰 수익을 증대하세요 ⬇️이야기하려면 클릭

최고의 WooCommerce Checkout 플러그인 및 확장

이 게시물을 통해 블록, 단축 코드 및 사용자 정의 코드를 포함하여 WooCommerce 결제 페이지를 변경하는 다양한 방법을 다루었습니다. 또한 다른 방법으로는 사용할 수 없는 기능을 추가하는 데 도움이 되는 몇 가지 주요 플러그인에 대해서도 언급했습니다.

그러나 아직 언급하지 않았지만 WooCommerce 체크아웃 페이지에 대한 더 많은 사용자 정의 옵션을 제공하는 몇 가지 추가 애드온, 플러그인 및 확장이 있습니다. 고려할 가치가 있는 최고의 것들은 다음과 같습니다.

  • WooCommerce 장바구니 알림 추가 기능. 이 WooCommerce 애드온을 사용하면 체크아웃 프로세스 중에 고객에게 실행 가능한 메시지와 알림을 표시할 수 있습니다. 예를 들어 관련 판매 및 판촉을 알리는 데 사용할 수 있습니다.
  • WooCommerce 체크아웃 관리자. WooCommerce용 Direct Checkout을 개발한 동일한 팀에서 만든 이 플러그인은 결제 페이지를 최적화하는 데 사용할 수 있는 강력한 확장 기능입니다. 이를 사용하여 사용자 정의 필드를 편집, 제거 및 추가하고 조건 필드를 생성할 수 있습니다.
  • WooCommerce Checkout 추가 기능. 이 프리미엄 플러그인을 사용하면 결제 단계에서 무료 및 유료 애드온을 추가할 수 있습니다. 전환수를 늘리고 수익을 높이는 데 유용한 도구입니다.

보유한 전자 상거래 사이트 유형에 따라 더 많은 옵션을 찾을 수 있습니다. 그렇다면 무료 및 유료 솔루션을 포함하여 WooCommerce 플러그인의 기능을 확장하기 위한 수많은 추가 기능을 제공하는 WooCommerce 확장 라이브러리를 확인하는 것이 좋습니다.

요약

WooCommerce 결제 페이지를 개선하고 최적화하기 위해 구현할 수 있는 다양한 방법이 있습니다.

변경하려는 변경 사항과 경험 수준에 따라 WooCommerce 플러그인 및 확장, 페이지 템플릿 및 테마, 사용자 지정 코드까지 활용할 수 있습니다.

WooCommerce 결제 페이지 사용 또는 편집에 대해 질문이 있습니까? 아래 의견 섹션에서 알려주십시오!

관련 기사

1 댓글
인라인 피드백
모든 댓글보기
유빈아빠
1 달 전

제품이 흥청망청 흥청망청 흘러가는 시점에서 미래의 결정적 선택은 더 나아가 감사합니다.

워드프레스는 이에 대해 감사합니다

맨 위로 가기 버튼