온라인 스토어용 ProductX WooCommerce Builder

온라인 상점을 만들기 위한 WooCommerce 플러그인의 인기는 계속 상승하고 있습니다. WooCommerce 생태계는 널리 인기가 있으며 현재 전자 상거래 상점을 만드는 첫 번째 선택입니다. 요즘 대부분의 소기업 소유자는 WooCommerce에서 온라인 상점을 만들고 있습니다. 이 때문에 다른 매장과 차별화된 사이트를 만들기 어렵다.

뿐만 아니라 WooCommerce는 아이돌 온라인 상점에 필요한 많은 필수 기능이 부족합니다. 이 상황을 극복하고 싶다면 WooCommerce 빌더 플러그인을 사용해 볼 수 있습니다. 필요한 모든 기능을 갖춘 다양한 유형의 필수 페이지 템플릿을 만들고 기본 템플릿으로 변경할 수 있습니다. 따라서 이 블로그에서는 구텐베르크 생태계를 벗어나지 않고 모든 필수 기능을 제공하는 가장 유망한 WooCommerce 빌더 중 하나에 대해 논의할 것입니다.

ProductX 소개: Gutenberg WooCommerce Builder

ProductX 는 WooCommerce 플러그인의 기능을 확장하여 아이돌 온라인 상점을 만들기 위한 구텐베르크 기반 올인원 솔루션입니다. 여러 제품 블록, 필수 기능 및 다양한 추가 기능을 제공합니다.

WooCommerce Builder 는 ProductX의 강력한 애드온 중 하나입니다. 여러 페이지에 대한 템플릿을 동적으로 생성하고 기존 WooCommerce 템플릿을 재정의하는 데 도움이 됩니다.

ProductX의 Builder 애드온의 주요 매력은 Gutenberg 편집기로 작동한다는 것입니다. 그 때문에 중복 없이 완전한 동적 건물 기능을 갖추고 있습니다.

ProductX WooCommerce Builder로 무엇을 할 수 있습니까?

이미 ProductX의 Gutenberg WooCommerce Builder 추가 기능에 대해 논의했으므로 이제 이를 사용하여 무엇을 할 수 있는지 논의할 때입니다. 인기 있는 빌더 플러그인에 대해 잘 알고 있다면 더 쉽게 이해할 수 있습니다.

다른 빌더와 마찬가지로 WooCommerce 스토어의 대부분의 필수 페이지에 대한 템플릿을 만들고 사용자 지정하는 데 도움이 됩니다. 그것은 포함:

• 쇼핑 페이지
• 제품 아카이브
• 제품 카테고리
• 장바구니 페이지
• 단일 제품 페이지 등

위에서 언급한 페이지에 대한 템플릿을 생성하면 기존 페이지의 기본 템플릿이 새 템플릿으로 교체됩니다.

ProductX의 WooCommerce 빌더를 사용하는 방법

분명히 솔루션이 있다고 해서 최선의 선택이 되는 것은 아닙니다. 분명한 솔루션은 좋은 사용자 경험도 제공해야 합니다. 대부분의 WordPress 사용자는 모든 솔루션이 간단하고 사용하기 쉽기를 원합니다. 그럼 ProductX의 WooCommerce Builder가 어떻게 작동하는지 확인해 봅시다.

이 블로그 게시물의 앞부분에서 말했듯이 WooCommerce Builder는 ProductX의 추가 기능입니다. 따라서 사용하려면 ProductX 플러그인을 적절하게 설치하고 활성화한 후 켜야 합니다. 방법은 다음과 같습니다.

• WordPress 대시보드에서 ProductX 섹션으로 이동합니다.
• 이제 ProductX의 추가 기능 섹션을 클릭하십시오.
• 사용 가능한 모든 추가 기능에서 빌더 켜기

Builder 추가 기능을 켜면 무제한 템플릿을 만들고 기본 WordPress 템플릿으로 바꿀 수 있습니다.

템플릿의 작동 방식을 더 쉽게 이해할 수 있도록 템플릿을 만드는 방법을 살펴보겠습니다. 따라서 템플릿을 만들려면 다음 단계를 따라야 합니다.

• 빌더 섹션으로 이동
• "새로 추가" 버튼 클릭
• 템플릿 이름 추가
• 템플릿 유형 선택
• 필요한 경우 조건 선택
• "템플릿 만들기" 버튼을 클릭합니다.

유형 선택 옵션에서 템플릿을 생성해야 하는 페이지를 선택해야 합니다. 그런 다음 요구 사항에 따라 조건을 선택합니다.

