Elementor에서 WooCommerce 카트를 디자인하는 방법 [코딩 없이]

고객이 구매 중간에 WooCommerce 장바구니 를 포기하고 있습니까? 매우 일반적인 이유는 사용자가 쇼핑하기 혼란스러워하는 정리되지 않은 장바구니 페이지 때문일 수 있다는 사실을 알고 계셨습니까? 그러나 더 이상 걱정할 필요가 없습니다. Elementor용 Essential Addons 의 최신 업데이트 를 통해 장바구니 포기율을 줄이고 매출을 높일 수 있는 가장 쉬운 솔루션을 제공합니다.

이 블로그에서는 상점 웹사이트에서 WooCommerce 장바구니 페이지 를 맞춤 디자인하는 것이 가장 좋은 접근 방식인 이유를 안내합니다 . 뿐만 아니라 판매를 가져올 전문적으로 디자인된 카트 를 만드는 데 도움이 되도록 따라서 더 이상 지체하지 않고 바로 들어가서 자세히 알아보겠습니다.

맞춤형 WooCommerce 장바구니 페이지를 디자인해야 하는 이유는 무엇입니까?

연구에 따르면 고객 10명 중 7명은 판매하는 제품에 만족하더라도 장바구니를 버리고 다시는 돌아오지 않을 것입니다. 그리고 맨 처음에 언급했듯이 고객이 탐색하지 못한 혼란스럽거나 어수선한 장바구니 페이지가 주요 원인입니다.

때로는 잠재 고객이 쇼핑 페이지로 돌아가서 필요한 다른 제품을 추가하지 못할 수도 있습니다. 반면에 사용하고자 하는 판매 쿠폰 코드를 첨부하는 데 문제가 있을 수 있습니다. 구매자는 이미 WooCommerce 장바구니 페이지 에 있는 동일한 제품의 수량을 더 이상 추가할 수 없을 때 좌절할 수도 있습니다 .

그리고 이해할 만하게도 우수한 제품과 서비스를 제공하면서도 여전히 높은 장바구니 포기율을 관찰하는 것은 상당히 실망스러울 수 있습니다 . 특히 단순한 페이지 디자인 문제로 인한 경우에는 더욱 그렇습니다. 그러나 Elementor용 Essential Addons 팀의 최신 릴리스로 이제 걱정이 끝납니다 . Elementor에서 놀랍도록 디자인되고 전문적인 모양의 전자 상거래 장바구니 페이지 를 사용 하여 판매를 쉽게 늘릴 수 있는 방법에 대해 자세히 알아보십시오 .

필수 애드온 5.0으로 전문 WooCommerce 장바구니 디자인

2021년은 Elementor용 Essential Addons 팀에게 놀라운 해였습니다. 우리는 가장 큰 이정표에 도달했고 우리가 꿈꿔왔던 것보다 빠르게 성장했습니다. 그리고 모두 당신 덕분입니다. 따라서 한 해를 마무리하고 최고의 웹 구축 경험을 제공하기 위해 최신 업데이트 Essential Addons 5.0을 제공합니다.

최신 릴리스에는 Element에서 웹 디자인 기술을 완전히 쉽게 발휘할 수 있도록 많은 개선 사항, 새로운 요소 및 확장 기능이 포함되어 있습니다. 이 업데이트에는 독점 위젯인 EA Woo Cart 도 포함되어 있음을 알려드리게 된 것을 기쁘게 생각합니다 .

이 놀라운 새 요소를 사용하면 몇 번의 클릭으로 코딩 없이 Elementor를 사용하여 상점에서 디자이너 WooCommerce 장바구니 페이지를 손쉽게 만들 수 있습니다 . 따라서 전자 상거래 업계가 처음이건 노련한 매장 소유자이건 관계 없이 이 필수 추가 기능 위젯을 사용하여 잠재적인 창 쇼핑객을 유료 고객으로 전환할 수 있습니다.

그리고 가장 큰 하이라이트는 Elementor에서 완전히 사용자 정의 할 수 있고 선택할 수 있는 다양한 디자인 레이아웃과 함께 제공되며 WooCommerce 스토어의 미학과 정확히 일치한다는 것입니다. 자세히 알아보려면 계속 읽으십시오.

코딩 없이 Elementor에서 부드러운 EA Woo 카트 설정

