상품별 결제 페이지 만들기

핵심 요약: 상품 상세 페이지를 결제 페이지로 바로 구성하는 커스텀 코드 적용 방법을 안내합니다.

본 매뉴얼은 고객이 상품 상세 페이지 접속 > 바로 구매 클릭 > 결제 페이지 이동 > 결제 진행되는 기본 결제 프로세스와 달리, 상품 페이지를 결제 페이지로 구성하여 고객이 상품 클릭 > 해당 페이지에서 결제 진행하는 방법에 대해 설명합니다.

커스텀 코드 추가 #

/wp-content/theme/이용중인 차일드 테마/functions.php 경로에 아래 커스텀 코드를 추가합니다.

(주의) 본 테마에 적용할 경우, 추후 테마 업데이트 시 작업한 내역이 삭제되므로 차일드 테마에 작업하는 것을 권장드립니다.
본 테마에 작업하실 경우 테마 업데이트 전 반드시 커스텀 작업 내역을 백업 후 업데이트 해주시기 바랍니다.

add_shortcode( 'pafw_add_to_cart', function ( $attrs ) {
	$params = shortcode_atts( array(
		'product_id' => 0
	), $attrs );

	if( WC()->cart ) {
	    WC()->cart->empty_cart();
	    WC()->cart->add_to_cart( $params['product_id'], 1 );
	}
} );

add_filter( 'pafw_process_payment', function ( $order ) {
	 if( ! is_checkout() ) {
	    set_transient( 'pafw_dc_redirect_url_' . $order->get_id(), $_SERVER['HTTP_REFERER'], 5 * MINUTE_IN_SECONDS );
	 }
} );

add_filter( 'pafw_redirect_url', function ( $redirect_url, $order ) {
	$pafw_redirect_url = '';
 
	if ( in_array( $order->get_status(), array( 'pending', 'failed' ) ) ) {
	    $pafw_redirect_url = get_transient( 'pafw_dc_redirect_url_' . $order->get_id() );
	}

	return ! empty( $pafw_redirect_url ) ? $pafw_redirect_url : $redirect_url;
}, 10, 2 );

결제 페이지 구성 #

엘리멘터 빌더를 이용하거나, 기본 편집기 이용 시 숏코드를 활용하여 페이지 구성이 가능합니다. (참고) 숏코드 가이드 매뉴얼

1. 숏코드 추가 #

   페이지 상단에 숏코드 [pafw_add_to_cart product_id=”상품 아이디”]를 추가합니다.
   상품 아이디는 [상품 > 모든 상품]에서 상품에 마우스 오버하여 상품 아이디를 확인할 수 있습니다.
   
   

2. DIY 체크아웃 위젯 추가 #

   페이지에 장바구니, 결제수단 등 위젯을 추가합니다.
   장바구니, 청구지 주소(고객주소), 결제내역, 결제수단 위젯은 필수 위젯이므로 반드시 추가해야합니다.
   

페이지 확인 #

페이지 저장 후 상품별 결제 페이지가 정상적으로 적용된 것을 확인할 수 있습니다.

자주 묻는 질문 #