WooCommerce Shop 페이지 사용자 정의에 대한 완전한 가이드

소개

WooCommerce 쇼핑 페이지를 사용자 정의하기 위한 아이디어를 찾고 계십니까? 자세히 살펴보면 기본 WooCommerce 사전 구축 상점 페이지가 사용자 정의 옵션에서 제한되어 있음을 알 수 있습니다. 게다가 디자인을 거의 제어할 수 없습니다. 따라서 상점의 잠재력을 최대한 활용하는 것은 악몽이 될 수 있습니다.

WooCommerce 쇼핑 페이지는 제품 표시를 담당하는 자리 표시자입니다. 따라서 귀하의 비즈니스에 많은 의미가 있습니다. 제대로 디자인된 쇼핑 페이지가 없으면 결국 전환에 영향을 미칠 수 있습니다.

제품을 더 잘 표시할 수 있는 방법을 찾고 있다면 상점 페이지를 사용자 정의할 때입니다.

학습을 시작할 준비가 되셨습니까?

이 게시물에서는 WooCommerce 상점을 사용자 정의하는 전체 프로세스와 이것이 필수적인 이유를 안내합니다.

그러나 튜토리얼을 시작하기 전에 WooCommerce 쇼핑 페이지에 수반되는 내용을 살펴보겠습니다.

WooCommerce Shop 페이지는 무엇입니까?

WooCommerce 상점 페이지는 온라인 상점의 모든 제품이 표시되는 곳이므로 WooCommerce 상점의 가장 중요한 페이지입니다.

WooCommerce는 상점 페이지를 '제품에 대한 게시물 유형 아카이브의 자리 표시자'로 정의합니다.

WordPress에서 WooCommerce 플러그인은 카트 페이지, 체크아웃 페이지, 내 계정 및 쇼핑 페이지를 포함하여 대시보드에 4개의 페이지를 추가합니다. 블로그 페이지가 게시물의 아카이브 페이지인 것처럼 샵 페이지는 WooCommerce의 제품 아카이브 페이지입니다.

고객이 웹사이트를 방문하면 먼저 상점 페이지를 방문합니다. 이러한 이유로 더 나은 시각적 모양을 위해 페이지를 미세 조정하는 것이 중요합니다.

WooCommerce Shop 페이지 사용자 정의의 이점

WooCommerce 상점 페이지를 개인화하는 데에는 많은 이점이 있습니다. 아래는 그 중 일부입니다.

1. 사용자 경험 개선

상점 페이지에 제품 카테고리를 잘 표시하면 고객을 위해 상점에서 제품을 찾는 프로세스가 쉬워집니다. 또한 하위 카테고리를 포함하여 제품의 모든 그룹을 표시해야 합니다. 또한 관련 정보와 함께 고해상도 이미지를 추가해야 합니다. 고객은 매장을 더 쉽게 탐색할 수 있어 사용자 경험이 향상됩니다.

2. 전환율 증가

상품이 잘 정리된 멋진 페이지는 더 많은 고객을 유치할 수 있습니다. 게다가, 당신의 가게에서 구매하도록 잠재 고객을 설득하는 것이 가능합니다. 잘 맞춤화 된 상점을 사용하면 브랜드를 쉽게 더 잘 표현할 수 있고 고객이 계속 방문할 수 있는 직관적인 플랫폼을 제공할 수 있습니다. 주문을 마감할 가능성이 높아져 더 많은 전환이 발생합니다.

3. SEO 순위 향상

WooCommerce 상점 페이지를 사용자 정의하려면 제품을 정렬하고 이미지를 배치하는 것 이상이 필요합니다. 그러나 여기에는 전체 페이지 최적화가 포함됩니다. 예를 들어 키워드가 풍부한 콘텐츠, 메타 설명 및 메타 제목을 더 추가할 수 있습니다. 이는 웹사이트의 SEO를 개선하여 검색 엔진에서 페이지 순위를 높이는 데 도움이 됩니다.

4. 경쟁자보다 돋보이기 위해

상점 페이지를 위한 독특한 레이아웃을 사용하면 전문적인 느낌을 주어 독특하게 보이게 합니다. 이렇게 하면 기본 WooCommerce 쇼핑 페이지 레이아웃에 국한될 가능성이 있는 경쟁업체보다 더 나은 이점을 얻을 수 있습니다. 또한 더 매력적으로 만들고 제품이 더 매력적으로 보일수록 더 많은 고객이 구매하도록 유도합니다.

페이지 빌더를 사용하여 WooCommerce Shop 페이지 사용자 정의

쇼핑 페이지에서 제품을 구성하여 고객의 쇼핑 경험을 단순화할 수 있습니다. 이 섹션에서는 WooCommerce용 Elementor 페이지 빌더를 적용하여 쇼핑 페이지를 사용자 정의하는 방법을 살펴보겠습니다.

