Skip to main content
すでにお持ちのソースから商品情報をAgentに渡します。たとえばGoogleスプレッドシート (商品名、価格、説明、商品コード、在庫)とGoogleドライブの写真です。Agentは Shopifyストアをセットアップし、商品、価格、説明、画像を取り込み、決済とチェックアウトを 接続します。ストアフロントのデザインとフロントエンドはShopifyテーマではなく、Replit上に 構築されます。決済はShopifyチェックアウトを通じて行われるため、別途Stripeコネクタは 必要ありません。

最適な用途

  • Sheetsとドライブですでに管理しているカタログからストアを作りたい創業者。
  • Shopifyをコマースのバックエンドとして使い、カスタムのReplitストアフロントが必要なプロダクトデザイナー。

コネクタ

始める前に

商品ごとに1行のシート(商品名、価格、説明、商品コード、在庫)と、Agentが行と紐づけられる ように名前を付けた写真を含むドライブフォルダを用意してください。Sheets、ドライブ、 Shopifyを接続します。ストアがまだない場合、Agentはチャットから直接Shopifyをプロビジョニング できます。ストアを公開する前にテスト注文を行ってください。

エージェントへの指示

期待できること

Agentはカタログを取り込み、Shopifyから商品を読み込んでShopifyチェックアウトへ顧客を 誘導するReplitストアフロントを構築します。いくつかの商品をシート(価格、説明文、画像) と照合し、テスト注文を行ってください。Shopifyのテスト決済を使い、カート合計がシートと 一致することを確認し、チェックアウトがShopify上で完結していることを確認してください。

自分に合わせてカスタマイズする

トラブルシューティング

  • 写真が商品と一致しない: ドライブのファイルを商品コード(CODE.jpg)で命名し、写真がない行はスキップするようAgentに依頼してください。
  • 価格や説明文がシートと一致しない: 商品ごとに1行(商品名、価格、説明、商品コード、在庫)になっているか確認し、取り込み後にいくつかの商品を抜き取りチェックしてください。
  • チェックアウトがShopifyでない、またはストアフロントがテーマになっている: 顧客向けページはReplit上に置く必要があります。決済はShopifyチェックアウトを通じて行われます。ストアを公開する前にテスト注文を行ってください。

関連情報

ランディングページをデザインする

まず待機リストページが必要な創業者やプロダクトデザイナー向けです。

Figmaからライブアプリへ

すでにFigmaでストアフロントを作成済みのプロダクトデザイナー向けです。