달성할 것
이 가이드를 마치면 다음을 갖게 됩니다:- 실제 Shopify 스토어가 뒷받침하는 커스텀 디자인의 양초 스토어프론트.
- Shopify에서 만들어져 스토어프론트에 렌더링된 상품과 가격.
- 구매자를 Shopify 결제로 보내는 동작하는 장바구니.
- 출시로 가는 명확한 경로: 스토어 소유권 이전, 결제 활성화, 출시.
배울 것
다음을 배우게 됩니다:- Agent가 Shopify를 추천하고 프로비저닝하도록 스토어를 설명하는 방법.
- API 키를 다루지 않고 Shopify에 연결하는 방법.
- Agent와 채팅하여 상품을 추가하고 게시하는 방법.
- 디자인과 구매 흐름을 다듬는 방법.
- 스토어를 개발에서 라이브 판매 가능한 스토어프론트로 전환하는 방법.
Shopify 연결하기
Shopify는 모든 앱의 모든 빌더가 사용할 수 있으며, 대화 내에서 바로 연결합니다. 만들고 싶은 스토어를 설명하는 것으로 시작하세요.스토어 설명하기
프롬프트를 복사하여 replit.com의 프롬프트 박스에 붙여넣거나, Build on Replit을 클릭하여 프롬프트가 미리 입력된 Replit을 여세요.
각 Shopify 스토어는 단일 앱에 연결됩니다. 나중에 두 번째 스토어를 빌드하면 Agent가 해당 앱을 위한 새로운 Shopify 스토어를 프로비저닝합니다. 전체 커넥터 세부 정보는 Shopify 연결을 참조하세요.
스토어프론트 빌드하기
Shopify가 연결되면 Agent가 스토어를 기반으로 스토어프론트를 디자인하고 빌드합니다.Agent가 프론트엔드 빌드하도록 하기
Agent가 프롬프트에서 스토어프론트를 생성합니다 — 히어로, 상품 그리드, 장바구니, 그리고 지원 섹션들. 완료되면 오른쪽 창이 Preview로 전환되어 페이지를 스크롤하고 디자인을 클릭해볼 수 있습니다.
첫 번째 상품 추가하기
새 스토어는 빈 카탈로그로 시작합니다. Agent에게 상품을 추가하도록 요청하면 Shopify에 상품을 만들고 스토어프론트에 게시합니다.상품이 Shopify 스토어에 만들어지고 스토어프론트 상품 그리드에 나타납니다.
디자인과 결제 반복 개선하기
스토어프론트의 모든 부분은 대화를 통해 편집할 수 있습니다. 외관을 다듬은 다음 처음부터 끝까지 구매 흐름을 확인하세요.출시하기
라이브 전환은 Shopify에서 이루어집니다. Agent에게 Go Live 플로우를 시작하도록 요청한 다음 판매자 소유 단계를 완료하세요.Shopify에서 스토어 소유권 이전하기
소유권 이전은 Shopify에서 이루어지며 Replit 외부에서 진행되는 유일한 단계입니다. 스토어가 생성될 때 이메일이 Shopify와 공유되었으므로 Replit이 제공하는 링크나 Shopify가 보내는 이메일에서 소유권을 이전할 수 있습니다.Shopify가 단계를 안내하는 Store owner invitation 이메일을 보냅니다. 열고 Get started를 선택하세요.
플랜 선택 및 결제 활성화하기
Shopify 플랜을 선택하고 Shopify Payments 또는 다른 제공업체를 활성화하세요.
Shopify가 결제를 위해 필요한 신원 및 은행 정보를 수집합니다 — Replit에서는 아무것도 이루어지지 않습니다.
결제, 신원 확인, 세금, 배송, 사기 확인은 Shopify에서 처리합니다. 전체 출시 체크리스트와 커넥터 세부 정보는 Shopify 연결을 참조하세요.
다음 단계
Shopify 연결
커넥터 참고 문서: Shopify 연결 작동 방식과 전체 출시 체크리스트.
커스텀 도메인 추가하기
출시 전에 스토어에 브랜드 URL을 부여하세요.
SEO 개선하기
구매자가 검색에서 스토어를 찾을 수 있도록 도와주세요.
랜딩 페이지 출시하기
스토어로 트래픽을 유도하는 집중적인 캠페인 페이지를 빌드하세요.