Skip to main content
이미 보유하고 있는 소스에서 제품 정보를 Agent에게 제공하세요: Google Sheet(이름, 가격, 설명, 제품 코드, 재고)와 Google Drive에 있는 사진입니다. Agent가 Shopify 스토어를 설정하고, 제품, 가격, 설명, 이미지를 가져오고, 결제와 체크아웃을 연결합니다. 스토어프론트 디자인과 프런트엔드는 Shopify 테마가 아니라 Replit에 있습니다. 결제는 Shopify 체크아웃을 통해 이루어지므로 별도의 Stripe 커넥터가 필요하지 않습니다.

적합한 대상

  • 이미 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로 만들어둔 프로덕트 디자이너를 위한 문서입니다.