WooCommerce 맞춤형 제품 페이지 빌더(무료 플러그인)를 사용하세요!

게시 됨: 2018-07-23

WooCommerce 제품 구성 프로그램과 맞춤형 제품 페이지 빌더가 필요하십니까? 이 기사에서는 무료 플러그인을 사용하여 WooCommerce 제품 페이지 디자인을 사용자 정의하고 사용자 정의 필드를 추가하는 방법을 보여드리겠습니다. 무료 WooCommerce 플러그인인 Flexible Product Fields를 사용하겠습니다. 자세한 내용을 읽고 구성을 통해 단계별로 저를 따르십시오!

디자인을 조정하거나 WooCommerce 제품에 더 많은 필드를 추가하는 쉬운 방법이 없는 경우가 있습니까?

사용자 지정 필드를 추가하고 단일 제품 페이지를 관리할 수 있는 WooCommerce용 무료 플러그인을 보여드리겠습니다!

목차

  • WooCommerce 제품 페이지 무료 빌더
  • 유연한 제품 필드로 WooCommerce 제품 사용자 지정
  • 맞춤형 제품 구성 - 단계별 가이드

WooCommerce 제품 페이지 무료 빌더

유연한 제품 필드는 매우 강력한 플러그인입니다. 이 WooCommerce 제품 빌더를 사용하면 다양한 필드 유형을 추가하여 제품 페이지를 쉽게 풍부하게 만들 수 있습니다.

맞춤형 제품 빌더 WooCommerce
유연한 제품 페이지: WooCommerce용 제품 페이지 빌더를 사용하여 이러한 결과를 얻을 수 있습니다.

다음 필드 유형을 추가할 수 있습니다.

  • 텍스트
  • 텍스트 영역
  • 숫자
  • 이메일
  • URL
  • 체크박스
  • 다중 체크박스
  • 선택하다
  • 라디오
  • 다중 선택
  • 색상 라디오
  • 시간
  • 색상
  • 표제
  • 영상
  • HTML
  • 날짜
  • 파일 업로드
  • 이미지가 있는 라디오

이 기사 뒷부분에서 이 플러그인을 설치하고 구성하는 방법을 보여드리겠습니다.

WooCommerce 맞춤형 제품 만들기 - 반지

이 가이드에서는 링을 예로 사용하겠습니다. 마지막으로 다른 사용 사례를 보여드리겠습니다.

새 필드로 개인화된 제품 페이지를 다시 살펴보십시오.

맞춤형 제품 빌더 WooCommerce
유연한 제품 페이지: WooCommerce용 제품 페이지 빌더를 사용하여 이러한 결과를 얻을 수 있습니다.

이것은 기본 WooCommerce 테마인 Storefront에서 필드의 기본 설정 및 스타일 지정입니다.

물론 CSS를 사용하여 이러한 필드의 스타일을 지정할 수 있습니다.

이제 링에 다음과 같은 추가 옵션을 추가하기로 결정했습니다.

  • 보험
  • 크기
  • 조각
  • 및 선물 포장

물론 당신의 것을 추가할 수 있습니다.

보험

보험 필드는 선택 상자입니다.

WooCommerce용 추가 제품 옵션 빌더
선택(드롭다운)을 보험 필드로 사용할 수 있습니다.

고객은 보험을 추가할 수 있습니다. '기본 보험'은 첫 번째 기본 옵션입니다. 고객은 보험에서 탈퇴할 수 있습니다('보험이 필요하지 않습니다' 옵션).

보험 가격은 링 가격의 백분율로 계산됩니다.

  • 기본보험 - 상품가의 5%
  • 고급보험 - 상품가의 10%
  • Ultimate Insurance - 상품 가격의 20%

필드 옵션에 대해 고정 가격을 설정할 수도 있습니다. 구성은 나중에 보여드리겠습니다.

크기

다음 필드는 '크기'입니다.

이것은 제품 페이지에 추가할 또 다른 선택 필드가 됩니다.

제품 빌더 WooCommerce 유연한 제품 필드
크기는 또 다른 선택 필드입니다.

각인 및 선물 포장

또 다른 분야는 '각인'입니다.

이것은 우리가 추가할 텍스트 필드가 될 것입니다.

고객은 반지에 새길 텍스트를 제공할 수 있습니다.

추가 확인란과 함께 추가된 '선물 포장' 옵션도 있습니다.

WooCommerce 단일 제품 빌더
반지: 인그레이빙(자리표시자)

