Elementor를 사용하여 WooCommerce 결제 페이지를 만드는 방법

약 5분 안에 Elementor로 WooCommerce 체크아웃 페이지를 만드는 방법

위에서 언급한 모든 플러그인을 설치하고 활성화했으므로 이제 WooCommerce 체크아웃 페이지를 만들 차례입니다. 하지만 그렇게 하기 전에 Elementor 로 WooCommerce 스토어를 설정해야 합니다 ( 아직 설정 하지 않은 경우).

WooCommerce 스토어를 설정했으면 다음 단계에 따라 Elementor 및 EA Woo Checkout을 사용하여 WooCommerce Checkout 페이지를 만드세요 .

1단계: WooCommerce 결제 페이지로 새 페이지 할당

WooCommerce 플러그인은 기본 체크아웃 페이지와 함께 제공됩니다. 그러나 EA Woo Checkout으로 나만의 아름다운 체크아웃 페이지를 디자인 하려면 기본 체크아웃 페이지를 다른 페이지로 교체해야 합니다.

이렇게 하려면 WordPress 대시보드에서 새 페이지를 만드십시오. 그런 다음 WooCommerce -> 설정으로 이동 하여 '고급' 탭 을 클릭합니다 . 여기에서 원하는 페이지를 체크아웃 페이지로 지정할 수 있습니다. 체크아웃 페이지 옵션을 클릭하고 드롭다운 메뉴에서 WooCommerce 체크아웃 페이지로 페이지를 선택하기만 하면 됩니다.

2단계: EA Woo Checkout 활성화

다음으로 EA Woo Checkout 요소를 활성화해야 합니다 . 이렇게 하려면 Elementor Editor를 사용하여 WooCommerce Checkout 페이지를 편집해야 합니다. '요소' 탭 아래의 '검색' 옵션에서 'EA Woo Checkout' 요소를 찾으세요.

이제 'Woo Checkout' 요소를 'Drag widget here' 또는 '+' 섹션으로 끌어다 놓기만 하면 됩니다.

요소를 페이지의 섹션으로 끌어다 놓으면 이것이 기본 레이아웃이 표시됩니다.

3단계: Woo 체크아웃 페이지의 콘텐츠 편집

EA Woo Checkout 요소 를 성공적으로 활성화 했으므로 WooCommerce 스토어에 더 적합하도록 Woo Checkout 페이지의 콘텐츠 편집을 시작할 수 있습니다.

'콘텐츠' 탭에서 일반 설정, 주문 세부정보 등과 같은 여러 옵션을 볼 수 있습니다. 이 설정을 구성하여 Woo Checkout 페이지의 콘텐츠를 원하는 대로 사용자 지정할 수 있습니다.

EA Woo Checkout 의 콘텐츠 설정을 구성하는 방법에 대한 자세한 내용은 설명서 페이지에서 확인할 수 있습니다.

Essential Addons 의 프로 버전이 있는 경우 두 가지 추가 레이아웃( 다단계 레이아웃 및 분할 레이아웃 ) 중에서 선택할 수 있습니다 .

Multi Steps Layout 및 Split Layout 에는 Woo Checkout 페이지를 진정으로 돋보이게 하는 몇 가지 추가 스타일 옵션이 있습니다. 작동 방식에 대한 자세한 내용은 설명서에서 읽을 수 있습니다.

4단계: Woo 체크아웃 페이지 스타일 지정

Woo Checkout 페이지의 콘텐츠 편집이 끝나면 고객에게 더 매력적으로 보이도록 스타일링을 시작할 때입니다.

Woo Checkout 페이지를 원하는 방식으로 스타일링할 수 있는 수많은 옵션이 있습니다. 페이지의 다른 영역을 사용자 정의하려면 '스타일' 탭을 클릭하기만 하면 됩니다. '섹션 제목', '주문 세부정보', '로그인', '쿠폰' 등과 같은 다양한 옵션이 표시됩니다.

모든 옵션을 조정하고 사용해 보거나 설명서 페이지를 방문 하여 EA Woo Checkout의 스타일을 지정하는 방법을 알아보세요. 몇 번의 클릭만으로 Woo Checkout 페이지를 고객에게 눈에 띄게 만들기 위해 색상, 타이포그래피 등을 변경할 수 있습니다.

5단계: 변경 사항을 저장하고 최종 결과 보기

Woo Checkout 페이지의 스타일 지정을 마쳤으면 변경 사항을 저장해야 합니다. 페이지를 게시하기 전에 최종 결과를 미리 볼 수 있습니다.