WooCommerce: 내 계정 페이지를 사용자 정의하는 방법?

게시 됨: 2018-03-28

WooCommerce "내 계정" 페이지 사용자 지정은 디자이너와 개발자가 가장 많이 요청하는 기능 중 하나입니다.

전자 상거래 웹사이트의 "내 계정" 페이지는 원활한 운영을 위해 절대적으로 중요하며 사용자가 계정 관리를 최대한 활용할 수 있도록 잘 설계되어야 하며 물론 전환 을 위해 사용자 정의할 수 있습니다. 더 많은 판매 및/또는 반환 사업에 대한 유인 .

"내 계정" 페이지는 WooCommerce 단축 코드가 포함된 실제 WordPress 페이지("페이지"에서 찾을 수 있음)입니다. 이러한 단축 코드는 기본 계정 관리 탭과 고유 콘텐츠를 출력합니다.

"내 계정" 페이지(및 "주소 수정" 페이지와 같은 모든 하위 페이지)의 모양, 느낌, 레이아웃, 콘텐츠 및 디자인을 사용자 지정하려면 두 가지 선택 사항이 있습니다. PHP 사용자 정의에 익숙하다면 사용자 정의 탭 추가, 탭 제거, 탭 콘텐츠 변경, 탭 정렬 등과 ​​같은 간단한 스니펫으로 거의 모든 작업을 수행할 수 있습니다. 우리는 이미 Business Bloomer에서 이것을 보았지만 알림으로 아래의 몇 가지 기사와 자습서에 링크할 것입니다.

다른 세련된 대안은 플러그인을 사용하는 것입니다. 때때로 이것은 코딩할 필요 없이 필요한 것을 달성하는 빠르고 오류 없는 방법일 수 있습니다. 그것은 당신에게 달려 있습니다 – 그래서 이 기사에서 우리는 두 가지 방법을 모두 볼 것입니다!

1. WooCommerce "내 계정" 사용자 정의 스니펫

WooCommerce 프리랜서로서 저는 플러그인을 설치하지 않고 코딩하고 작업을 수행하는 것을 좋아합니다. 저인데 다르게 생각하실 수도 있어요.

도전을 좋아한다면 PHP와 WooCommerce 후크를 사용하여 "내 계정" 페이지에서 거의 모든 것을 달성할 수 있습니다.

