WordPress WooCommerce에서 제품 페이지를 추가하는 방법

WordPress WooCommerce에 제품 페이지를 추가하는 것은 몇 단계로 완료할 수 있는 간단한 프로세스입니다. 먼저 WordPress 계정에 로그인하고 WooCommerce 섹션으로 이동해야 합니다. WooCommerce 영역 에 있으면 "제품" 제목 옆에 있는 "새로 추가" 버튼을 클릭해야 합니다. 그러면 제품 페이지 편집기로 이동합니다. 여기에 이름, 가격, 설명 및 이미지와 같은 제품에 대한 모든 관련 정보를 입력해야 합니다. 필요한 모든 정보를 입력했으면 "게시" 버튼을 클릭하여 변경 사항을 저장해야 합니다. 그리고 그게 다야! WordPress WooCommerce에 제품 페이지를 성공적으로 추가했습니다.

표준 WooCommerce 설치는 어렵고 시간이 많이 소요될 수 있습니다. 두 단계로 제품을 볼 수 있는 WooCommerce Quickview 플러그인은 시작하기에 좋은 곳입니다. 그런 다음 고객은 이 항목을 장바구니에 추가하고 라이트박스 화살표를 사용하여 나머지 제품을 스크롤할 수 있습니다. 페이지에 Quickview 단축 코드를 표시하려면 다음 단계를 따르세요. 세 번째 단계는 WooCommerce 제품을 페이지에 추가하는 것입니다. 특정 제품을 추가하려면 다음 단계를 따르세요. 상품에 바로보기 버튼이 추가되었습니다.

WordPress에 제품 섹션을 어떻게 추가합니까?

WordPress에 제품 섹션을 추가하는 몇 가지 방법이 있습니다. 한 가지 방법은 WooCommerce 또는 Easy Digital Downloads와 같은 플러그인을 사용하는 것입니다. 이 플러그인은 제품을 추가하고 관리할 수 있는 WordPress 사이트에 전용 제품 섹션을 추가합니다. 또 다른 방법은 제품 섹션이 포함된 테마를 사용하는 것입니다. 예를 들어 많은 전자 상거래 테마에는 제품을 추가하고 관리할 수 있는 제품 섹션이 있습니다. 마지막으로 제품에 대한 사용자 정의 게시물 유형을 만들어 WordPress 사이트에 제품 섹션을 수동으로 추가할 수도 있습니다.

Woocommerce에서 제품 페이지는 어디에 있습니까?

WooCommerce의 제품 페이지는 관리자 패널의 왼쪽 사이드바에 있는 "제품" 탭 아래에 있습니다. 여기에서 제품을 추가, 편집 및 삭제할 수 있을 뿐만 아니라 제품 범주 및 태그를 추가할 수 있습니다.

Elementor를 사용하면 단일 제품 페이지의 다른 요소를 더 쉽게 끌어다 놓을 수 있으므로 기본 설정에 따라 디자인을 변경할 수 있습니다. Elementor Pro를 사용하면 디자인과 제품 페이지 레이아웃 을 완전히 사용자 지정할 수 있습니다. WooCommerce 플랫폼이 활성화되지 않으면 Elementor의 제품 템플릿에 액세스할 수 없습니다. Elementor를 사용하면 페이지의 레이아웃과 스타일을 사용자 지정할 수 있을 뿐만 아니라 다양한 옵션 중에서 선택할 수 있습니다. 시작하는 가장 간단한 방법은 미리 디자인된 제품 페이지 템플릿 중 하나를 사용하는 것입니다. 제품의 특수 위젯은 제품 편집 패널에서 찾을 수 있습니다. 이 튜토리얼에서는 Elementor 위젯만 사용하고 다른 플러그인은 사용하지 않습니다.

사이트의 모든 제품에 영향을 미치거나 특정 카테고리에 따라 카탈로그 페이지에 대한 제품 아카이브 템플릿을 생성하려면 Elementor로 돌아가서 제품 아카이브 템플릿을 가져오세요. Archive Products 위젯 및 Archive Title을 사이트에 추가할 수 있으며 디자인을 조정할 수 있습니다. 열에서 행의 거리는 스타일 탭에서 지정할 수 있습니다. 색상, 글꼴 및 기타 설정은 모두 변경할 수 있습니다.

완벽한 Woocommerce 제품 페이지를 만드는 방법

WooCommerce 제품 페이지 에 대해 자세히 알아보려면 블로그 게시물을 방문하세요. 고유한 브랜드를 반영하기 위해 필요에 따라 제품 페이지를 업데이트해야 합니다.

우커머스 제품 페이지

