조건부 제품 옵션: 해당될 때만 필드 보여주기

조건부 필드란

조건부 필드는 앞선 답변이 필요로 할 때만 나타납니다. “선물 포장”을 선택하면 포장지 선택지가 나타납니다. “선물 메시지 추가”를 선택하면 메시지 입력란이 나타납니다. 맞춤 사이즈를 고르면 페이지가 치수를 묻습니다.

그런 것을 원하지 않는 구매자는 그것을 보지 않습니다. 원하는 구매자는 바로 이어지는 질문만 받습니다.

왜 중요한가

구매자가 읽는 모든 필드는 멈출 이유가 됩니다. 페이지가 선물 메시지, 뒷면 각인, 치수를 모두에게 보여주면 대부분의 구매자는 자신과 상관없는 질문을 읽게 되고, 일부는 카트에 추가에 도달하기 전에 떠납니다.

조건부 필드는 구매자마다 양식을 짧게 유지하면서도 필요한 주문의 모든 정보를 수집합니다. 주문도 깔끔하게 유지됩니다. 선물이 없는 주문에 빈 “선물 메시지:” 줄이 남지 않습니다.

세 가지 조건 유형

거의 모든 조건부 필드는 세 가지 규칙 중 하나를 사용합니다.

• 필드가 채워졌을 때: 체크박스가 선택되었거나 텍스트 상자에 내용이 있을 때입니다. “안쪽 각인”을 선택하면 “안쪽 메시지”가 나타납니다.
• 필드가 특정 값일 때: “문구”를 “직접 작성”으로 설정하면 구매자가 직접 쓸 입력란이 나타납니다.
• 필드가 특정 값이 아닐 때: 카드를 “카드 없음”이 아닌 값으로 설정하면 “카드 메시지”가 나타납니다.

실제 템플릿에서 나온 패턴

다음은 저희 템플릿에서 바로 가져온 것입니다.

• 반지: “안쪽 각인”을 선택하면 “안쪽 메시지”가 나타나며, 최대 16자까지 입력할 수 있습니다.
• 펜던트: +₩8,000에 대한 “뒷면 각인”을 선택하면 “뒷면 각인”이 나타납니다.
• 좌표 팔찌: “각인 면”을 “앞면과 뒷면”(+₩8,000)으로 설정하면 뒷면 입력란이 나타납니다.
• 선물: +₩4,000에 대한 “선물 포장”을 선택하면 포장지가 나타나고, “선물 메시지 추가”를 선택하면 메시지가 나타납니다.
• 의류: 사이즈를 “맞춤”으로 설정하면 “치수”가 나타납니다.
• 인쇄: 디자인을 “이미지 업로드”로 설정하면 업로드가 나타나고, “텍스트”로 설정하면 대신 텍스트 상자가 나타납니다.
• 지도: “장소 수”를 2 또는 3으로 설정하면 두 번째와 세 번째 장소가 +₩10,000 및 +₩20,000에 나타납니다.
• 추모: “문구”를 “직접 작성”으로 설정하면 “내 문구”가 나타납니다.

구매자가 선택하지 않을 수 있게 하기

조건은 반대로도 작동합니다. 저희 “개인화 건너뛰기” 템플릿은 “개인화하기” 체크박스로 시작하며, 이 체크박스를 선택했을 때만 “이니셜”과 “실 색상”이 나타납니다. 그래서 구매자는 여러 필드를 거치지 않고 기본 버전을 구매할 수 있습니다.

아직 세부 사항을 모르는 구매자를 위해 “세부 사항 나중에” 설정에는 “결제 후 세부 사항을 보내겠습니다” 체크박스가 있어 이름과 날짜 필드를 숨깁니다. 지금 주문을 받고 세부 사항은 이메일로 받습니다.

깔끔한 조건을 위한 규칙

• 결정하는 질문을 먼저 하세요. 필드는 위에 있는 답변에만 의존해야 하므로, 구매자가 읽고 있는 위치 위로 아무것도 튀어나오지 않습니다.
• 숨겨진 것에 비용을 청구하지 마세요. 가격이 있는 필드가 사라지면 그 가격도 합계에서 빠집니다.
• 숨겨진 것을 필수로 만들지 마세요. 필수 필드는 구매자가 볼 수 있을 때만 카트에 추가를 막아야 합니다.
• 가능하면 한 단계 깊이로 유지하세요. 연쇄 조건은 구매자와 판매자 모두 따라가기 어렵습니다.
• 트리거를 명확하게 하세요. “뒷면 각인(+₩8,000)”은 선택했을 때 무엇이 일어나는지 알려줍니다.

트리거와 후속 필드를 함께 작성하기

트리거와 그것이 여는 필드는 한 쌍으로 읽혀야 합니다.

• “선물 메시지 추가”는 “선물 메시지”를 엽니다.
• “반송 주소 인쇄(+₩10,000)”는 개인 편지지에 “반송 주소”를 엽니다.
• “출생 정보 추가(+₩8,000)”는 아기 이름 담요에 “출생 정보”를 엽니다.

구매자가 체크박스를 선택하면, 다음에 보이는 것은 정확히 그들이 입력할 것이라고 예상한 내용이어야 합니다.

조건과 가격

조건과 가격은 함께 쓰면 잘 맞습니다. 가격은 결정하는 선택지(“식용 사진 추가” +₩10,000)에 붙이고, 이어지는 필드(“케이크용 사진”)는 자체 가격 없이 나타납니다. 고객은 선택하는 순간에 비용을 한 번만 봅니다.

선택지가 다른 필드의 가격을 바꿀 수도 있습니다. 저희 이름 목걸이 템플릿에서는 체인 길이 가격이 금속에 따라 달라집니다. 18 in 체인은 골드에서 ₩15,000, 실버에서 ₩5,000가 더해집니다.

조건을 쓰지 말아야 할 때

• 모든 고객에게 필요한 경우. 그 필드 없이는 제품을 만들 수 없다면 처음부터 보여주세요.
• 제품 자체가 바뀌는 경우. 재고로 보유한 다른 사이즈나 소재는 조건이 아니라 이형 상품입니다.
• 비용을 숨기는 경우. 가격을 더하는 선택지는 항상 보여야 하고, 그 뒤따르는 필드만 나중에 나타나면 됩니다.

고객처럼 테스트하기

모든 경로를 걸어보세요. 선택하고, 마음을 바꾸고, 다시 선택합니다. 합계가 따라오는지, 숨겨진 필드가 주문에 들어가지 않는지, 관리자에 표시되는 주문이 명확한지 확인합니다. 긴 양식이 가장 부담스러운 휴대폰에서 해보세요.

GMVify와 함께

GMVify Custom Product Options는 앞선 답변이 필요로 할 때만 필드를 보여주고, 이름 주얼리 설정의 금속별 체인 가격처럼 선택지의 가격을 다른 선택지로 정할 수 있습니다. 위 템플릿은 조건이 미리 갖춰져 있으니, 작동하는 양식에서 시작해 문구와 가격만 내 것으로 바꾸면 됩니다.