쉬운 2단계로 WooCommerce Shop 페이지를 사용자 정의하는 방법

WooCommerce는 가상 상점의 기본 상점 페이지를 제공합니다. 그러나 사용자 정의 옵션이 제한되어 있습니다. 게다가 WooCommerce의 사전 구축된 쇼핑 페이지는 전환율에 최적화되어 있지 않습니다. 좋은 전환은 잘 설계된 WooCommerce 상점 페이지와 함께 제공됩니다.

전환율에 만족하는 산업은 22%에 불과하다는 사실을 알고 계십니까?

이제 질문을 드리고 싶습니다. 22%의 행복한 산업 또는 불행한 78%의 산업에 속하고 싶습니까? 결정은 당신의 몫입니다. 그렇다면 코딩을 사용하거나 WooCommerce 빌더를 사용하여 쇼핑 페이지를 사용자 정의해야 합니다. 좋은 코딩 지식이 필요하기 때문에 여기에서 코딩을 사용하지 맙시다. 따라서 쇼핑 페이지 사용자 정의를 위해 WooCommerce 빌더로 이동하십시오. 여기에 최고의 WooCommerce 빌더를 선택하는 또 다른 작업이 있습니다.

ShopEngine 은 이 플러그인을 사용한 후에는 다른 플러그인이 필요하지 않기 때문에 WooCommerce 페이지를 위한 완전한 솔루션입니다. 이 하나의 플러그인은 제품 비교, 변형 견본, 위시리스트, 빠른 보기, 빠른 체크아웃, 이월 주문, 배지, 판매 알림, 부분 결제 등을 위한 솔루션을 제공합니다. 게다가 이러한 옵션을 완전히 사용자화할 수 있습니다. 이것이 이 플러그인을 사용하는 것이 비용 효율적이고 사용자 친화적인 이유입니다.

그래서 이 블로그에서는 워드프레스 최고의 무료 도구 인 ShopEngine 으로 WooCommerce 맞춤형 샵 페이지를 만드는 방법에 대해 설명합니다.

WooCommerce 상점 페이지는 무엇입니까?

WooCommerce 쇼핑 페이지는 모든 제품 또는 서비스를 선보일 웹사이트의 가장 중요한 페이지입니다. 고객이 제품이나 서비스를 구매하기 위해 귀하의 웹사이트를 방문하면 귀하의 상점 페이지를 직접 방문하게 됩니다.

이 페이지에 따라 성공 여부가 결정되므로 웹사이트의 핵심이라고 할 수 있습니다. 이 페이지를 방문하여 제품을 본 후에 제품을 구매할지 여부를 결정하기 때문입니다. 그렇기 때문에 WooCommerce 쇼핑 페이지는 사용자 친화적이고 잘 디자인되어야 합니다.

기본 WooCommerce 쇼핑 페이지에 어떤 문제가 있습니까?

WooCommerce Shop 페이지는 전환율을 높이는 데 중요한 역할을 합니다. 따라서 상점 페이지가 최적화되어 있어야 한다는 점을 항상 염두에 두어야 합니다. 여기에 기본 WooCommerce 쇼핑 페이지를 사용하는 문제가 있습니다. 기본 WooCommerce 쇼핑 페이지는 전환율을 높이는 데 최적화되어 있지 않기 때문입니다.

고객의 입장에 있는 자신을 상상해 보십시오. 제품을 구매할 때 고객으로서 웹사이트에서 원하는 것은 무엇입니까?

물론 심플하고 깔끔한 디자인으로 제품을 쉽게 검색하고 찾을 수 있습니다. 기본 WooCommerce 쇼핑 페이지는 적합하지 않습니다.

고객의 76%는 복잡하고 혼란스러운 디자인 대신 단순한 디자인의 웹사이트를 원합니다. 소스 이름 - HubSpot.com

이것은 그것이 고객에게 얼마나 중요한지를 증명합니다. 이제 기본 WooCommerce 페이지를 살펴보고 검토하십시오. 목표 수익을 얻고 있습니까? 그렇지 않은 경우 ShopEngine이라는 Elementor 및 WooCommerce 상점 페이지 플러그인을 사용하여 WooCommerce 상점 페이지를 사용자 정의할 준비를 하십시오.

하지만 그 전에 WooCommerce 샵 페이지를 변경하면 어떤 혜택을 받을 수 있는지 정확히 확인해 보겠습니다.

새로운 맞춤형 WooCommerce 쇼핑 페이지에서 얻을 수 있는 이점

시간과 노력을 들이기 전에 혜택을 확인하는 시간입니다. WooCommerce 쇼핑 페이지를 사용자 정의해야 하는 이유를 살펴보십시오.

• ROI를 크게 변화시킬 전환율이 높은 쇼핑 페이지.
• 우수한 사용자 경험.
• SEO 및 다양한 기기에 최적화되어 있습니다.
• 사용자를 늘릴 수 있는 기회입니다.
• 경쟁이 치열한 전자 상거래 세계에서 눈에 띄기 좋은 상점 페이지.
• 빠른 로딩 상점 페이지.