이제 WooCommerce 단일 제품 페이지 빌더로 방금 추가한 모든 필드를 구성하는 방법을 보여드리겠습니다.

유연한 제품 필드로 WooCommerce 제품 사용자 지정

WooCommerce 제품 페이지 빌더

제품 빌더 WooCommerce. 이 플러그인을 사용하면 제품 페이지에 추가 필드를 추가할 수 있습니다. 가격 및 조건부 논리도 추가합니다!

무료로 다운로드 또는 WordPress.org로 이동
10,000+ 활성 설치
마지막 업데이트: 2023-03-13
WooCommerce 7.1 - 7.5.x에서 작동

이 비디오를 시청하여 이 WooCommerce 맞춤형 제품 빌더가 무료 버전에서 무엇을 제공해야 하는지 알아보십시오.

플러그인 다운로드 및 설치

먼저유연한 제품 필드 무료 버전이 필요합니다.WordPress.org에서 무료로 다운로드하거나 유연한 제품 필드를 검색하는 상점의 플러그인 섹션에서 바로 설치할 수 있습니다.

이 기사에서 설명한 가격 또는 조건부 로직과 같은 일부 기능은 PRO 버전 에서 사용할 수 있습니다.
제품 빌더 WooCommerce 설치
유연한 제품 필드 설치 및 활성화

제품 필드 사용자 정의

다음으로 WordPress 메뉴에서 제품 → 제품 필드를 선택합니다.

메뉴의 제품 필드
여기에서 유연한 제품 필드를 찾을 수 있습니다.

이제 제품 페이지 사용자 정의를 시작할 수 있습니다.

맞춤형 제품 구성 - 단계별 가이드

구성 화면을 살펴보십시오.

맞춤형 제품 빌더 WooCommerce
유연한 제품 필드로 내 반지 제품 맞춤화

필드 그룹을 제품에 지정했습니다: Ring .

유연한 제품 필드의 무료 버전에서는 제품을 하나씩 할당해야 합니다. 그러나 PRO 버전에서는 카테고리의 모든 제품 또는 매장의 모든 제품을 선택할 수 있습니다.

플러그인 구성을 단계별로 안내해 드리겠습니다.

  1. 새 필드 추가

    먼저 사용 가능한 필드 목록에서 필드 선택 을 선택하고 레이블을 정의합니다.

    다음으로 일반 탭에서 아래와 같이 옵션을 구성했습니다.

    WooCommerce용 추가 제품 옵션 빌더
    선택 필드에 보험 옵션 추가

    WooCommerce 제품에 대한 향상된 추가 제품 옵션 에 대해 읽어보십시오.
  2. 필드에 가격 추가

    가격 책정 탭에서 가격 유형을 이 문서 앞부분에서 언급한 백분율 로 설정합니다.

    제품 페이지 사용자 정의
    가격 책정 탭에서 백분율 유형 가격 추가

    WooCommerce 제품에 추가 가격 필드를 추가하는 방법에 대해 자세히 알아보세요.
  3. 크기 선택 추가

    다음으로 크기 필드의 옵션을 만들고 구성했습니다. Select 유형이기도 합니다.

    크기 값 선택 드롭다운 필드
    WooCommerce 제품 페이지 빌더로 크기 레이블 및 값 정의
  4. 각인을 위한 텍스트 필드 추가

    Engraving 필드를 추가할 차례입니다. 텍스트 필드 유형입니다. 또한 Placeholder 를 설정했습니다. 바라보다:

    WooCommerce 맞춤형 제품 빌더
    제품에 각인 옵션 추가하기
  5. 선물 포장 체크박스 추가

    마지막 필드는 '선물 포장' 필드입니다. 체크박스 필드 타입입니다. 고객은 이를 선택하거나 선택하지 않을 수 있습니다.

    WooCommerce용 추가 제품 옵션 빌더
    선물 포장 확인란 추가

그게 다야! 링에 대한 WooCommerce 맞춤형 제품 구성기를 성공적으로 구성했습니다.

다른 필드가 필요합니까? 유연한 제품 필드에서 → 모든 필드를 설명한 가이드를 확인하십시오.

요약

이 기사에서는 상점에서 WooCommerce의 맞춤형 제품 구성기를 구성하는 방법을 배웠습니다. 아래 댓글 섹션에서 귀하의 의견을 기다리고 있습니다.

또한 다음과 같은 더 많은 사용 사례를 이미 만들었습니다.

  • 객실 예약
  • 케이터링 주문
  • 자동차 구성기
  • 컴퓨터 구성자