WooCommerce Builder를 사용하여 사용자 정의 상점 페이지 생성 및 사용자 정의

이제 처음부터 맞춤형 쇼핑 페이지 템플릿을 만드는 방법을 살펴보겠습니다. 먼저 템플릿을 생성할 때 유형으로 Shop을 선택합니다. WooCommerce Shop에는 템플릿이 하나만 있으므로 조건을 선택할 필요가 없습니다.

유형을 선택한 후 "템플릿 만들기" 버튼을 클릭하면 템플릿이 준비됩니다. 그러나 템플릿이 비어 있으므로 처음부터 사용자 지정해야 합니다.

상점 페이지 템플릿을 사용자 정의하는 동안 무엇을 어떻게 표시할지는 귀하에게 달려 있습니다. 괜찮아요; ProductX에는 완벽한 쇼핑 페이지를 만들기 위한 모든 옵션이 있습니다. 아시다시피 완벽한 쇼핑 페이지에는 쇼핑객이 원하는 품목을 쉽게 찾을 수 있도록 필터링 상점이 있는 제품이 있어야 합니다.

이제 쇼핑 페이지에 제품 및 필터링 옵션을 추가하는 방법을 살펴보겠습니다. 예를 들어 오른쪽에는 제품을 표시하고 왼쪽에는 필터링 옵션을 표시하겠습니다. 그러나 반대로도 할 수 있습니다.

제품과 필터링 옵션을 나란히 표시하려면 구텐베르크 열 블록을 사용해야 합니다. 그래서 70/30 비율의 열을 추가하고 있습니다.

그런 다음 왼쪽에 제품 필터 블록을 추가하고 오른쪽에 사용 가능한 제품 블록을 추가할 수 있습니다. 예를 들어, Product Grid 1 블록을 추가하고 있습니다.

이제 제품 블록을 필터링 블록과 연결해야 합니다. 이를 위해 그리드 선택 옵션을 클릭하고 쇼핑 페이지에 추가한 제품 그리드를 선택합니다.

ProductX에는 모든 블록에 대한 완전한 사용자 정의 옵션이 있으므로 기본 보기 제품 그리드 및 필터 블록이 마음에 들지 않더라도 걱정하지 마십시오.

마지막으로 중요한 것은 두 가지 유형의 페이지 매김 중에서 선택할 수 있습니다. 쇼핑 페이지를 페이지 매김하려는 경우 추가 로드와 숫자입니다.

사용자 지정 후 쇼핑 페이지 템플릿을 게시하고 쇼핑객에게 어떻게 보이는지 확인할 수 있습니다.

WooCommerce Builder를 사용하여 카테고리 페이지 템플릿 생성 및 사용자 정의

이제 사용자 지정 상점 페이지 템플릿을 만드는 방법을 배웠습니다. 카테고리 페이지 템플릿으로 동일한 작업을 수행하는 방법을 배울 시간입니다. 따라서 ProductX의 빌더가 어떻게 작동하는지 올바르게 이해하는 것이 더 쉬울 것입니다.

따라서 템플릿 유형으로 아카이브를 선택한 다음 모든 카테고리에 대한 템플릿을 만들고자 하는 "모든 제품 카테고리"의 조건을 선택합니다. 그러나 특정 범주에 대해 별도의 템플릿을 생성하려는 경우 특정 제품 범주 선택 옵션도 사용할 수 있습니다.

이제 을 클릭하고 템플릿 편집을 시작합니다. 그런 다음 상점 페이지 템플릿처럼 사용자 정의를 시작할 수 있습니다.

먼저 카테고리 제목의 이름을 표시할 아카이브 제목 블록을 추가해야 합니다. 블록을 추가한 후 크기, 색상 및 타이포그래피를 변경합니다.

그런 다음 원하는 제품 블록을 템플릿에 추가할 수 있습니다. 그러면 제품이 해당 카테고리에 따라 동적으로 표시됩니다.

템플릿이 만족스러우면 게시하고 템플릿을 구현한 후 제품 카테고리가 어떻게 보이는지 확인하세요.

결론

이것이 ProductX의 Gutenberg WooCommerce Builder에 관한 모든 것입니다. 그러나 빌더의 능력은 여기서 끝이 아닙니다. WooCommerce 단일 제품 페이지 템플릿을 만들고 사용자 지정할 수도 있습니다. 이제 가장 유망한 WooCommerce용 Gutenberg Builder에 대한 개요를 얻었으므로 WooCommerce 스토어를 쉽게 재설계할 수 있습니다.