이것은 잘 최적화된 쇼핑 페이지에서 얻을 수 있는 이점입니다. 이점을 알았으니 이제 주요 주제로 이동할 차례입니다. 더 나은 사용자 경험을 위해 WooCommerce 쇼핑 페이지를 어떻게 편집할 수 있습니까?

계속 파헤쳐보세요.

ShopEngine으로 WooCommerce 상점 페이지를 사용자 정의하는 방법

WooCommerce 페이지 사용자 정의가 제공되면 ShopEngine을 능가하는 것은 없습니다. ShopEngine은 WordPress에서 사용할 수 있는 최고의 끌어서 놓기 WooCommerce 페이지 빌더 플러그인입니다. 사용자 친화적이고 완전히 사용자 정의 가능한 기능으로 인해 잘 알려져 있습니다. 또한 코딩 없이 웹사이트를 구축할 수 있는 고급 모듈과 위젯을 제공합니다.

즉, 프로그래밍 방식으로 WooCommerce 쇼핑 페이지를 사용자 지정하는 번거로움을 겪지 않아도 됩니다. 이제 WooCommerce 쇼핑 페이지 템플릿을 찾을 위치에 대해 생각할 수 있습니다.

ShopEngine은 WooCommerce 쇼핑 페이지 템플릿과 함께 제공되며 다시 만들 수 있습니다. 걱정하지 마세요. 가장 쉽고 효과적인 WooCommerce 페이지 빌더인 ShopEngine을 사용하여 WooCommerce 쇼핑 페이지를 편집하려면 다음 단계를 따르세요.

1단계: 쇼핑 페이지 템플릿을 만듭니다.

WooCommerce 상점 페이지를 사용자 정의하려면 상점 페이지 템플릿을 만들어야 합니다. ShopEngine>> 빌더 템플릿으로 이동하여 새로운 WooCommerce 쇼핑 페이지 템플릿을 만듭니다.

그런 다음 새로 추가 버튼을 클릭하면 팝업 템플릿 설정 바가 나타납니다. 쇼핑 페이지 템플릿을 설정하려면 다음 정보를 입력해야 합니다.

• 이름: 여기에 WooCommerce 상점 페이지에 대해 선택한 Woo 상점 이름을 입력합니다.
• 유형: 이 간격에서 생성하려는 템플릿 유형을 선택해야 합니다. 상점 페이지 템플릿을 생성할 때 상점을 선택해야 합니다.
• 기본값 설정: 기본 템플릿을 추가하려면 기본 버튼을 활성화합니다. 기본값을 사용하므로 활성화합니다.
• 샘플 디자인: 여기에 두 가지 디자인이 있습니다. 그런 다음 왼쪽을 선택하면 WooCommerce 쇼핑 페이지를 처음부터 편집할 수 있습니다. 그리고 올바른 것을 선택하면 상점 페이지 템플릿의 기본 디자인을 얻게 됩니다. 처음부터 편집할 필요가 없습니다. 여기서는 기본 샘플 디자인을 선택합니다. 그런 다음 마지막으로 편집하려면 Elementor로 편집 버튼을 클릭합니다.

이제 쇼핑 페이지 템플릿 만들기가 완료되었습니다. 이제 실제 사용자 지정 부분으로 넘어갈 시간입니다.

2단계: ShopEngine으로 WooCommerce 쇼핑 페이지 템플릿을 사용자 정의합니다.

쇼핑 페이지 템플릿을 만든 후에는 이제 편집할 차례입니다. 그것을 편집하려면 아카이브 제목을 클릭하고 원하는 대로 다음 옵션을 사용자 정의하십시오.

• HTML 태그: 제목 보관에 사용할 태그를 선택합니다.
• 정렬: 여기에서 아카이브 제목에 대한 정렬을 선택할 수 있습니다.
• 색상: 아카이브 제목에 적합한 색상을 선택합니다.
• 타이포그래피: 아카이브 제목의 타이포그래피를 편집합니다. 여기에서 패밀리, 글꼴 크기, 줄 높이, 두께, 변형을 변경할 수 있습니다.

그런 다음 페이지 당 제품 필터 인 다음 아카이브 페이지 위젯을 사용자 정의하십시오. 페이지 필터당 제품에 대해 다음 영역을 사용자 정의할 수 있습니다.

• 목록: 쇼핑 페이지에 페이지 번호를 입력합니다.
• 타이포그래피: 페이지 필터별로 제품의 타이포그래피를 편집합니다.
• 간격: 숫자 사이의 간격을 사용자 지정합니다.
• 정렬: 페이지 필터별로 제품에 대한 정렬을 선택합니다.
• 색상: 여기에서 위젯의 색상을 선택할 수 있습니다.
• 활성 색상: 활성 페이지에 대해 다른 색상을 선택할 수 있습니다.

이제 아카이브 제품 의 레이아웃을 편집할 시간입니다. 여기에서 편집할 수 있습니다.

• 레이아웃 설정: 아카이브 제품에 대한 레이아웃 설정을 활성화하거나 비활성화할 수 있습니다.
• 행당 제품: 각 행에 표시할 제품 수를 선택합니다.
• 페이지당 행 수: 각 페이지에 표시할 행 수를 선택합니다.

