Skip to main content
Aftersellにおけるカートとは、ブロックで構成される、カスタマイズ可能なカートドロワー体験です。このページでは、最初のカートを作成して公開するまでの手順を説明します。

カートを作成する

CartsページでCreate cartをクリックします。Aftersellが新しいカートを作成し — Untitled cart 1、Untitled cart 2のように命名され、それぞれが固有の名前になります — 動作するデフォルトレイアウトがあらかじめ設定された状態で、カートエディターで開かれます。

AIでカートを作成する

CartsページでDownload AI promptをクリックします。これにより、作成したいカートの説明とあわせてAI(Claude、ChatGPTなど)に渡せるガイドファイルがダウンロードされます。AIは、そのまま直接インポートできるカートのJSONファイルを返します。
  1. CartsページでDownload AI promptをクリックします。
  2. AIのセッションを開き、ダウンロードしたファイルを添付します。
  3. 作成したいカートを説明します。文章、リスト、スクリーンショットのいずれでも構いません。
  4. AIが.jsonファイルを返すので、保存します。
  5. CartsページでImport cartをクリックし、ファイルをアップロードします。
プロンプトと一緒にエクスポートしたカートファイルを添付することもできます。その場合、AIはゼロから始めるのではなくそのカートを編集し、既存のブロック、アップセル、設定を維持します。 デフォルトのカートには、商品が入った状態ではHeader → Banner → Cart items → Summary → Checkout buttonが、空の状態ではHeader → Empty cartが含まれます(空の状態のHeaderのタイトルはCartです)。そこからブロックを追加、削除、並べ替えして、望みのカートを構築します。
新しいカートは常にこの空のデフォルトレイアウトから始まります。既存のカートをもとに始めたい場合は、CartsリストのカートでDuplicateアクションを使用してください。

カートに名前を付ける

エディターの左サイドバーからカート名をインラインで変更できます — 名前をクリックして入力してください。名前は即座に保存されます(Saveボタンを待ちません)。空白のみの名前は拒否され、以前の名前に戻ります。

下書きと公開

  • 新しいカートはすべて下書きです。下書きは購入者には表示されません — 自由に構築してプレビューできます。エディターのSaveを使って編集内容を保存してください。
  • Publishでカートが公開されます。同時に公開できるカートは1つだけなので、カートを公開すると、現在公開中のカートは下書きに戻ります(複数のカートを持つを参照)。
  • Unpublishは公開中のカートを下書きに戻します。公開中のカートがない場合、別のカートを公開するまでAftersell Cartは購入者に対して無効になります。
ストアフロントへの公開にはComplete planが必要です。ご利用のプランに含まれていない場合、Publishボタンにロックバッジと「Requires Complete plan」のツールチップが表示されます。プランを変更するにはUpgrade to Completeをクリックしてください。

必要な権限を付与する

カートを公開・配信する前に、Aftersell CartはShopifyストアから追加の権限セットを必要とします。まだ付与されていない場合、Cartsページの上部にバナーが表示されます。
Finish enabling your cart — AfterSell Cart needs a few additional permissions to publish and serve carts on your storefront. Enable them to get started.
バナー内のUpdate Appをクリックして権限ダイアログを開き、リクエストを承認してください。すべての権限が付与されると、バナーは自動的に消えます。
オンボーディングリンク経由でCartsページに到達した場合、権限ダイアログが自動的に開き、ワンステップで承認できることがあります。

アプリ埋め込みを有効にする

公開したカートを実際にストアフロントでレンダリングするには、テーマでAftersell Cartのアプリ埋め込みが有効になっている必要があります。オフになっている場合、公開してもカートは表示されず、Cartsページのカートに「App embed off」バッジが表示されます。アプリ内のセットアップガイドが3つのステップ — アプリ埋め込みの有効化、カートの作成、公開 — を案内します。

次のステップ