mcpField
G
guest-checkout

guest-checkout

github.com/finsilabsマーケティング・グロース6092 回インストール5 日前に更新
リポジトリ

guest-checkout について

Shopify、WooCommerce、BigCommerce、独自ストアでのゲストチェックアウト設定を扱う、EC 運営者向けスキルです。購入後のアカウント作成、ゲスト注文の追跡、チェックアウト指標の測定も説明します。

主な機能

  1. 01各プラットフォームのゲスト購入設定
  2. 02購入後のアカウント作成案内
  3. 03アカウントなしでの注文追跡
  4. 04ゲスト購入指標の測定

活用シーン

  1. 01チェックアウト時のログイン負担の軽減
  2. 02新店舗のアカウント要件の選定
  3. 03ゲスト注文の追跡手段の用意
  4. 04ゲストと会員の購入完了率の比較

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/finsilabs/awesome-ecommerce-skills --skill guest-checkout

インストール後、Claude Code で/guest-checkoutを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

tile.json
evals/email-first-checkout-entry-with-existing/
criteria.json
task.md
evals/guest-order-placement-api-with-post-purc/
criteria.json
task.md
evals/post-purchase-account-creation-and-guest/
criteria.json
task.md

詳細

ゲストチェックアウト

概要

購入前にアカウント作成を必須にすると、チェックアウトの離脱につながる主な原因の一つになります。ストアをまだ十分に信頼していない初回購入者にとって、継続的な関係を築く前に余計な手間が生じるためです。ゲストチェックアウトを有効にし、購入後にアカウント作成を案内すると、通常、チェックアウト完了率が20~35%向上します。主要なプラットフォームはすべて、設定を一つ変更するだけでこれに対応できます。

このスキルを使用する場面

  • チェックアウトファネルの分析で、アカウント作成またはログインの段階に大きな離脱が見られる場合
  • 新しいストアを設定し、アカウントを必須にするか決める場合
  • 現在ログインを必須としているチェックアウトに「ゲストとして購入」オプションを追加する場合
  • 初回購入者のコンバージョン率を最適化する場合

基本手順

ステップ1:プラットフォームでゲストチェックアウトを有効にする

Shopify

Shopifyでは、ゲストチェックアウトはデフォルトで有効です。設定を確認または変更するには、次の手順に従います。

  1. Settings → Checkout → Customer accountsに移動します
  2. 次のいずれかを選択します。
    • Accounts are optional(推奨):ゲストとしてチェックアウトすることも、ログインすることもできます。Shopifyには「ゲストとして続行」オプションが表示されます
    • Accounts are disabled:アカウントなしでチェックアウトできます
    • Accounts are required:ゲストチェックアウトが無効になります。会員限定ストアが必要な場合を除き、この設定は避けてください
  3. Saveをクリックします

購入後のアカウント作成を案内するには(ゲストが購入後に情報を保存できるようにするため)、次の手順に従います。

  1. Settings → Checkout → Customer accountsで、Self-serve returnsとOrder status pageを有効にします。これにより、ゲストはアカウントなしで注文状況を確認できます
  2. アカウントが任意になっている場合、Shopifyは注文確認メールに「アカウントを作成」リンクを自動的に記載します
WooCommerce
  1. WooCommerce → Settings → Accounts & Privacyに移動します
  2. Guest checkoutで、次の設定を行います。
    • Allow customers to place orders without an accountにチェックを入れます(ゲストチェックアウトが有効になります)
    • チェックアウトフォームを簡素化する場合は、Allow customers to log into an existing account during checkoutのチェックを外します(両方を選べるようにする場合は、チェックを入れたままにします)
  3. Account creationで、次の設定を行います。
    • Allow customers to create an account during checkoutにチェックを入れます。チェックアウトページに任意の「アカウントを作成」チェックボックスが表示されます
    • Allow customers to create an account on the "My account" pageにチェックを入れます。ゲストは注文後、確認メールのリンクからアカウントを作成できます
  4. Save changesをクリックします

購入後のアカウント作成については、上記の設定を有効にすると、WooCommerceは注文確認メールにアカウント作成の案内を自動的に記載します。

BigCommerce
  1. Settings → Store Setup → Account Signupに移動します
  2. Customer accountsで、Optional — customers can check out as guests or create an accountを選択します
  3. Send account creation emailを有効にします。購入後にメールが送信され、顧客はワンクリックでアカウントを有効化できます

また、BigCommerceはApple IDログインとGoogleログインにも対応しています。これらを使うと、リピーターは従来のパスワードを使わずに認証できるため、アカウントを一から作成するより手間がかかりません。


カスタム/ヘッドレス

ヘッドレスストアフロントでは、購入後のアカウント作成を組み合わせたゲストチェックアウトのパターンを実装します。

ゲスト注文のフロー:

  1. 必須の識別情報はメールアドレスのみとし、チェックアウトの開始時に収集します
  2. そのメールアドレスのアカウントが存在するか確認します。存在する場合は、ログインするかゲストとして続行するかを選べるようにします
  3. ユーザーアカウントに紐付けずに注文を確定します
  4. 有効期限付きのアカウント作成トークン(72時間)を生成し、確認メールに含めます
