적합한 대상
- 이미 Sheets와 Drive에 카탈로그를 관리해온 창업자
- Shopify를 커머스 백엔드로 사용하면서 커스텀 Replit 스토어프론트가 필요한 프로덕트 디자이너
커넥터
시작하기 전에
제품당 한 행씩(이름, 가격, 설명, 제품 코드, 재고) 정리된 Sheet와, Agent가 행에 매칭할 수 있도록 이름을 붙인 사진이 담긴 Drive 폴더를 준비하세요. Sheets, Drive, Shopify를 연결하세요. 아직 스토어가 없다면 Agent가 채팅에서 Shopify를 프로비저닝할 수 있습니다. 스토어를 공유하기 전에 테스트 주문을 넣어보세요.Agent에게 요청하기
예상되는 결과
Agent는 카탈로그를 Shopify로 가져온 다음, Shopify에서 제품을 읽어와 고객을 Shopify 체크아웃으로 보내는 Replit 스토어프론트를 구축합니다. Sheet와 비교해 몇 개 제품(가격, 문구, 이미지)을 확인하고 테스트 주문을 넣어보세요. Shopify 테스트 결제를 사용하고, 장바구니 합계가 Sheet와 일치하는지 확인하고, 체크아웃이 Shopify에 그대로 남아 있는지 확인하세요.나에게 맞게 조정하기
문제 해결
- 사진이 제품과 맞지 않음: Drive 파일명을 제품 코드(
CODE.jpg)로 지정하고, 사진이 없는 행은 건너뛰도록 Agent에게 요청하세요. - 가격이나 문구가 Sheet와 다름: 제품당 한 행(이름, 가격, 설명, 제품 코드, 재고)으로 정리되어 있는지 확인하고, 가져온 후 몇 개 항목을 샘플로 확인하세요.
- 체크아웃이 Shopify가 아니거나 스토어프론트가 테마임: 고객이 보는 페이지는 Replit에 있어야 합니다. 결제는 Shopify 체크아웃을 통해 이루어집니다. 스토어를 공유하기 전에 테스트 주문을 넣어보세요.
관련 문서
랜딩 페이지 디자인하기
먼저 대기자 명단 페이지가 필요한 창업자와 프로덕트 디자이너를 위한 문서입니다.
Figma에서 실제 App으로 전환하기
이미 스토어프론트를 Figma로 만들어둔 프로덕트 디자이너를 위한 문서입니다.