내가 좋아하는 스니펫을 나열하기 전에 WooCommerce "내 계정" Visual Hook Guide (https://businessbloomer.com/woocommerce-visual-hook-guide-account-pages/)를 공부하는 것이 좋습니다. 계정 관리 페이지가 코딩되는 방식과 추가 콘텐츠를 표시하는 데 사용할 수 있는 "후크"에 대한 아이디어.

이 작업을 완료하면 다음과 같은 유용한 스니펫을 볼 수 있습니다(링크는 자체 설명이 필요함).

  • https://businessbloomer.com/woocommerce-add-new-tab-account-page/
  • https://businessbloomer.com/woocommerce-hide-rename-account-tab/
  • https://businessbloomer.com/woocommerce-merge-account-tabs/
  • https://businessbloomer.com/woocommerce-show-extra-content-my-account-page/
  • https://businessbloomer.com/woocommerce-add-first-last-name-account-register-form/
  • https://businessbloomer.com/woocommerce-add-select-field-account-register-form/
  • https://businessbloomer.com/woocommerce-display-products-purchased-user/

즐기다

2. WooCommerce "내 계정" 사용자 정의 플러그인

귀하의 목표가 뛰어난 고객 서비스를 제공하는 것이라고 가정하십시오. 이 경우 내 계정 페이지를 사용자 지정하여 고객이 검색하는 정보를 제공하거나 FAQ를 통해 질문에 답변하거나 사용자 또는 지침 가이드를 다운로드하도록 허용할 수 있습니다.

표준 WooCommerce 설치에는 추가 사용자 정의 필드를 추가하는 많은 사용자 정의 기능이나 사용자 친화적인 방법이 제공되지 않지만 사용자 정의 WooCommerce 내 계정 페이지 플러그인을 사용하여 쉽게 설치할 수 있습니다.

고객이 질문에 대한 답변을 얻기 위해 매장을 샅샅이 뒤지는 것을 원하지 않습니다. 대신 내 계정 페이지를 고객을 위한 포괄적인 허브로 만들 수 있습니다. 여기에서 사용자 가이드와 보증, 과거 주문 또는 보상에 대한 정보를 찾을 수 있습니다.

WooCommerce 내 계정 페이지를 사용자 지정하여 상점이 얻는 이점은 다음과 같습니다.

  • 최소화된 제품 반품: 추가 제품 정보, 지침 가이드 또는 매뉴얼을 추가하면 고객이 구매하려는 제품에 대해 확신을 갖게 되어 반품 가능성이 줄어듭니다.
  • 고객 충성도 향상: 내 계정 페이지를 사용자 지정하면 찾기 쉬운 위치에서 필요한 모든 정보를 제공하여 고객 서비스에 연락할 필요가 없어 더욱 편리합니다. 또한 충성 고객이 되기 위한 독점 할인 및 쿠폰을 찾을 수 있는 장소를 제공합니다.
  • 최대 고객 유지: 내 계정 페이지에서 추가 쿠폰 및 할인을 제공하면 고객이 계속 재방문하도록 하고 열성적으로 만들 수 있습니다.
  • 고객 불만/문의 감소: 67%의 고객이 특정 담당자에게 전화하는 것보다 셀프 서비스를 선호합니다. 제품을 보고 답변을 찾을 수 있는 사용자 가이드와 올인원 장소를 제공하면 동일하거나 다른 문의에 대해 귀하에게 연락할 가능성이 줄어듭니다.

이제 내 계정 페이지를 사용자 정의하는 것이 귀하와 귀하의 고객에게 어떻게 도움이 되는지 살펴보았으므로 스토어의 고객 경험을 한 단계 끌어올리는 데 사용할 수 있는 몇 가지 플러그인을 살펴보겠습니다.

YITH – WooCommerce 내 계정 페이지 사용자 정의

Yith의 WooCommerce 사용자 정의 내 계정 페이지를 사용하면 내 계정 페이지에 표시되는 내용을 더 잘 제어할 수 있으며 사용 중인 테마에 관계없이 고객에게 페이지를 매력적이고 유용하게 만드는 훌륭한 방법입니다.

언급할 가치가 있는 "내 계정" 페이지 사용자 정의와 관련된 가장 큰 기능은 다음과 같습니다.

  • "사이드바" 또는 "탭" 디스플레이 모드 간에 전환할 수 있습니다.
  • 계정 관리 탭의 내용을 정렬, 제거, 추가, 이름 변경 및 변경할 수 있습니다.
  • 특정 사용자 역할 에 특정 탭을 표시할 수 있습니다.
  • 색상, 레이블을 변경하고 아이콘을 추가할 수 있습니다.

지침, 설문 조사, 다운로드 가능한 파일, 쿠폰, 뉴스, 알림 및 비디오 자습서와 같은 콘텐츠가 포함된 메뉴를 무제한으로 추가할 수 있습니다.

또한 제품을 홍보하고 할인 코드 및 판촉 제안과 관련된 메시지를 표시할 수 있습니다. 콘텐츠, 레이블, 대시보드 및 주문과 같은 스토어의 기본 섹션 위치를 쉽게 편집할 수도 있습니다.

상위 기능: 특정 사용자에게만 표시되는 섹션을 만들고 특정 사용자 역할에서 제한할 수 있습니다.

가격: $59.99/년, 1년 지원 및 업데이트 및 30일 환불 보장.

IconicWP – WooCommerce 계정 페이지

이 플러그인은 WooCommerce와 완전히 통합되고 잘 코딩된 테마와 잘 작동하며 마치 설치된 플러그인이 아닌 다른 WooCommerce 기능인 것처럼 작동하므로 가장 원활한 플러그인 중 하나입니다.

이 플러그인의 다른 점과 고유한 점은 내 계정 페이지에서 무제한 페이지를 설정할 수 있을 뿐만 아니라 추가하는 모든 페이지가 자동으로 탭 링크로 표시된다는 것입니다.

또한 페이지 빌더를 사용하는 경우 단축 코드를 사용하여 탭 링크를 쉽게 렌더링할 수 있으므로 단축 코드 친화적인 플러그인입니다. 또한 페이지 순서를 쉽게 지정할 수 있으며 all-in-all은 친숙한 인터페이스를 갖춘 초보자 친화적인 플러그인입니다.

주요 기능: Gutenberg Editor를 사용할 수 있는 유일한 플러그인으로 사용자 정의 및 동적 레이아웃을 쉽게 생성하고 탭에 이미지 갤러리 또는 비디오와 같은 콘텐츠를 추가할 수 있습니다.

가격: 1개 사이트 플러그인 라이선스 비용은 연간 $49입니다.

WooCommerce – WooCommerce용 내 계정 사용자 지정

이 플러그인을 사용하면 강력한 사용자 지정 패널이 있는 라이브 사용자 지정 프로그램을 통해 사용자 지정 내 계정 끝점(탭)을 추가할 수 있습니다.

무제한 계정 끝점을 만드는 것 외에도 탭을 쉽게 사용자 지정(새 항목 추가 또는 기본 항목 숨기기)하고, 레이블을 수정하고, 사용자 지정 콘텐츠(텍스트, 양식 또는 미디어)를 표시하고, 아이콘을 추가할 수 있습니다.

또한 특정 사용자 역할에 대한 엔드포인트 액세스를 제공하고 글꼴, 글꼴 색상, 크기, 배경 이미지 및 색상, 패딩, 여백 및 테두리를 편집할 수 있습니다.

주요 기능: 이 플러그인의 가장 좋은 기능 중 하나는 끝점을 그룹화하여 탭을 만든 다음 상위 탭 아래 들여쓰기된 하위 페이지로 탭을 추가하는 기능입니다. 사용자 정의 CSS 코드를 추가할 수도 있습니다.

가격: $49.00(매년 청구)

WooCommerce – 내 계정 페이지 편집기

이 플러그인은 여러 끝점을 추가하고, 기본 끝점을 편집 또는 제거하고, 끌어서 놓기를 통해 끝점을 정렬하여 WooCommerce 내 계정 페이지를 사용자 지정하는 또 다른 확실한 옵션입니다.

WYSIWYG 편집기를 사용하면 제품 페이지, 카테고리, 외부 또는 내부 링크 또는 콘텐츠를 추가할 수 있습니다. 사용자 역할을 제한할 수도 있습니다. 또한 탭 스타일의 상단, 왼쪽 또는 오른쪽에 끝점을 표시하고 기본 제공 아이콘을 사용하여 끝점과 함께 표시할 수 있는 옵션도 있습니다.

상위 기능: 단일, 페이지, 링크 및 그룹의 모든 엔드포인트 유형에서 선택하고 4가지 색상 및 레이아웃 옵션 중에서 선택할 수 있습니다.

가격: $49.00(매년 청구)

Codecanyon – WooCommerce 사용자 정의 내 계정 페이지

이 예산 친화적인 플러그인을 사용하면 간단하고 깨끗하며 편안한 내 계정 페이지를 만들고 사용자 지정할 수 있습니다.

사용자 정의 내 계정 탭을 생성할 수 있을 뿐만 아니라 직관적인 인터페이스로 탭의 이름을 바꾸고, 재정렬하고, 비활성화할 수 있습니다. 흥미롭게도 WooCommerce 내 계정 페이지를 완전히 개조하기 위해 세 가지 다른 레이아웃, 배경색 수정 및 사용자 정의 텍스트와 같은 많은 스타일 옵션이 제공됩니다.

또한 특정 사용자 역할을 제한하고, 단축 코드를 사용하고, WooCommerce가 지원하지 않는 사용자 지정 사용자 메타데이터를 추가할 수 있습니다.

주요 기능: 이 플러그인의 매력적인 점은 Link, Editor, Function, Show Cart, Show My Account, Contact 7 Form 등 11가지 이상의 콘텐츠 유형을 지원한다는 것입니다.

가격: 일반 라이선스 비용은 $34입니다.

Codecanyon – WooCommerce 내 계정 페이지 플러그인, 계정 페이지 편집 및 사용자 정의

이 저렴한 플러그인을 사용하면 내 계정 페이지를 사용자 정의하고, 사용자 정의 탭을 추가하고, 컨텐츠를 완벽하게 제어하고, 전반적인 경험을 개인화할 수 있습니다.

페이지 또는 끝점을 쉽게 추가하고 해당 콘텐츠를 사용자 지정하고 끝점을 그룹화하여 페이지 레이아웃을 향상하고 더 잘 구성할 수 있습니다.

또한 HTML을 허용하는 사용자 친화적인 WYSIWYG 편집기와 함께 제공되며 all-in-all은 스토어의 내 계정 페이지를 위한 완벽한 사용자 정의 플러그인입니다.

주요 기능: 이 플러그인을 사용하면 탭이나 끝점에 링크를 첨부하여 "신제품"과 같은 특정 페이지에 대한 고객의 관심을 끌 수 있습니다.

가격: 일반 라이선스 비용은 $29입니다.

Codecanyon – SS WooCommerce Myaccount Ajax 탭

간단하고 가벼운 이 제품은 웹사이트 트래픽이 많은 매장과 전체 서버 부하를 최소화하는 데 탁월한 솔루션입니다.

기본, 클래식 및 플랫의 세 가지 고유한 탭 스타일을 제공하며 무제한 탭 추가, 탭 삭제, 끌어서 놓기를 사용하여 재정렬하고 사용자 정의 콘텐츠를 추가할 수 있습니다.

이 플러그인의 고유한 점은 내 계정 페이지 탭을 Ajax 탭으로 변환하여 고객이 동일한 페이지에서 탭 링크와 해당 콘텐츠를 탐색할 수 있다는 것입니다. 따라서 고객이 탭의 내용을 볼 필요가 있을 때마다 페이지를 새로 고칠 필요가 없습니다.

또한 HTML, 사용자 정의 단축 코드, JavaScript 및 슬라이더 콘텐츠를 지원합니다.

상단 기능: 세로 탭 방향을 지원하고 더 나은 고객 경험을 제공하여 페이지 새로 고침이나 지연 없이 탭의 콘텐츠를 볼 수 있습니다.

가격: 일반 라이선스 비용은 $29입니다.

Pheoniixx 디자인 – WooCommerce용 내 계정 맞춤 설정

이 기능이 풍부한 플러그인은 다중 사이트 네트워크를 지원하고 특정 요구 사항에 따라 내 계정 페이지를 사용자 정의할 수 있는 여러 옵션을 제공합니다.

무제한 메뉴 옵션을 만들고 두 가지 메뉴 스타일 또는 레이아웃 옵션(사이드바 및 탭) 중에서 선택할 수 있습니다. 또한 고객이 프로필 이미지를 업로드할 수 있는 옵션도 제공합니다.

또한 메뉴 항목 텍스트, 메뉴 항목 색상, 메뉴 사이의 패딩, 아이콘과 텍스트 사이의 여백을 개인화할 수 있는 광범위한 스타일 옵션을 사용할 수 있습니다. 또한 메뉴에 사용자 정의 URL을 쉽게 추가하고 각 메뉴 옵션에서 아이콘, 레이블 및 콘텐츠를 편집할 수도 있습니다.

주요 기능: 단축 코드를 지원하고 고객, 기여자 또는 관리자와 같은 사용자 역할에 따라 내 계정 페이지의 메뉴 옵션을 제한할 수 있습니다.

가격: 단일 사이트 라이선스 비용은 1년 지원, 평생 업데이트 및 갱신 요금이 없는 $35.18입니다.

결론

WooCommerce 내 계정 페이지를 사용자 정의하는 것은 고객 경험과 상점과의 상호 작용을 개선하는 훌륭한 방법입니다. 필요한 모든 세부 정보, 가이드, FAQ 및 제품 정보를 단일 페이지에 추가하면 고객의 불만, 쿼리에 대한 후속 조치의 필요성을 방지하고 반품을 줄이고 충성도를 높일 수 있습니다.

새로운 것을 배우지 않고도 많은 페이지와 탭을 만들 수 있습니다. 위에서 언급한 각 플러그인에는 고유한 기능, 강점 및 약점이 있습니다. 따라서 요구 사항을 분석하고 매장에 적합한 플러그인을 선택하여 모든 고객의 요구 사항을 한 곳에서 해결할 수 있는 솔루션을 제공하십시오.