그런 다음 아카이브 제품에 대한 많은 옵션을 활성화 및 비활성화할 수 있습니다. 예를 들어:

• 플래시 판매 배지.
• 카테고리를 표시합니다.
• 설명을 표시합니다.
• 평가.
• 정상가를 표시합니다.
• 가격표를 보여주세요.
• 버튼 그룹.
• 호버 스타일의 바닥글.

이 옵션을 활성화하면 아카이브 제품과 함께 표시됩니다.

그런 다음 제품 컨테이너를 다음과 같이 편집합니다.

• 조정.
• 배경색.
• 테두리 유형.
• 너비.
• 테두리 색상입니다.
• 제품 갭.
• 호버에 상자 그림자입니다.
• 행 간격.
• 심.

아카이브 제품에 대해 다음 영역을 편집할 수도 있습니다.

• 제품 이미지입니다.
• 제품 카테고리.
• 제품 제목입니다.
• 제품 가격.
• 제품 설명.
• 오프 태그.
• 장바구니에 담기 버튼.
• 평가.
• 플래시 판매.
• 버튼 그룹 등

왼쪽에 표시되는 위젯을 끌어다 놓아 더 많은 것을 사용자 정의할 수도 있습니다. 마지막으로 위젯을 드래그 앤 드롭하고 사용자 정의한 후 업데이트 버튼을 클릭합니다.

알아야 할 사항:

사용자 정의를 시작하기 전에 웹 사이트에 제품을 추가했는지 확인해야 합니다. 추가하지 않으면 제품이 표시되지 않습니다. 방법을 모르는 경우 WooCommerce에 제품을 추가하는 방법을 읽으십시오.

이제 맞춤형 WooCommerce 쇼핑 페이지를 살펴보십시오.

ShopEngine을 WooCommerce 페이지 빌더로 사용하는 이유는 무엇입니까?

쉬운 과정에 대해 배운 후에도 여전히 다른 질문이 있을 수 있습니다. 다른 WooCommerce 페이지 빌더를 사용하지 않고 ShopEngine을 사용하여 쇼핑 페이지를 사용자 정의하는 이유는 무엇입니까?

대답은 ShopEngine이 곧 출시될 버전( ShopEngine Pro )에서 다른 WooCommerce 빌더를 사용하는 경우 얻을 수 없는 많은 새로운 기능의 잠금을 해제한다는 것입니다. 뿐만 아니라 ShopEngine은 최고의 사용자 경험을 제공하기 위해 다른 많은 기능도 제공합니다. 여기에서 다른 WooCommerce 빌더와 빠른 비교가 아래에 제공됩니다.

WooCommerce 쇼핑 페이지 템플릿은 어디에서 검색합니까?

ShopEngine에는 기성품 WooCommerce 상점 페이지 템플릿이 있습니다. 쇼핑 페이지 템플릿을 만들고 원하는 대로 사용자 지정할 수도 있습니다. ShopEngine은 사용자 정의를 위한 모든 옵션을 제공하므로 이러한 템플릿을 사용자 정의할 제한은 없습니다.

또한 다른 여러 유형의 템플릿과 함께 WooCommerce 제품 페이지 템플릿을 얻을 수 있습니다. 이를 통해 믿을 수 없는 몇 초 만에 WooCommerce 제품, 카테고리, 장바구니 등의 페이지를 구축할 수 있습니다.

가장 좋은 부분은 ShopEngine의 무료 버전이 기성품 템플릿을 제공한다는 것입니다. WooCommerce Shop 페이지를 쉽게 만들 수 있습니다. ShopEngine이 제공하는 무료 WooCommerce 쇼핑 페이지 템플릿을 살펴보십시오.

마무리:

WooCommerce Shop 페이지는 WooCommerce 페이지 중 가장 중요한 페이지입니다. 수익은 상점 페이지에서 제품을 어떻게 표시하느냐에 따라 달라집니다. 좋은 프레젠테이션을 위해서는 이 페이지를 사용자 정의해야 합니다. WooCommerce의 제한된 사용자 정의 옵션으로 인해 다른 도구가 필요합니다.

ShopEngine 은 사용해 볼 수 있는 가장 유연한 도구입니다. 이 방대한 양의 사용자 정의를 제공할 수 있는 도구는 거의 없습니다. 또한 ShopEngine pro의 새 버전도 출시되었습니다. 여기에서 63개 이상의 위젯, 12개 모듈을 사용하여 처음부터 페이지를 사용자 정의하고 이 경쟁적인 세상에서 페이지를 원활하게 실행할 수 있습니다.

또한 귀하의 페이지에 대한 16개의 템플릿을 찾을 수 있으며 WooCommerce 제품, 장바구니, 카테고리 및 기타 페이지에 대해 더 매력적인 템플릿이 곧 출시될 것입니다. 이를 사용하여 쇼핑 페이지를 쉽게 사용자 정의하고 웹 사이트를 성공적으로 돋보이게 할 수 있습니다.