WooCommerce에서 기본 속성을 만드는 방법
게시 됨: 2020-05-27오늘 은 플러그인을 사용하여 WooCommerce 대시보드에서 수동으로, PHP를 통해 프로그래밍 방식으로 WooCommerce에서 기본 제품 속성을 만드는 방법을 보여 드리겠습니다. 이것은 일반적으로 간과되지만 가변 제품의 전환율에 큰 영향을 미칠 수 있습니다.
WooCommerce 속성이란 무엇입니까?
WooCommerce를 사용하면 속성을 통해 제품에 정보를 추가할 수 있습니다. 이러한 속성은 새 제품이나 기존 제품에 적용할 수 있습니다. 예를 들어, 공통 속성은 의류 품목의 크기와 색상, 휴대폰의 운영 체제 등입니다. 이러한 속성은 전역적입니다. 즉, 예를 들어 각각의 새 제품에 대해 크기 및 색상 속성을 설정하는 대신 미리 정의된 크기 및 색상 속성을 생성하여 다른 제품에 적용합니다. WooCommerce에서 속성은 다음과 같이 매우 중요합니다.
- 제품 필터링 : 사용자는 특정 속성을 기반으로 제품을 필터링할 수 있습니다. 예를 들어, 중간 크기의 청바지.
- 가변 제품 생성 : 제품의 변형을 생성하려면 먼저 제품에 대한 속성을 정의해야 합니다. 속성이 있으면 이를 사용하여 제품의 다양한 변형을 만들 수 있습니다. 따라서 예를 들어 청바지를 판매하는 경우 크기 속성을 생성하지 않은 경우 청바지 크기 변형을 생성할 수 없습니다.
이제 모든 WooCommerce 스토어에서 기본 속성이 왜 그렇게 중요한지 더 잘 이해하겠습니다.
기본 제품 속성을 만드는 이유는 무엇입니까?
온라인 상점을 시작할 때 가장 먼저 배운 것 중 하나는 기본 제품 속성을 만드는 것의 중요성이었습니다. 처음에는 전환율이 좋지 않았고 많은 사용자가 장바구니에 추가 버튼이 비활성화되어 있다고 말했습니다.
그러나 우리가 확인할 때마다 모든 것이 잘 작동하고 있었습니다. 최악의 부분은 많은 쇼핑객들이 우리 가게에 다시는 오지 않을 것이기 때문에 우리가 많은 매출을 잃고 있다는 것입니다. 그들이 살 수 없다면 왜 그럴까요? 문제는 WooCommerce에서 기본 제품 속성을 설정하지 않았다는 사실을 깨닫는 데 시간이 좀 걸렸습니다.
제품 변형 및 기본 속성
아시다시피 WooCommerce에는 단순, 가변, 그룹 및 외부/제휴의 4가지 유형의 제품이 있습니다. 오늘은 가변 제품과 해당 기본 속성에 중점을 둘 것입니다. WooCommerce에서 제품 변형을 생성할 때 해당 속성의 기본 조합을 생성해야 합니다. 그렇지 않으면 사용자가 원하는 속성 조합을 선택할 때까지 제품 페이지의 장바구니에 추가 버튼이 비활성화된 것으로 표시됩니다.
문제는 많은 사람들이 단순히 버튼이 차단된 것을 보고 페이지가 작동하지 않는다고 생각하고 떠납니다. 그렇기 때문에 WooCommerce 스토어에 다양한 제품이 있는 경우 기본 제품 속성을 만드는 것이 필수 입니다.
WooCommerce에서 기본 제품 속성을 만드는 방법은 무엇입니까?
WooCommerce에서 기본 제품 속성을 만드는 세 가지 방법이 있습니다 .
- 플러그인으로
- WooCommerce 관리자를 통해 수동으로
- PHP를 통한 프로그래밍 방식
개발자가 아닌 경우 가장 쉬운 방법은 플러그인을 사용하는 것입니다. 반면에 PHP 스크립트를 사용하면 아무 것도 설치하지 않고도 약간의 코딩으로 동일한 작업을 수행할 수 있습니다. 두 방법 모두 동일한 결과를 얻을 수 있으므로 기술에 따라 가장 적합한 방법을 선택하는 것이 중요합니다.
1) 플러그인으로 WooCommerce 기본 제품 속성 생성
가장 쉬운 방법은 플러그인을 사용하여 기본 제품 속성을 설정하는 것입니다. 이 가이드에서는 WooCommerce용 Direct Checkout을 사용합니다. 기본 기능과 3가지 프리미엄 플랜이 포함된 무료 버전이 있는 프리미엄 플러그인입니다. 이 도구에는 수천 개의 활성 설치가 있으며 시장에서 최고 중 하나입니다.
1. 가장 먼저 해야 할 일은 플러그인을 설치하고 활성화하는 것입니다. 따라서 WordPress 대시보드 > 플러그인 > 새로 추가 로 이동합니다. 그런 다음 WooCommerce용 Direct Checkout을 검색하고 지금 설치 를 클릭하고 설치 프로세스가 완료되면 활성화를 클릭합니다. 또는 이 페이지를 확인하고 무료 버전이나 프리미엄 플랜 중 하나를 선택할 수 있습니다.
2. 그런 다음 사이드바의 WooCommerce 섹션으로 이동하여 직접 결제 옵션을 클릭합니다.
3. 제품 섹션으로 이동하여 마지막 옵션 인 변수 제품에 기본 속성 추가 를 활성화합니다. 변경 사항을 저장하는 것을 잊지 마십시오.
그게 다야! WooCommerce용 Direct Checkout으로 기본 제품 속성을 만들었습니다 ! 이제 각 제품의 첫 번째 속성이 기본적으로 선택되며 이는 모든 가변 제품에 적용됩니다. 따라서 기본 속성을 변경하려면 속성의 순서를 수정하고 기본값으로 설정하려는 속성을 먼저 배치해야 합니다.
2) WooCommerce 관리자를 통해 수동으로
WooCommerce 대시보드를 통해 기본 제품 속성을 수동으로 생성할 수도 있습니다. 이 방법은 빠르고 쉽지만 제품이 많을 경우 시간이 많이 걸릴 수 있습니다. 이 경우 Direct Checkout 플러그인 또는 섹션 3에 설명된 PHP 스크립트를 사용하는 것이 좋습니다.
- 기본 속성을 수동으로 설정하려면 먼저 WooCommerce 대시보드에서 제품 으로 이동한 다음 가변 제품을 클릭합니다.
- 그런 다음 제품 데이터 드롭다운에서 가변 제품 을 선택합니다.
- 그런 다음 Variations 에서 Default Form Values 를 선택해야 합니다. 이는 해당 제품에 대해 기본적으로 선택되는 속성입니다.
그게 다야! 기본 제품 속성을 수동으로 생성 했습니다! 이제 구매자가 가변 제품 페이지를 방문하면 기본적으로 선택한 속성이 표시 되고 장바구니 에 추가 버튼이 활성화됩니다.
가지고 있는 각 가변 제품에 대해 기본 속성을 설정해야 한다는 점을 명심하십시오. 그렇기 때문에 제품이 많은 경우 아래에서 설명할 Direct Checkout 플러그인 또는 PHP 스크립트를 사용하는 것이 좋습니다.
3) 프로그래밍 방식으로 기본 제품 만들기(PHP)
사이트에 플러그인을 설치하고 싶지 않고 코딩 기술이 있는 경우 약간의 PHP를 사용하여 프로그래밍 방식으로 WooCommerce 기본 제품 속성을 만들 수 있습니다.
팁: 자식 테마 만들기
시작하기 전에 하위 테마 를 만드는 것이 좋습니다. 플러그인이 없으면 원하는 플러그인을 설치하거나 직접 코딩하면 됩니다. 하위 테마를 만드는 방법에 대한 자세한 내용은 단계별 가이드를 확인하세요. 상위 테마의 파일을 변경하면 다음에 테마를 업데이트할 때 모든 사용자 정의가 손실되기 때문에 이것은 중요합니다. 그러나 하위 테마를 수정하면 테마의 새 버전이 변경 사항을 무시하지 않습니다.
이제 자식 테마를 설치했으므로 시작해 보겠습니다.
PHP 스크립트
WooCommerce에서 프로그래밍 방식으로 기본 변형을 설정하려면 functions.php 파일을 수정해야 합니다. 하위 테마에서 wp-content/yourtheme/functions.php 로 이동하기만 하면 됩니다. 여기에서 전체 코드를 보여주고 주요 부분을 설명합니다. 따라서 프로그래밍 방식으로 WooCommerce 기본 제품 속성을 생성하는 전체 PHP 스크립트는 다음과 같습니다.
add_action('woocommerce_before_single_product_summary', 'quadlayers_product_default_attributes'); 기능 quadlayers_product_default_attributes() { 글로벌 $product; if (!count($default_attributes = get_post_meta($product->get_id(), '_default_attributes'))) { $new_defaults = 배열(); $product_attributes = $product->get_attributes(); if (count($product_attributes)) { foreach ($product_attributes as $key => $attributes) { $values = 폭발(',', $product->get_attribute($key)); if (isset($values[0]) && !isset($default_attributes[$key])) { $new_defaults[$key] = 위생 키($values[0]); } } update_post_meta($product->get_id(), '_default_attributes', $new_defaults); } } }
이제 분해해 보겠습니다.
후크
우리는 woocommerce_before_single_product_summary 후크를 사용합니다. 이 작업 후크는 페이지가 로드되기 전에 실행되므로 사용자가 보기 전에 일부 논리를 추가할 수 있습니다.
add_action('woocommerce_before_single_product_summary', 'quadlayers_update_product_default_attributes');
기본 속성 확인
그런 다음 스크립트가 두 번 실행되지 않도록 meta_default_attributes가 있는지 확인합니다.
if (!count($default_attributes = get_post_meta($product->get_id(), '_default_attributes'))) { $new_defaults = 배열();
속성
그 후, 우리는 속성의 전체 배열을 얻습니다.
$product_attributes = $product->get_attributes(); if (count($product_attributes)) {
그런 다음 해당 속성 배열을 반복합니다.
foreach ($product_attributes as $key => $attributes) { $values = 폭발(',', $product->get_attribute($key));
각 속성의 첫 번째 값을 얻습니다.
if (isset($values[0]) && !isset($default_attributes[$key])) {
속성에 값이 없으면 스크립트는 $new_defaults에 사용 가능한 옵션의 첫 번째 값을 추가합니다.
$new_defaults[$key] = 위생 키($values[0]); } }
그런 다음 meta_default_attributes에 $new_defaults를 저장합니다. 스크립트를 두 번 실행하지 않도록 확인합니다.
update_post_meta($product->get_id(), '_default_attributes', $new_defaults); } } }
결론
대체로 가변 제품에 대한 기본 속성을 설정하지 않으면 전환율에 영향을 미치고 많은 매출을 잃을 수 있습니다. 장바구니에 추가 버튼이 비활성화되어 사용자가 구매 및 떠날 수 없다고 생각할 수 있습니다.
좋은 소식은 기본 속성을 추가하는 것이 쉬운 작업이라는 것입니다. 코딩 기술이 없는 경우 WooCommerce용 Direct Checkout을 사용하고 몇 번의 클릭으로 기본 제품 속성을 추가할 수 있습니다. 또한 제품이 많지 않은 경우 WooCommerce 대시보드를 통해 수동으로 수행할 수 있습니다. 반면에 프로그래밍 방식으로 수행하려는 경우 약간의 코딩으로 기본 속성을 설정할 수 있습니다.
프로그래밍 방식으로 WooCommerce 사이트를 개선하는 방법에 대한 자세한 내용을 보려면 장바구니에 추가 기능 및 사이트에서 AJAX 장바구니에 추가 구현 방법에 대한 가이드를 참조하세요.
다음 중 어떤 방법을 사용하시겠습니까? 아래 의견 섹션에서 귀하의 생각을 알려주십시오!