> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Upcart クイックスタートガイド
> Upcart の有効化、主要機能の有効化、cart drawer のライブ公開の方法を学びます。
このガイドでは、ビジュアルのカスタマイズからストアフロントでの有効化まで、主要なモジュールを使った Upcart のセットアップを順を追って説明します。
Upcart はテーマの cart drawer を視覚的に置き換えますが、**テーマの cart drawer やカートページとは統合されません**。Shopify のカートページには引き続きアクセスできます。
# **モジュールの管理**
各 Upcart モジュールは**簡単に有効化または無効化**できます。右上隅の **Enable/Disable** ボタンをクリックするだけで、いつでもモジュールのオン/オフを切り替えられます。保存すると変更は即座に反映されます。
# カートのデザイン
Upcart の Cart Editor を初めて開くと、[Design モジュール](/ja/upcart/design_module)が表示されます。ここでは、ストアのブランディングに合わせてドロワーの基本カラーをカスタマイズできます。
# アナウンス
カートのメッセージやカウントダウンタイマーを表示するには、**Body > [Announcements](/ja/upcart/announcements_module)** に移動します。
右上隅の **Enable** をクリックします。モジュール名の横のバッジが **Disabled** から **Active** に変わります。
**Announcement Text** フィールドにメッセージを入力し、必要に応じてタイマーを設定します。
正しく機能させるために、アナウンステキスト内のカウントダウンには必ず `{TIMER}` 変数を使用してください(例: 「This offer is only available for {TIMER}.」)。サードパーティツールから書式付きテキストを直接コピーすることは避けてください。
完了したら、必ず右上隅の **Save** をクリックしてください。
#### テーマレベルの問題
* **CSS またはアプリの競合:** `display: none;` などの CSS プロパティがアナウンスバーを非表示にしていないことを確認してください。また、サードパーティアプリがこれらの設定を上書きしていないことも確認してください。
* **テキストの視認性:** アナウンスバーのテキストカラーが背景とコントラストを持つことを確認し、必要に応じてテーマ設定で調整してください。
#### 高度なデバッグ手順
問題が解決しない場合は、アナウンスバーに影響するスクリプトの問題についてブラウザーのコンソールエラーを確認し、サードパーティアプリを一時的に無効にして競合を特定してください。
# リワード
顧客の購入額アップを促すプログレスバーを表示するには、Rewards モジュールを有効にします。
### **General settings**
ブランドカラーと、最終リワードティア達成後に表示されるメッセージを設定します。
General settings の下にある **Rewards calculation** カードでリワードの基準を選択します:
* **Cart total (\$)**: カートの合計金額を追跡します
* **Cart quantity (#)**: アイテムの数量を追跡します
### **Tier settings**
リワードの種類を選択します:
* [**Shipping**](https://help.shopify.com/en/manual/fulfillment/setup/shipping-rates/flat-shipping-rates): ティア達成で送料無料を解除します
* [**Discount**](https://help.shopify.com/en/manual/discounts/discount-types): ティア達成でディスカウントを解除します
* [**Product**](/ja/upcart/set_up_a_free_product_reward_tier_in_upcart): カートに商品を追加します
ティアの進捗をディスカウント適用前と適用後のどちらで測定するかは、**Rewards calculation** の **Use pre-discounted prices for cart total** チェックボックスでバー全体に対して一度に設定します — リワードの種類ごとのプロパティではありません。
リワードをトリガーする最低しきい値を設定し、**Title before achieving tier** フィールドをカスタマイズします。リワードティアは最大 **4 つ**まで作成できます。
このスクリーンショットは現在のラベルより前のものです: セクションは「Rewards settings」、フィールドは「Text before achieving」と表示されています。コントロール自体は同じもので、現在は **Tier settings** と **Title before achieving tier** という表記になっています。
# アップセル
**Use AI Recommended Upsells** を有効にし、**Related** アルゴリズムを選択して、**Smart Variant Matching** をオンにすると、カートの内容に基づいて一致する商品バリエーションが事前選択されます。
セクションのタイトルと **Add** ボタンのラベルをカスタマイズします。
# アドオン
フッターにトグル式のアドオンを表示するには、次のいずれかのオプションを有効にします:
### **配送保護**
**Shipping Protection** を選択し、カートの金額に基づいた動的な価格ティアを設定します。\
これにより、Shopify カタログに実際の商品が作成されます。
### **商品アドオン**
**Product Add-On** タブに切り替え、アップセルとして提供する既存の商品を選択します。
# ストアで Upcart を有効にする
### ステップ 1: カートをライブにする
すべての設定が完了したら、**Manage All Carts** > 有効にしたいカートを選択 > **Publish** をクリックします。
公開されると、カートはカートテーブルのライブセクションに移動します。次のステップであるテーマでの Upcart app embed の有効化を行うまで、警告の **「App embed off」** バッジが表示されます。embed をオンにすると、バッジは緑色の **「Live」** バッジに変わり、カートがストアフロントに表示されていることを確認できます。
app embed は、Upcart の cart drawer をストアフロントに表示するかどうかを制御します。ディスカウントを設定している場合、それらのルールは app embed が無効になっていても、Shopify のディスカウントシステムを通じて有効なままです。
### **ステップ 2: テーマの App Embed を有効にする**
テーマで Upcart を有効にするには、**Shopify Admin → Online Store → Themes → Customize → App embeds** に移動し、**Upcart** の app embed を有効にして **Save** をクリックします。
問題が発生した場合や互換性の問題が生じた場合は、お気軽に**サポートチャット**までお問い合わせください。