말할 필요도 없이 상점을 완벽하게 구축 하려면 WooCommerce 플러그인 을 이미 설치하고 구성했는지 확인해야 합니다 . 그러나 이 고급 위젯이 Elementor Editor 내에서 작동하려면 WooCommerce 스토어에서 장바구니에 일부 제품을 추가 해야 하기 때문에 이 경우 중요합니다 . 완료되면 스토어에서 EA Woo Cart 위젯을 손쉽게 사용할 수 있습니다. 방법을 알아보려면 아래 단계를 따르세요.

1단계: 원하는 WooCommerce 장바구니 페이지 설정

가장 먼저 WordPress 대시보드에서 WooCommerce → 설정 페이지 로 직접 이동한 다음 '고급' 탭으로 이동합니다. 여기에서 원하는 페이지를 새 장바구니 페이지로 지정할 수 있습니다.

아래 이미지에서 볼 수 있듯이 '장바구니 페이지' 옵션을 클릭 하고 드롭다운 메뉴에서 WooCommerce 장바구니 페이지로 원하는 페이지를 선택하기만 하면 됩니다. 모든 준비가 완료되었습니다.

2단계: Elementor에서 WooCommerce 장바구니 편집

다음 단계 는 몇 번의 클릭만으로 Elementor Editor를 사용하여 WooCommerce 장바구니 페이지 를 편집하는 것입니다. 그러나 그렇게 하기 전에 Elementor용 Essential Addons로 EA Woo Cart 요소를 활성화해야 합니다.

최신 버전의 Essential Addons 5.0 PRO 를 설치했는지 확인한 다음 Essential Addons for Elementor 사용자 인터페이스에서 '요소' 탭으로 이동하십시오. 여기에서 80개 이상의 사용 가능한 요소를 찾을 수 있지만 시작하려면 ' EA Woo Cart ' 옵션을 전환하고 ' 설정 저장 '을 누르기만 하면 됩니다.

3단계: Elementor에서 WooCommerce 장바구니 편집

이제 Elementor에서 멋진 장바구니 페이지를 디자인할 준비가 되었습니다. 따라서 WooCommerce 장바구니 페이지로 이동하여 ' Elementor로 편집 '을 누르십시오.

Elementor 편집기에서 '요소' 탭 아래의 '검색' 옵션에서 ' EA Woo Cart ' 요소를 찾으십시오. 그런 다음 아래와 같이 'EA Woo Cart' 요소를 Elementor Editor에서 원하는 섹션으로 끌어다 놓기만 하면 됩니다. 정말 쉽습니다.

EA Woo 카트의 각 측면을 손쉽게 구성

이제 WooCommerce 장바구니가 설정되었지만 고객이 이해하기 쉽고 전문적으로 보이도록 스타일을 지정하고 사용자 정의해야 합니다. 그리고 이 섹션에서는 이를 쉽게 수행할 수 있는 방법에 중점을 둘 것입니다.

1단계: EA Woo 카트 일반 설정 구성

Elementor Editor 측면 패널 의 '콘텐츠 설정' 탭에서 '일반 설정' , '테이블 작성기' 또는 '장바구니 구성 요소' 와 같은 여러 옵션을 찾을 수 있습니다 .

'일반 설정' 에서 아래와 같이 EA Woo Cart가 선택하고 원하는 대로 사용자 지정할 수 있는 2가지 다른 스타일의 레이아웃을 찾을 수 있습니다.

2단계: 테이블 작성기에서 레이블 변경

다음으로 ' 테이블 빌더 '에서 테이블 레이블을 변경하고 섹션을 끌어 EA Woo Cart 가격 테이블을 재정렬할 수 있습니다. 이를 통해 '제품', '가격', '수량' 등 장바구니 페이지에 추가한 모든 열의 모든 라벨을 유연하게 변경할 수 있습니다.

3단계: 장바구니 구성 요소 기능 사용자 지정

그런 다음 ' 장바구니 구성 요소 ' 섹션으로 이동하여 ' 장바구니 업데이트 버튼 '을 토글하여 고객이 장바구니에 더 많은 제품을 추가할 수 있도록 합니다.

뿐만 아니라 ' 쿠폰 양식 '을 토글하여 고객이 결제 시 WooCommerce 장바구니 페이지에서 원하는 쿠폰을 쉽게 추가할 수 있습니다. 이 외에도 ' 쇼핑 계속 ' 옵션을 활성화하여 고객이 쇼핑 페이지로 다시 돌아와 더 많은 쇼핑을 할 수 있도록 할 수도 있습니다. 또한 이 섹션에서 ' 결제 버튼' 텍스트를 변경하고 클릭 유도문안을 보다 대화식으로 만들 수도 있습니다.