WooCommerce는 WordPress 사이트를 전자 상거래 상점으로 전환할 수 있는 WordPress용 플러그인입니다. WooCommerce는 실제 제품과 디지털 제품을 모두 판매하고 제품 변형을 제공하고 PayPal 및 신용 카드를 통해 지불하는 기능을 포함하여 즉시 사용 가능한 많은 기능을 제공합니다. WooCommerce를 사용하여 멤버십 사이트, 온라인 과정 또는 구독 서비스를 만들 수도 있습니다.

한 연구에 따르면 제품 페이지는 전자 상거래 상점에서 가장 중요한 페이지입니다. 제품 페이지의 디자인은 전환율을 높이고 불만 및 반품을 줄이며 평균 주문 가치를 높일 수 있습니다. 특정 요구 사항에 따라 다양한 방법으로 제품 페이지를 사용자 지정할 수 있습니다. 코딩에 익숙하다면 WooCommerce 제품 템플릿 을 수동으로 편집할 수 있습니다. WordPress 테마 커스터마이저를 사용할 때 테마에 사용자 정의 CSS를 추가하는 것은 간단합니다. Chrome을 사용하는 경우 보기로 이동하여 다른 요소의 이름을 확인하세요. 다음은 WooCommerce에서 제품 페이지를 구축하는 데 사용되는 두 개의 템플릿 파일입니다.

WooCommerce 후크는 템플릿에서 요소를 삽입하거나 제거하는 데 사용할 수 있습니다. 후크를 사용하여 요소를 추가하거나 제거하려면 먼저 WordPress 자식 테마를 만들고 functions.php 파일에 일부 코드를 추가해야 합니다. 제품 페이지 편집에만 관심이 있다면 페이지 빌더 플러그인을 추가하는 것이 가치가 있을 것 같지 않습니다. 특정 WooCommerce 블록/요소/섹션이 있는 페이지 빌더가 필요합니다. 예를 들어 Elementor에는 필요에 맞게 사용자 지정할 수 있는 미리 디자인된 제품 페이지가 있습니다. 선택한 페이지 빌더에 따라 제품 페이지를 수정할 수 있습니다. 다음은 가장 인기 있는 페이지 빌더를 위한 몇 가지 자습서입니다.

표준 WooCommerce 제품 페이지 에서는 제품 갤러리에 동영상이 아닌 정적 이미지만 업로드할 수 있습니다. 제품 비디오 확장 프로그램을 사용하면 YouTube, Vimeo, Dailymotion, Metacafe 또는 Facebook의 비디오를 포함할 수 있습니다. Recommendation Engine 확장은 Amazon에서 제품 권장 사항을 표시하는 방식과 유사하게 Netflix 및 Amazon 스타일의 제품 권장 사항을 제품 페이지에 표시합니다.

페이지에 Woocommerce 제품을 표시하는 방법

페이지에 WooCommerce 제품을 표시하는 방법에는 몇 가지가 있습니다. 한 가지 방법은 단순히 제품 그리드 단축 코드를 페이지에 추가하는 것입니다. 그러면 WooCommerce 스토어에 있는 모든 제품의 그리드가 표시됩니다. WooCommerce 제품을 페이지에 표시하는 또 다른 방법은 WooCommerce Product Table 플러그인을 사용하는 것입니다. 이 플러그인을 사용하면 페이지에 제품 테이블을 표시할 수 있으며 테이블에 표시되는 열을 사용자 정의할 수 있습니다. 마지막으로 WooCommerce 제품 페이지 빌더 플러그인을 사용하여 WooCommerce 제품에 대한 사용자 정의 페이지를 구축할 수도 있습니다. 이 플러그인을 사용하면 페이지에 제품을 추가한 다음 제자리에 끌어다 놓을 수 있습니다. 이미지, 텍스트 및 비디오와 같은 다른 요소를 페이지에 추가할 수도 있습니다.

WooCommerce에 제품 유형을 게시하기만 하면 제품 유형이 표시됩니다. WordPress 게시 기능을 사용하여 자체 디스플레이를 만들 수 있습니다. 나중에 이러한 예제 중 몇 가지를 더 자세히 살펴보겠습니다. get_price_html 메소드를 사용하여 제품의 가격을 표시하는 가장 간단한 방법입니다. 이 메서드가 필요한 경우 get_rating_html() 및 get_rating_html 메서드를 사용하여 제품 등급을 쉽게 표시할 수 있습니다. 이 경우 표준 WooCommerce HTML 구조만 사용하여 레이아웃을 만듭니다. 등급을 표시하기 위한 자체 레이아웃을 구축하려면 다른 방법을 사용해야 합니다.

