카페24 굿즈 각인·옵션 커스텀 기능을 개발한 사례

텀블러, 키링, 문구류처럼 고객이 원하는 이름이나 문구를 직접 새기는 상품은 일반적인 쇼핑몰 상품과 주문 방식이 다릅니다.

고객이 직접 각인 문구를 입력하고, 글자 수에 따라 추가금이 붙거나 각인 위치를 선택해야 할 수도 있습니다.

또한 고객이 입력한 문구가 장바구니와 주문서, 제작팀이 확인하는 주문 정보까지 정확하게 전달되어야 합니다.

이번 사례에서는 카페24 기본 옵션만으로 처리하기 어려웠던 굿즈 각인 문구 입력, 글자 수 제한, 추가금 계산, 미리보기, 주문 정보 전달 기능을 커스텀으로 개발했습니다.

카페24 기본 옵션은 일반적으로 미리 정해진 선택지를 고객이 고르는 방식에 적합합니다.

예를 들어 다음과 같은 상품입니다.

하지만 굿즈 각인은 고객이 직접 내용을 입력해야 합니다.

예를 들어 텀블러에 다음과 같이 각인한다고 생각해 보겠습니다.

각인 문구: HAPPY DAY

각인 위치: 앞면

글자 수: 9자

추가금: 3,000원

이처럼 고객이 입력하는 값에 따라 가격이나 제작 조건이 달라지면 단순한 선택형 옵션만으로 관리하기 어려워집니다.

특히 다음과 같은 문제가 발생할 수 있습니다.

따라서 각인 상품은 상품 옵션을 추가하는 것보다 별도의 입력 기능과 주문 데이터 처리 과정을 설계하는 것이 중요합니다.

가능합니다.

상품 상세 페이지에 별도의 각인 입력 영역을 만들 수 있습니다.

예를 들어 다음과 같은 형태입니다.

각인 문구를 입력해 주세요.

[ HAPPY DAY____________ ]

각인 위치

○ 앞면 ○ 뒷면

최대 10자까지 입력할 수 있습니다.

고객이 문구를 입력하면 화면에서 글자 수를 확인하고, 허용되지 않는 문자를 입력했을 경우 바로 안내할 수 있습니다.

이렇게 하면 고객이 주문하기 전에 잘못된 입력을 확인할 수 있습니다.

가능합니다.

예를 들어 최대 10자까지 각인할 수 있는 상품이라면 11번째 글자를 입력하지 못하게 하거나 안내 메시지를 표시할 수 있습니다.

또한 운영 정책에 따라 다음 기준도 정할 수 있습니다.

여기서 중요한 것은 화면에서만 제한하는 것이 아니라 주문 처리 과정에서도 다시 확인하는 것입니다.

고객 화면에서 정상적으로 보였더라도 서버에서 한 번 더 검증하면 잘못된 주문 데이터가 제작 단계로 넘어가는 것을 줄일 수 있습니다.

가능합니다.

예를 들어 다음과 같은 가격 정책을 적용할 수 있습니다.

고객이 문구를 입력하면 글자 수를 계산하고 해당 조건에 맞는 추가금을 표시할 수 있습니다.

예를 들어 고객이 8자를 입력하면 상품 가격에 2,000원이 추가되는 방식입니다.

중요한 것은 고객 화면에 표시되는 금액과 실제 주문·결제 금액이 동일해야 한다는 것입니다.

따라서 복잡한 가격 계산은 화면에서만 처리하지 않고 필요한 경우 서버에서도 다시 확인하도록 구성합니다.

가능합니다.

고객이 입력한 문구를 상품 이미지 위에 표시해 실제 각인 모습을 예상할 수 있도록 만들 수 있습니다.

예를 들어

문구 입력 → 글꼴 선택 → 색상 선택 → 위치 선택 → 미리보기

와 같은 형태로 구성할 수 있습니다.

다만 미리보기는 단순히 글자를 화면에 보여주는 기능으로 끝나지 않을 수 있습니다.

실제 제작 결과와 차이가 발생하지 않도록 다음 내용을 확인해야 합니다.

따라서 처음부터 복잡한 3D 미리보기를 만드는 것보다 실제 제작 방식에 필요한 범위부터 구현하는 것이 효율적입니다.

가능합니다.

각인 기능에서 가장 중요한 부분 중 하나입니다.

고객이 상품 상세 페이지에서 입력한 정보가 주문 과정에서 사라지면 제작팀이 다시 고객에게 확인해야 합니다.

따라서 다음과 같은 흐름으로 데이터를 전달합니다.

상품 상세 페이지

각인 문구 입력

↓

글자 수·문자 검증

↓

추가금 계산

↓

장바구니

↓

주문

↓

주문 상세

↓

제작팀 확인

이 과정에서 각인 문구와 선택한 위치 등의 정보가 주문과 함께 남도록 구성합니다.

제작팀은 주문 상세에서 고객이 입력한 내용을 바로 확인할 수 있습니다.

간단한 상품이라면 주문 메모를 활용할 수도 있습니다.

하지만 각인 정보가 중요한 제작 데이터라면 별도의 입력값으로 관리하는 것이 더 적합할 수 있습니다.

주문 메모에만 의존하면 다음과 같은 문제가 생길 수 있습니다.

따라서 각인 문구, 각인 위치, 글자 수 등 제작에 필요한 정보를 명확하게 구분해서 관리하는 구조를 설계할 수 있습니다.

가능합니다.

각인 여부뿐 아니라 여러 조건을 조합할 수도 있습니다.

예를 들어 다음과 같습니다.