이 모든 버튼과 옵션은 고객이 WooCommerce 장바구니 페이지를 완전히 이해하고 이 페이지를 쉽게 탐색하는 데 도움이 됩니다. 따라서 EA Woo Cart 위젯을 사용하면 장바구니 포기와 이탈률을 한 번에 즉시 줄일 수 있습니다.

몇 번의 클릭으로 EA Woo 카트 스타일을 완전히 사용자 정의하십시오.

마지막으로 EA Woo Cart 페이지 의 콘텐츠를 구성했으면 WooCommerce 웹사이트나 브랜드 미학에 맞게 스타일을 지정할 차례입니다. 그렇게 하려면 Elementor 편집기의 '스타일' 탭을 클릭하기만 하면 페이지의 다른 영역을 사용자 지정할 수 있습니다.

1단계: 일반 설정 스타일 지정

'일반' 섹션 에서 전체 EA Woo Cart 섹션의 배경색을 변경할 수 있습니다. EA Woo Cart 배경 색상을 수동으로 조정하거나 전체 색상을 선택할 수 있습니다.

2단계: 테이블 섹션으로 세부 정보 보기

'테이블' 섹션에서는 전체 장바구니 섹션의 패딩, 여백, 타이포그래피, 테두리 유형 등을 변경할 수 있습니다. 이는 결국 EA Woo Cart 페이지를 다른 WooCommerce 상점과 차별화하고 완전히 맞춤화한 것처럼 보이게 할 것입니다.

3단계: 다른 디자인 측면 변경

하지만 그게 다가 아닙니다. 같은 방법으로 ' 장바구니 합계 ', ' 쿠폰 양식' , ' 쇼핑 계속 하기 ', '버튼' , '공지' 의 모양을 변경할 수 있습니다 . 내부의 텍스트도 변경할 수 있습니다.

더 많은 기능을 추가하고 EA Woo Cart 페이지를 더 인터랙티브하고 매력적으로 보이게 하려면 '고급' 설정 옵션도 탐색할 수 있습니다.

전문적인 디자이너 WooCommerce 장바구니 페이지

그리고 그게 다야. 이러한 작은 단계와 손쉬운 사용자 정의 를 통해 기본 설정에 따라 웹사이트에 대한 멋진 WooCommerce 장바구니 페이지를 쉽게 만들 수 있습니다 . 그것도 단 한 줄의 코딩도 사용하지 않고 말이죠.

아래에서 최종 결과를 확인하고 프리미엄 Essential Addons EA Woo Cart 위젯을 사용하여 WooCommerce의 전문적인 디자이너 장바구니 페이지를 확인하십시오.

WooCommerce 스토어를 위한 기타 독점 위젯

그리고 이것으로 Elementor에서 코딩 없이 완벽하게 쉬운 WooCommerce 카트를 디자인하는 방법에 대한 궁극적인 가이드를 마치려고 합니다. 하지만 떠나기 전에 Elementor용 Essential Addons에서 액세스할 수 있는 다른 모든 WooCommerce 위젯에 대해 알려드리고자 합니다.

이 뛰어난 플러그인은 단 몇 번의 클릭으로 WooCommerce 스토어의 모든 측면을 개선할 수 있는 위젯을 제공합니다. 다음과 같은 7가지 요소 가 더 있습니다.

우 제품 갤러리

Woo 제품 슬라이더

Woo 제품 캐러셀

Woo 제품 그리드

Woo 제품 비교

Woo 제품 컬렉션

우 체크아웃

Essential Addons 사이트에서 확인하고 즉시 WooCommerce 스토어의 판매를 쉽게 늘리십시오.

필수 애드온 5.0 업데이트 및 WooCommerce 판매 촉진

그래서 무엇을 기다리고 있습니까? 기다리지 마세요! 지금 Essential Addons 5.0으로 업데이트 하고 독특하고 전환율이 높은 WooCommerce 스토어를 만드는 데 참여하십시오. 또는 단 $39.97 의 독점 가격으로 시작하는 PRO 패키지 를 확인하고 모든 프리미엄 기능을 사용하여 트래픽, 판매 및 전환이 급증하십시오!

제안 사항이 있으면 아래 의견에 알려주거나 지원 팀에 문의하세요. 귀하의 피드백을 알게 되어 기쁩니다. 더 많은 업데이트, 튜토리얼, 팁과 트릭을 보려면 블로그를 구독 하거나 친근한 Facebook 커뮤니티 에 가입하세요 .