장바구니에 담기 버튼은 WooCommerce 플러그인 의 WC_Product 클래스에서 제공하는 많은 유용한 기능 중 하나입니다. 이 양식에는 제품 ID와 동일한 값을 양식 코드에 저장하는 장바구니에 추가라는 숨겨진 필드가 있습니다. 이 양식에 사용된 카트는 테마에서 akax-refreshed 카트와 함께 사용될 수 있습니다. 그러나 사용자는 선택한 제품이 장바구니에 추가되었다는 표시를 볼 수 없습니다.

이 스니펫으로 최고의 제품을 보여주세요

다음 스니펫을 콘텐츠 편집기에 복사하여 블로그 홈 페이지에 모든 추천 제품을 표시할 수 있습니다.
[featured_product] 디스플레이를 봅니다.

WordPress에 제품을 추가하는 방법

WordPress에 제품을 추가하는 것은 비교적 간단한 과정입니다. 시작하려면 WordPress 사이트에 로그인하고 '제품' 페이지로 이동해야 합니다. 여기에서 새 제품을 추가하거나 기존 제품을 편집할 수 있습니다.
새 제품을 추가하려면 이름, 가격 및 설명과 같은 제품에 대한 몇 가지 기본 세부정보를 입력해야 합니다. 제품 판매에 도움이 되는 이미지 및 기타 미디어를 추가할 수도 있습니다. 제품 세부 정보가 만족스러우면 '게시'를 클릭하여 사이트에 게시하십시오.
기존 제품을 편집해야 하는 경우 제품 이름을 클릭하여 세부 정보 페이지를 엽니다. 여기에서 가격, 설명 또는 이미지와 같은 제품 세부 정보를 변경할 수 있습니다. 완료되면 '업데이트'를 클릭하여 변경 사항을 저장하십시오.

이 단계별 가이드에서는 첫 번째 WooCommerce 제품을 추가하고 올바르게 구성하는 과정을 안내합니다. 다음 단계는 WordPress 대시보드에 액세스하고 WooCommerce를 클릭하는 것입니다. 첫 번째 제품을 만든 후 제품 만들기 버튼 을 클릭합니다. WooCommerce는 다양한 제품 유형을 지원하므로 제품을 판매하는 사람들의 요구를 충족할 수 있습니다. WooCommerce로 직송 매장을 만드는 것은 간단합니다. 인벤토리 탭을 이용하여 효율적으로 인벤토리를 관리할 수 있습니다. 배송 탭에서 실제 제품에 대한 특정 세부 정보를 선택할 수 있습니다.

개별 SKU는 수동으로 할당하거나 플러그인을 사용하여 할당할 수 있습니다. 고급 탭은 주문 후 표시되는 구매 메모를 저장하기에 가장 좋은 위치입니다. 단편 소설은 검색 엔진에 더 일반적으로 표시되며, 이는 WooCommerce 스토어의 SEO를 개선하려는 경우에 좋습니다. 브리핑을 설명하는 가장 좋은 방법은 2-3개의 문장을 제공하는 것입니다. 오른쪽 열의 게시 상자 아래에서 새 초안 링크를 클릭합니다.

Woocommerce 없이 WordPress에 제품을 추가하는 방법

WooCommerce 없이 WordPress에 제품을 추가하는 것은 2단계 프로세스입니다. 먼저 제품 게시물을 작성해야 합니다. 이렇게 하려면 WordPress 관리자 패널로 이동하여 "제품" 탭을 클릭하십시오. 거기에서 "새 제품 추가"버튼을 클릭하십시오.
다음으로 이름, 가격, 설명 및 이미지를 포함하여 제품에 대한 모든 관련 정보를 제품 게시물에 입력해야 합니다. 필요한 정보를 모두 추가했으면 "게시" 버튼을 클릭하여 웹사이트에 제품을 게시하십시오.

WordPress는 유연하고 강력한 오픈 소스 상거래 시스템인 WooCommerce의 기반입니다. 플러그인은 WordPress가 아닌 웹사이트에 설치할 수 있지만 사용하려면 WordPress 계정이 있어야 합니다. WooCommerce는 대부분 디지털 제품을 판매하는 경우 가장 좋은 옵션입니다. WooCommerce를 사용하면 중소기업에서 적합하다고 생각하는 대로 온라인에서 제품을 만들고 판매할 수 있습니다. 제품을 만드는 것은 가격, 이미지 및 기타 세부 정보에 대한 몇 가지 추가 필드가 있는 WordPress에서 게시물 또는 페이지를 만드는 것과 유사합니다. 아래 나열된 단계는 장바구니에 제품을 추가하는 데 도움이 됩니다.

프로그래밍 방식으로 제품 추가