// POST /api/auth/check-email — check if account exists before showing login prompt
async function checkEmail(req, res) {
  const { email } = req.body;
  const exists = await db.users.findUnique({ where: { email: email.toLowerCase() } });
  res.json({ exists: !!exists });
}

// POST /api/auth/create-account-from-order — called when guest clicks "Create account" link
async function createAccountFromOrder(req, res) {
  const { token, password } = req.body;
  const record = await db.accountCreationTokens.findUnique({ where: { token } });

  if (!record || record.expiresAt < new Date()) {
    return res.status(400).json({ error: 'Link expired — request a new one from your account page' });
  }

  const user = await db.users.create({
    data: { email: record.email, passwordHash: await hashPassword(password) },
  });

  // Associate all guest orders with this email to the new account
  await db.orders.updateMany({
    where: { guestEmail: record.email, userId: null },
    data: { userId: user.id },
  });

  await db.accountCreationTokens.delete({ where: { token } });
  res.json({ success: true });
}

アカウントなしでの注文追跡: ログインを必須にせず、注文番号とメールアドレスを使ってゲストの注文追跡を可能にします。

// GET /api/orders/track?orderNumber=ORDER-12345&[email protected]
async function trackGuestOrder(req, res) {
  const { orderNumber, email } = req.query;
  const order = await db.orders.findFirst({
    where: {
      orderNumber,
      OR: [{ guestEmail: email.toLowerCase() }, { user: { email: email.toLowerCase() } }],
    },
    include: { fulfillments: true },
  });
  if (!order) return res.status(404).json({ error: 'Order not found' });
  res.json({ order });
}
ステップ 2:購入後のアカウント作成プロンプトを最適化する

注文確認ページは、アカウント作成を提案するのに最適なタイミングです。顧客は購入直後で満足しており、注文を追跡するという具体的な理由があるため、アカウントを作成しやすい状態です。

プロンプトのベストプラクティス:

  • 操作ではなくメリットを最初に伝える:「次回は注文を追跡し、よりスムーズにチェックアウトできます」。「アカウントを作成する」ではありません
  • ワンクリックで完了できるようにする:パスワード欄だけを表示します。その他の情報は注文からすでに把握できています
  • 確認メールにも含める:ページ上のプロンプトを見逃す顧客は多く、メールならアカウントを作成できる期間を72時間確保できます

購入後のアカウント作成用メールテンプレート:

Subject: Your order #{{orderNumber}} is confirmed!

Hi {{email}},

Your order is on its way!

---
SAVE YOUR DETAILS FOR NEXT TIME
Create a free account to track your order and check out faster:
{{accountCreationUrl}}
(This link expires in 72 hours)
---
ステップ 3:ゲストチェックアウトの利用状況を測定する

Google Analytics 4または利用中の分析プラットフォームで、次の指標を追跡します。

  • ゲストチェックアウト率:ゲストとして注文した割合は何%ですか?(新規顧客の目標:40~60%)
  • 購入後のアカウント作成率:ゲストのうち、72時間以内にアカウントを作成した割合は何%ですか?(目標:15~25%)
  • 種別ごとのチェックアウト完了率:ゲストとアカウント利用時のチェックアウト完了率を比較します

ゲストチェックアウトの完了率がアカウント利用時の完了率を大幅に上回る場合は、ログインプロンプトを目立つ形で表示するのではなく、ストア全体でアカウントを任意にすることを検討してください。

ベストプラクティス

  • チェックアウト開始時に求めるのはメールアドレスだけにする — 決済前にパスワードやアカウント作成を求めず、すべて購入後に行います
  • ログインを促すだけにして、強制しない — メールアドレスに既存のアカウントがある場合は、「ログイン」と「ゲストとして続行」の両方を表示し、チェックアウトを決してブロックしないでください
  • 確認メールにアカウント作成リンクを記載する — ページ上のプロンプトを見逃す買い物客は多くいます
  • アカウント作成時に過去のゲスト注文を紐付ける — ゲストがアカウントを作成したら、そのメールアドレスに紐付く過去の注文をすべて新しいアカウントに移行します
  • アカウント作成トークンに有効期限を設定する — メールを読むには十分な長さで、セキュリティを保つには十分短い72時間が適切です

よくある問題

問題解決策
Shopifyがチェックアウト時にアカウントへのログインを必須にしているSettings → Checkout → Customer accounts に移動し、「Accounts are optional」に設定します
WooCommerceでゲストチェックアウトを利用できないWooCommerce → Settings → Accounts & Privacy で「Allow customers to place orders without an account」を有効にします
アカウント作成後にゲスト注文にアクセスできないアカウント作成時に、ゲストのメールアドレスと一致するすべての注文を新しいユーザー ID に紐付けます
メールのアカウント作成リンクの有効期限が切れているトークンの有効期限を最低72時間に設定し、確認メールに新しいリンクをリクエストするためのリンクを記載します
ゲストチェックアウトで不正利用対策を回避できてしまう認証済み注文と同じ不正利用スコアリングをゲスト注文にも適用します。Shopify Fraud AnalysisとStripe Radarは、どちらもアカウントの状態に関係なく機能します

関連スキル

  • @checkout-flow-optimization
  • @cart-logic
  • @order-processing-pipeline
  • @accessibility-commerce

コメント