1단계: Elementor로 목록 페이지를 만들고 콘텐츠로 채우기

WooCommerce 페이지 사용자 정의와 관련하여 Elementor를 능가하는 것은 없습니다. Elementor는 WordPress용 드래그 앤 드롭 WooCommerce 페이지 빌더입니다. 사용하기 쉽고 사용자 정의가 가능한 기능으로 인기가 있습니다.

시작하려면 Elementor를 다운하고 새 페이지를 만들고 콘텐츠를 추가해야 합니다. 그러나 새 페이지를 만들기 전에 페이지의 모양과 쇼핑 페이지에 가장 먼저 표시할 제품에 대한 시각적 아이디어가 있는지 확인하십시오. 예를 들어 베스트셀러, 최신 제품 및 추천 제품이 먼저 표시되도록 선택해야 합니다.

다음으로 간단한 단축 코드를 사용하여 쇼핑 페이지에 콘텐츠를 추가합니다. 다음은 우리에게 도움이 될 몇 가지 필수 단축 코드입니다.

먼저 추천 및 베스트 셀러 제품을 쇼핑 페이지에 추가하겠습니다. 추천 제품을 추가하려면 WordPress 관리자 대시보드에서 WooCommerce > 제품으로 이동하고 오른쪽에 있는 별표 아이콘을 클릭하여 제품을 선택합니다.

그런 다음 Elementor로 이동하여 텍스트 편집기를 추천 제품 아래로 드래그하고 단축 코드 [featured_products]를 삽입합니다.

그런 다음 '업데이트'를 클릭하면 아래와 같이 제품이 나타납니다.

베스트셀러 제품과 최근 출시된 제품을 추가하려면 각각 아래의 단축 코드를 사용하세요.

또한 제품 페이지에 표시할 열 수를 설정할 수도 있습니다. 예를 들어, 각각 6개 제품의 2개 열을 표시하려면 아래 단축 코드를 사용하십시오.

이제 이 프로세스를 반복하고 원하는 만큼 제품 범주를 추가할 수 있습니다.

2단계: 방금 만든 페이지를 WooCommerce 쇼핑 페이지로 업로드

새 페이지 생성이 완료되면 WooCommerce 쇼핑 페이지로 만들어야 합니다. 이렇게 하려면 현재 테마의 하위 테마를 만들어야 합니다. 이를 위해 Generate Child Theme 및 Childify Me와 같은 플러그인을 사용할 수 있습니다.

하위 테마는 상위 테마에 요소를 재정의하고 추가하므로 별도의 테마 파일을 생성하고 상위 테마 파일의 수정 사항을 유지할 수 있습니다.

하위 테마를 설치했으면 상점 페이지의 URL을 복사하고 WordPress 대시보드에서 WooCommerce > 모양 > 테마 편집기로 이동합니다.

팝업이 나타나면 '이해합니다' 옵션을 클릭합니다. 테마 기능 파일에 액세스할 수 있는 페이지로 리디렉션됩니다.

functions.php 파일을 클릭하고 PHP 파일이 끝나는 스타일시트에 코드를 붙여넣습니다.

참고로 코드를 그대로 복사해야 합니다. 또한 wp_redirect('[yourURL]') 내에 URL을 추가해야 합니다.

마지막으로 "파일 업데이트" 버튼을 클릭하면 짜잔! WooCommerce 쇼핑 페이지 사용자 지정을 완료했습니다.

마무리 생각

WooCommerce 상점 페이지는 상점에서 가장 중요한 부분입니다. 결국, 이것은 대부분의 고객이 시간을 보내는 곳입니다.

이러한 이유로 더 나은 고객 경험을 위해 보다 직관적이고 사용자 친화적인 레이아웃을 위해 상점 페이지를 다시 디자인하는 것이 필수적입니다.

과거에는 WooCommerce 쇼핑 페이지를 사용자 정의하는 데 수십 줄의 코드와 복잡한 프로세스가 필요했습니다.

그러나 Elementor WooCommerce Page Builder를 사용하면 상점 페이지 레이아웃을 완전히 사용자 정의할 수 있습니다. 목록 페이지를 만들고 콘텐츠로 채우고 맞춤형 페이지를 쇼핑 페이지로 설정하는 것만 큼 간단합니다.

그렇게 하면 경쟁자들 사이에서 눈에 띄고 SEO를 높이고 매출을 높일 수 있습니다.

잘 들린다! 오른쪽? 오늘 쇼핑 페이지를 사용자 정의하십시오!

한편, 우리 게시물에 시간을 할애해 주셔서 감사합니다. 아래 의견 섹션에서 생각을 공유하는 것을 잊지 마십시오. 우리 팀은 당신의 소식을 기쁘게 생각합니다!