프로그래밍 방식으로 WooCommerce에 제품을 추가하는 것은 플랫폼에 익숙하지 않은 개발자에게는 어려울 수 있습니다. 작업에 접근하는 방법에는 여러 가지가 있으며 가장 좋은 방법은 프로젝트의 특정 요구 사항에 따라 다릅니다. 그러나 일반적으로 프로그래밍 방식으로 WooCommerce에 제품을 추가하는 프로세스에는 새 제품 개체를 만든 다음 데이터베이스에 저장하는 작업이 포함됩니다. 이것은 WooCommerce API를 사용하거나 WordPress 데이터베이스에서 직접 작업하여 수행할 수 있습니다.

제품은 온라인에서 판매하는 제품이며 실제 품목이거나 디지털 제작물입니다. WooCommerce 플랫폼은 단순, 가변, 그룹 및 외부/제휴의 네 가지 제품 유형을 지원합니다. 제품이 다운로드 또는 가상 패키지로 제공되면 모든 전달 기능이 비활성화됩니다. WordPress 사이트에는 블로그 게시물 또는 기타 콘텐츠와 구별되는 다양한 특수 기능이 포함되어 있습니다. 다운로드 가능한 제품에는 다운로드한 파일을 제품에 첨부할 수 있는 추가 필드가 있습니다. 이것은 전자책, 이미지 갤러리, 소프트웨어 등을 포함한 모든 유형의 파일을 전달하는 좋은 방법입니다. 이 가이드에서는 각 방법을 단계별로 살펴보겠습니다.

다차원 배열은 프로그래밍 방식으로 여러 제품을 만드는 데 사용할 수 있으며 이 배열은 최대 24개의 제품을 저장할 수 있습니다. 다음 스크립트는 기본적으로 세 가지 다른 제품을 만듭니다. update_post_meta() 사용법을 안다면 프로그래밍 방식으로 WooCommerce 제품을 추가할 수 있습니다. 제품에 이미지를 추가하려면 먼저 미디어 라이브러리에 이미지를 업로드해야 합니다. 라이브러리를 사용하면 이미지를 직접 업로드하고 해당 ID를 함수에 입력할 수 있습니다. 쿼리 _thumbnail_id 메타 이름을 사용하여 관련된 모든 이미지 ID를 검색할 수도 있습니다. 제품 업로드 외에도 WooCommerce 관리자 패널을 사용하여 제품 설명을 편집할 수 있습니다.

각 방법에는 장단점이 있으며 상황에 따라 작동하게 할 수 있습니다. 모든 제품의 온라인 상점에 제품을 추가할 수 있습니다. 여기에서는 관리자 패널을 사용하여 제품을 추가하는 방법을 보여줍니다. 메타 상자는 콘텐츠 편집기에서 찾을 수 있습니다. 이것은 WooCommerce의 기본 옵션입니다. 웹사이트의 구성과 선택한 플러그인에 따라 몇 가지 옵션이 있습니다. 각 탭 메타 상자에 액세스하거나 닫으려면 '편집' 버튼을 누릅니다.

연결된 제품 기능을 사용하면 다른 범주의 제품과 함께 표시되도록 제품을 연결할 수 있습니다. 일반적으로 관련 제품을 판매하는 가장 일반적인 두 가지 방법은 상향 판매와 교차 판매입니다. 제품 데이터 메타 상자의 연결된 제품 탭에는 이러한 두 가지 설정이 포함됩니다. WooCommerce에서 관련 제품을 숨기는 방법에 대한 자세한 내용은 가이드를 참조하세요. 샘플 파일을 새 CSV 문서로 저장하거나 적절한 형식 요구 사항을 충족하도록 편집할 수 있습니다. 파일을 다운로드하여 연 후 선호하는 문서 편집기를 사용하여 .csv 파일을 컴퓨터에 저장합니다. WooCommerce 대시보드를 사용하면 제품 페이지에서 제품을 일괄 편집할 수도 있습니다.

포트폴리오에 많은 수의 제품이 있는 경우 카테고리, 제품 유형 또는 재고 수준별로 필터링할 수 있습니다. 필터링할 제품이 많지 않은 경우 수동으로 하나씩 볼 수 있습니다. 다음 기능을 사용할 수 있습니다. 한 번의 클릭으로 항목에 대한 분류, 가격, 상태, 설명 활성화 또는 비활성화, 가시성 및 추가 정보를 추가 또는 편집할 수 있습니다.

Woocommerce 장바구니에 제품 추가하기

이 코드에는 제품 ID와 변형 ID의 두 가지 ID가 있습니다. 제품의 수량을 $quantity라고 합니다.