요약 답변
장바구니 드로어의 배송비 계산기는 드로어를 두 번째 결제 화면으로 만들지 않으면서 배송지와 비용에 대한 질문에 답해야 합니다. 소계나 결제 버튼 근처에 두고, 접힌 상태는 컴팩트하게 유지하며, 드로어의 닫기 및 결제 버튼을 그대로 두고, 장바구니가 바뀌면 다시 계산하고, 키보드·터치·모바일·테마 업데이트 후 동작을 테스트하세요. 드로어는 테마마다 다르므로 실제 운영 중인 테마에서 호환성을 확인해야 합니다.
드로어의 핵심 역할 유지
장바구니 드로어는 주문을 검토하고 쇼핑을 계속하거나 결제로 넘어가기 위해 존재합니다. 배송비 계산기는 그 결정을 도와야지 지배해서는 안 됩니다. 짧은 안내, 단계적 노출, 소계 및 결제 버튼 옆에서도 읽기 쉬운 컴팩트한 결과를 사용하세요.
장바구니가 바뀌면 업데이트
오래된 견적은 견적이 없는 것보다 나쁩니다. 상품 추가, 삭제, 수량 변경은 무게, 소계, 프로필 조합, 무료 배송 자격을 바꿀 수 있습니다. 계산기는 맥락을 새로 고치거나 새 계산을 명확하게 요청해야 합니다.
좁고 동적인 공간에 맞게 설계
드로어는 대개 좁고 스크롤됩니다. 가로 넘침을 막고, 터치 영역을 넉넉하게 유지하고, 결제 버튼을 가리지 말고, 결과 변화를 보조 기술에 알리세요. 로딩 상태는 드로어가 튀지 않도록 공간을 미리 확보해야 합니다.
테마 변경 후 재테스트
테마 업데이트로 드로어 마크업, 클래스 이름, 렌더링 방식이 바뀔 수 있습니다. 사용 중인 버전과 선택자를 기록하고, 테마를 업그레이드할 때마다 회귀 테스트에 계산기를 포함하세요.
체크리스트
- 소계 또는 결제 버튼 근처에 표시
- 컴팩트한 닫힌 상태
- 가로 넘침 없음
- 결제 버튼에 계속 접근 가능
- 장바구니 변경 후 재계산
- 로딩 및 요금 없음 상태가 공간에 맞음
- 키보드 포커스가 논리적으로 이동
- 결과 변화가 안내됨
- 모바일 테스트 완료
- 테마 업데이트 시 재테스트
질문
모든 Shopify 테마가 같은 장바구니 드로어를 사용하나요?
아니요. 드로어 마크업과 동작은 테마와 버전에 따라 다르므로 호환성을 테스트해야 합니다.
계산기가 자동으로 열려야 하나요?
배송이 상품 구성에서 가장 중요한 결정 요소가 아니라면, 보통은 고객이 견적을 요청할 때까지 컴팩트하게 접어 두세요.
결과는 어디에 표시해야 하나요?
결과는 입력란과 소계 가까이에 두고, 결제 버튼은 계속 보이고 사용할 수 있게 하세요.