インストールガイド
ShopifyストアにCheckoutOSをインストールする手順を詳しく説明します
最終更新日:2025-01-16
このガイドではCheckoutOSの詳細なインストール手順を説明します。手順に従って、ShopifyストアでCheckoutOSの設定を完了してください。
始める前に
- Shopifyストアの管理者アクセス権
- 設定に約15~30分
- テストに使う商品を1つ以上
ステップ1:Chargezenアプリのインストール
Shopify App Storeを開く
Shopify管理画面にログインし、Apps → Shopify App Storeに移動するか、apps.shopify.com/chargezenを直接開きます。
「Add app」をクリックする
Chargezenのアプリ掲載ページで"Add app"をクリックし、インストールを開始します。アプリを承認する画面に移動します。
権限を承認する
必要な権限を確認して承認します。
- Products — アップセルオファーの表示
- Orders — コンバージョンと分析の追跡
- Checkout — 購入後オファーの表示
- Customers — パーソナライズされたおすすめ
ステップ2:CheckoutOSの設定
インストール後、Chargezenダッシュボードが開きます。サイドバーのCheckoutOSに移動して設定を始めます。
CheckoutOSを有効にする
CheckoutOSの概要ページで"Enable CheckoutOS"をオンにしてモジュールを有効にします。チェックアウト最適化の全機能が有効になります。
共通設定を行う
既定の設定を選びます。
- Default discount type — 割合または固定額
- Timer duration — オファーの表示時間、または無制限
- Branding — ストアの色とフォントに合わせる
購入後ページを有効にする
Settings → Post-Purchaseに移動し、"Enable"をクリックします。Shopify Plusではチェックアウト拡張機能に統合されます。その他のプランでは、要件に準拠した購入後ページを作成します。
ステップ3:Shopify Plusの設定(任意)
Shopify Plusをご利用の場合、追加設定でネイティブのチェックアウト機能を有効にできます。
Shopify Plusをご利用でない場合は、このセクションを飛ばしてください。以下の機能には、Plus専用のチェックアウト拡張機能が必要です。
Checkout Extensibilityを有効にする
Shopify管理画面のSettings → Checkoutで、checkout.liquidではなく新しいチェックアウト拡張機能を使っていることを確認します。
CheckoutOS拡張機能を追加する
ChargezenダッシュボードのCheckoutOS → Checkout Extensionsに移動し、"Install Extension"をクリックします。チェックアウトに当社のブロックが追加されます。
拡張機能の配置を設定する
Shopifyのチェックアウトエディターを使い、信頼バッジや進捗バーなどのCheckoutOS要素を、チェックアウトの流れの中で希望する場所に配置します。
ステップ4:インストールのテスト
公開する前に、すべて正しく動作することを確認してください。
# Settings → Test Modeでテストモードを有効にする
1. テスト用アップセルオファーを作成する
2. Bogus Gatewayでテスト注文を行う
3. チェックアウトを完了する
4. アップセルが表示されることを確認する
5. アップセルを承諾する
6. 注文にアップセル商品が含まれることを確認する
7. ダッシュボードで分析を確認する公開前には必ず実際のチェックアウトの流れでテストしてください。設定の問題を見つけ、スムーズな顧客体験を確保できます。
トラブルシューティング
アプリをインストールできない — 管理者アクセス権があることを確認し、ブラウザーのキャッシュを消去してみてください。
アップセルが表示されない — オファーが公開済みで、対象ルールがテスト注文に合っていることを確認してください。
チェックアウト拡張機能が見つからない — Shopify Plusを使い、チェックアウト拡張機能が有効であることを確認してください。
次のステップ
さらにサポートが必要ですか? サポートに問い合わせる