문서 홈 › Commerce Studio 및 샵
동영상 튜토리얼 보기
EP 8 · WooCommerce Laundry Shop: Search, Filters, Quick View & Compare · 4:15 · YouTube
더 많은 동영상 튜토리얼
카탈로그와 서비스 정보
이름, 가격, 짧은 설명, 전체 설명, 이미지, 재고, 상품 카테고리는 일반적인 방식대로 사용하세요. General 상품 데이터 패널에서는 Price unit, Typical turnaround, What is included, Before collection, Care limitations도 설정할 수 있습니다.
비즈니스에서 실제로 이행할 수 있는 서비스 내용만 입력하세요. 비워 둔 필드는 표시되지 않습니다. 데모 가격과 텍스트는 예시이므로 출시 전에 교체해야 합니다. 기존 상품 이미지는 유지됩니다.
샵과 니치별 스토어
메인 Shop 페이지는 게시된 모든 카탈로그 서비스를 검색합니다. 방문자는 세탁 전문 분야, 최대 가격, 이용 가능 여부로 필터링하고 서비스 이름, 가격, 최신순으로 정렬할 수 있습니다. 검색, 필터, 페이지 이동 시 페이지가 새로고침되지 않습니다.
105개의 니치 샵 페이지는 각각 고유한 상품 매핑을 사용합니다. Gutenberg, Elementor, WPBakery, Classic 버전은 동일한 카탈로그 구성 요소를 호출합니다. 주변의 네이티브 섹션은 해당 에디터로 편집하세요.
Gutenberg의 Shortcode 블록, Elementor의 Shortcode 위젯, WPBakery의 텍스트 블록 또는 Classic 에디터에서 숏코드를 사용하세요.
[laundryes_woocommerce_store niche="laundromat"]
[laundryes_commerce_store]니치를 지정하지 않으면 인식된 니치 페이지가 자체 니치를 적용합니다. 일반 페이지에서는 숏코드가 전체 카탈로그를 표시합니다.
쇼핑 도구
| 도구 | 동작 |
|---|---|
| 빠른 보기 | 실시간 가격, 이미지, 서비스 설명, 케어 정보를 표시합니다. 단순 구매 가능 서비스는 AJAX 장바구니 담기를 지원합니다. 옵션이 있는 상품은 해당 상품 페이지로 연결됩니다. |
| 저장한 서비스 | 이 브라우저에 최대 30개의 상품 ID를 저장합니다. 계정이나 기기 간에는 동기화되지 않습니다. 목록을 열 때 가격과 이용 가능 여부가 새로 고쳐집니다. |
| 비교 | 현재 WooCommerce 가격과 입력한 케어 정보를 사용하여 최대 4개의 서비스를 나란히 비교합니다. |
| 세탁물 가방 | 장바구니 서랍에는 실제 WooCommerce 장바구니, 소계, 삭제 컨트롤, 장바구니 및 결제 링크가 표시됩니다. |
| 상품 주문 바 | 고정 바는 방문자를 상품의 기본 옵션 및 수량 양식으로 돌려보냅니다. 실제 장바구니 가격은 WooCommerce가 계산합니다. |
수거 및 결제
결제 화면에는 희망 수거 날짜, 수거 시간대, 케어 선호 사항, 요청 사항이 포함됩니다. 장바구니와 결제는 네이티브 WooCommerce 블록으로 유지되며 My Account도 WooCommerce 계정 영역으로 유지됩니다. 쿠폰, 세금, 배송, 관련 상품, 교차 판매, 주문 내역은 WooCommerce 설정을 따릅니다.
검증 규칙과 예약 날짜는 처리 용량을 확보하지 않는 요청이라는 점은 예약, 수거 및 운영을 참조하세요.
결제 수단과 출시
공개 테마 데모에서는 가상 세탁 서비스를 포함하여 네이티브 WooCommerce 착불(현장 결제)을 사용하도록 설정했으며 Pay on collection or delivery라는 이름으로 표시됩니다. 결제 시 카드는 청구되지 않습니다. 제목, 설명, 안내 문구, 배송 제한은 WooCommerce → Settings → Payments → Cash on delivery에서 편집하세요.
- 이것은 스토어 설정입니다. 니치를 가져와도 스토어의 결제 게이트웨이는 활성화되지 않습니다.
- 무통장 입금은 WooCommerce에서 사용할 수 있지만, 확인된 은행 정보를 입력하기 전까지는 비활성화 상태로 유지됩니다.
- 카드 및 지갑 결제에는 호환되는 결제 대행 플러그인과 가맹점 연결이 필요합니다. 사업 국가, 통화, Checkout Blocks를 지원하는 결제 대행사를 선택하고 샌드박스에서 테스트한 다음, 비즈니스 설정을 검토한 후 라이브 모드를 활성화하세요.
- 주문 메모에 카드 정보를 절대 입력하지 마세요.
세탁 쇼핑 설정
- 서비스 옵션 버튼은 네이티브 가변 상품 속성과 WooCommerce 옵션 재고 상태를 사용합니다. JavaScript가 없으면 기본 선택기가 대체 수단으로 유지됩니다.
- 최근 본 서비스는 이 기기에 최대 12개의 상품 ID를 저장하고 현재 상품을 최대 6개까지 표시합니다. Clear history를 누르면 삭제됩니다.
- 그리드 또는 목록 보기 설정은 이 기기에 유지됩니다. 검색, 정렬, 가격 필터링은 계속 사용할 수 있습니다.
- 선택형 서비스 추천은 Product data → Linked Products → Cross-sells를 사용합니다. 할인된 번들이 아니라 별도의 구매입니다.
- My Account는 서비스, 주문 내역, 주소 바로가기를 제공합니다. Order again은 네이티브 WooCommerce의 자격 확인과 검증을 사용합니다.
- Product data → General에서 Price unit을 설정하세요. 옵션(변형)을 비워 두면 상위 상품의 단위를 상속합니다.
데모: 편집 가능한 가방 크기 3가지와 샘플 가격이 있는 Laundry bag care.
견적 전용 서비스와 케어 가이드
- 서비스를 편집하고 Product data → General을 엽니다.
- Quote only를 활성화하고 게시된 문의 페이지의 ID를 설정합니다.
- 그러면 서비스에 Priced after assessment가 표시되고 해당 페이지로 연결됩니다. 옵션(변형)을 포함하여 WooCommerce 상품 검증을 통해 직접 구매가 비활성화됩니다. 일반 소매 상품은 계속 구매할 수 있습니다.
- 대상 페이지에 문의 양식을 추가하고 전송 설정을 구성하세요. 상업용 데모는 Contact Form 7을 사용합니다. 주문을 만들거나 처리 용량을 확보하거나 고객에게 비용을 청구하지 않습니다.
Product data → General에서 Garment care guide를 설정하면 서비스 페이지에 접을 수 있는 준비 가이드가 표시됩니다. 조언은 받는 의류에 맞게 구체적으로 작성하세요. 비어 있는 가이드는 표시되지 않습니다.
데모: Commercial linen care assessment.
카탈로그 검색, 정렬, 필터는 공유 가능한 URL 상태를 유지합니다. 새로고침하거나 브라우저의 뒤로 가기 버튼을 누르면 선택한 필터가 복원되며, Reset은 필터를 지웁니다. 고정 주문 바는 네이티브 옵션 변경을 따라가며, 가격 단위는 AJAX로 렌더링되는 서비스 정보에도 유지됩니다.
기능 범위
쇼핑 경험의 참고 자료로 다른 커머스 테마를 검토했습니다. Washlora는 모든 기능이 동일하다고 주장하지 않으며 해당 테마의 독점 코드를 복사하지 않습니다.
| 기능 | Washlora 지원 현황 |
|---|---|
| 실시간 검색, AJAX 필터, 빠른 보기, 비교, 저장한 서비스, 장바구니 서랍 | Commerce Studio에 포함 |
| 서비스 옵션 버튼, 열람 기록, 그리드 및 목록 보기, 연결된 부가 서비스, 계정 바로가기, 가격 단위 | 포함 |
| 견적 전용 서비스, 의류 케어 가이드, 공유 가능한 필터 상태 | 포함 |
| 위시리스트 계정 동기화 | 포함되지 않음 — 저장한 서비스는 기기에만 유지됩니다 |
| 동적 번들 할인, 무료 증정품, 재입고 대기 이메일, 장바구니 이탈 복구, 가격 알림 | 포함되지 않음 |
| 자동 정기 결제, 처리 용량 기반 수거 시간대 | 포함되지 않음 |
| 다른 테마의 비주얼 커머스 템플릿 빌더 | 포함되지 않음 — Washlora는 자체 4가지 에디터 체계를 유지합니다 |
| 결제 수단 | 네이티브 WooCommerce 결제입니다. 무통장 입금과 온라인 결제 대행사는 가맹점 설정이 필요합니다. |
샵 문제 해결
- 니치 샵이 비어 있는 경우: 상품이 게시되어 있고, 카탈로그에서 보이며, 올바른 니치에 지정되어 있는지 확인하세요.
- 이전 스타일이 표시되는 경우: 해당 페이지의 캐시를 삭제하세요.
- 장바구니, 결제 또는 계정 문제: 세션은 페이지 캐시와 공유되면 안 됩니다. WooCommerce 세션 요청에는 콘텐츠 캐싱을 비활성화하세요.
- 저장한 목록이 사라지는 경우: 저장 목록은 브라우저 저장소가 필요합니다. 시크릿 모드, 사이트 데이터 삭제, 다른 기기에서는 같은 목록이 유지되지 않습니다. 모든 합계와 이용 가능 여부는 WooCommerce가 확인하며 브라우저 저장소의 값은 신뢰하지 않습니다.