각인 여부

문구 길이

추가 옵션

각 조건에 따라 추가금이 달라지도록 가격 규칙을 만들 수 있습니다.

다만 옵션 조합이 많아질수록 가격 계산과 주문 검증이 복잡해지므로, 실제 운영 규칙을 먼저 정리하는 것이 중요합니다.

각인 기능은 화면부터 만드는 것보다 제작 규칙을 먼저 정하는 것이 중요합니다.

다음 내용을 먼저 결정하는 것이 좋습니다.

1. 각인 가능 글자 수

최소 몇 자부터 최대 몇 자까지 가능한지 정합니다.

2. 사용 가능한 문자

한글, 영문, 숫자, 특수문자, 이모지 등을 어디까지 허용할지 정합니다.

3. 각인 위치

앞면, 뒷면, 중앙, 하단 등 어떤 위치를 사용할지 정합니다.

4. 추가금

글자 수나 각인 위치에 따라 추가금이 있는지 정합니다.

5. 미리보기

단순 텍스트 미리보기인지, 실제 상품 이미지에 합성하는 방식인지 정합니다.

6. 주문 전달 정보

제작팀이 주문에서 어떤 정보를 확인해야 하는지 정합니다.

7. 수정·취소 기준

제작이 시작된 이후 각인 문구 변경이나 주문 취소를 허용할지도 정해야 합니다.

이 기준이 정해져야 개발 범위도 명확해집니다.

일반적으로 다음과 같은 구조로 구성할 수 있습니다.

카페24 상품 상세 페이지

→ 각인 정보 입력

→ 입력값 검증

→ 추가금 계산

→ 장바구니 전달

→ 주문 정보 저장

→ 운영자·제작팀 확인

가격이나 주문 데이터 검증이 복잡한 경우에는 별도 서버를 연결할 수 있습니다.

특히 가격 계산이나 인증 정보처럼 외부에 노출되면 안 되는 데이터는 브라우저에만 두지 않는 것이 중요합니다.

기능에 따라 가능합니다.

단순히 상품 상세 페이지에 텍스트 입력창을 추가하는 정도라면 기존 기능이나 앱으로 해결할 수 있는 경우가 있습니다.

하지만 다음 기능이 함께 필요하다면 커스텀 개발을 검토해야 합니다.

앱을 사용하는 경우에도 각인 입력 → 가격 계산 → 장바구니 → 주문 → 제작 전달까지 실제 주문 흐름이 제대로 연결되는지 확인해야 합니다.

단순히 입력창 하나가 추가되는 것과 실제 제작 업무까지 연결되는 것은 다른 문제이기 때문입니다.

꼭 그렇지는 않습니다.

각인 상품이 많다면 처음부터 모든 상품에 적용하는 것보다 판매량이 높은 대표 상품부터 적용하고 검수하는 방법도 있습니다.

예를 들어 100개의 상품이 있다면

1단계

대표 상품 3~5개에 각인 기능 적용

2단계

실제 주문과 제작 과정 테스트

3단계

문제점 수정

4단계

나머지 상품으로 확대

이렇게 단계적으로 진행하면 초기 개발 범위와 테스트 부담을 줄일 수 있습니다.

고급 3D 미리보기나 외부 제작 장비 연동도 실제 필요성을 확인한 후 다음 단계로 확장할 수 있습니다.

고객은 상품 상세 페이지에서 각인 가능한 문구와 조건을 바로 확인할 수 있습니다.

글자 수를 잘못 입력하거나 사용할 수 없는 문자를 입력하는 것도 주문 전에 확인할 수 있습니다.

운영자와 제작팀은 주문서에 남아 있는 각인 정보를 기준으로 제작할 수 있습니다.

따라서 다음과 같은 반복 업무를 줄이는 데 도움이 됩니다.

결국 중요한 것은 각인 화면을 예쁘게 만드는 것이 아니라 고객이 입력한 정보가 제작 과정까지 정확하게 전달되는 것입니다.

각인 기능은 입력창 하나만 추가하면 끝나는 기능이 아닙니다.

특히 다음 부분을 확인해야 합니다.

고객 입력과 실제 주문 정보가 같은가?

상세 페이지에서 입력한 문구가 장바구니와 주문에도 정확하게 남아야 합니다.

가격이 실제 결제 금액과 같은가?

화면에 표시된 추가금과 실제 주문 금액이 달라지지 않아야 합니다.

제작 기준이 명확한가?

글자 수, 특수문자, 줄바꿈, 각인 위치 등의 기준을 제작팀과 먼저 정해야 합니다.

주문 취소와 수정은 어떻게 처리하는가?

제작이 시작된 이후에는 각인 문구를 변경할 수 없도록 하는 등 운영 정책이 필요할 수 있습니다.

외부 시스템과 연결되는가?

ERP나 제작 시스템으로 각인 정보를 자동 전달해야 한다면 별도의 API 연동이 필요할 수 있습니다.

옴니어스24는 먼저 각인 기능에 필요한 입력 조건과 제작 규칙을 정리합니다.

예를 들어 다음 내용을 확인합니다.

그다음 카페24 기본 기능이나 앱으로 가능한 부분과 커스텀 개발이 필요한 부분을 나눕니다.

기능이 단순하다면 불필요하게 큰 시스템을 만들지 않고 필요한 부분만 추가합니다.

반대로 글자 수에 따른 가격 계산, 미리보기, 제작 시스템 연동 등 복잡한 기능이 필요하다면 상품 상세 → 주문 → 제작까지 하나의 흐름으로 설계합니다.