---
title: "カートとミニカートに見積ボタンを追加する"
description: "Shopifyのストアフロントのカートページと、スライドして開くミニカートの引き出しから、バイヤーがカート全体を一つの見積依頼に変えられるようにします。"
url: "https://www.quotway.com/ja/docs/storefront/cart-and-mini-cart-button"
type: "documentation"
category: "storefront"
updated: "2026-09-30"
locale: "ja"
source: "QuotWay - B2B Quote & Negotiation App for Shopify"
---

# カートとミニカートに見積ボタンを追加する

**読了時間：** 5 分。
**最終更新：** 2026年6月20日
**対象：** バイヤーにカート全体を一つの見積に変えてほしいマーチャント。カートページと、スライドして開くカートの引き出し（ミニカート）を扱います。

QuotWayは、カートに関わる二つの場所に**見積を依頼する**ボタンを置けます。**カートページ**と、**ミニカートの引き出し**（バイヤーが商品を追加したときに開くスライド式のカートの欄）です。カートページのボタンは、テーマエディターで配置するテーマアプリブロックです。ミニカートのボタンはQuotWayが自動的に挿入します。引き出しはテーマのブロックを持てないため、配置するものがありません。いずれの場合も、ボタンはカートに見積の対象となる品目があるときにのみ表示され、それを選んだバイヤーはカート全体を一つの見積依頼として送ります。

> ⚠️ カートとミニカートの見積ボタンには **Starter**、**Professional**、**Enterprise** のいずれかのプランが必要です。無料の **Lite** プランでは、カートとミニカートのボタンは無効のままです。

## 何が達成できるか

最後には、バイヤーがカートページ、ミニカートの引き出し、またはその両方で**見積を依頼する**ボタンを見られるようになり、それを選ぶと対象となるカートの明細が読み込まれた状態でQuotWayの入力欄が開きます。

## 始める前に

- QuotWayがインストールされ、アプリ埋め込みが有効であること。ミニカートのボタンはアプリ埋め込みによって挿入されるため、埋め込みが動作している必要があります。[アプリ埋め込みと有効化](./app-embed-and-activation.md)をご覧ください。
- **Starter** プラン以上であること（有料プランの14日間のトライアル中は、これらのボタンを利用できます）。
- 有効な対象の指定ルールが少なくとも一つあり、どのカートの明細が見積の対象かをQuotWayが判断できること。[対象の指定ルール](../targeting/targeting-rules.md)をご覧ください。

## カートページのボタンを追加する（テーマのブロック）

カートページのボタンは **QuotWay Cart Quote Button** のテーマアプリブロックです。テーマエディターで一度配置します。編集するLiquidはありません。

1. QuotWayの管理画面から**有効化の状態 → テーマエディターを開く**を選ぶか、**Shopifyの管理画面 → オンラインストア → テーマ → カスタマイズ**へ行きます。
2. 左上のページの選択欄で**カート**を選びます。
3. カートのセクションの下で**ブロックを追加**を選び、**アプリ → QuotWay Cart Quote Button** を追加します。
4. **購入手続き**のボタンの上へ移動し、バイヤーが両方の選択肢を見られるようにします。
5. **保存**を選びます。

アプリの中にワンクリックの経路もあります。**見積ボタン → 見た目**で、**カートページにも見積ボタンを表示する**を有効にしてください。これにより機能が有効になり、**カートページに追加**への直接の移動を伴う配置の表示が出ます。ただし、ブロックの配置は上記のとおりテーマエディターで行います。ブロックが動作すると、表示は**カートページに追加済み**になります。

## ミニカート（引き出し）のボタンを有効にする

ミニカートのボタンにテーマのブロックは不要です。QuotWayが引き出しの購入手続きのボタンの近くに、自動的に一つのボタンを挿入します。

1. **見積ボタン → 見た目**を開きます。
2. **カートの引き出し（ミニカート）にも見積ボタンを表示する**を有効にします。有料プランであれば既定で有効です。
3. **保存**を選びます。

以降QuotWayは、カートに見積の対象となる品目があるときに、カートのボタンの体裁を使って、引き出しの購入手続きのボタンの上（または引き出しの下部）にボタンを挿入します。バイヤーが品目を追加・削除すると、それに合わせてボタンが表示・非表示になります。そしてそれを選ぶと、テーマの引き出しが閉じ、対象の明細が読み込まれた状態でQuotWayの入力欄が開きます。

## 応用：カートの引き出しの独自のセレクター

QuotWayはDawn、Horizon、そしてほとんどのShopifyのテーマで引き出しを自動的に検出します。テーマが特殊な引き出しのマークアップを使っていてボタンが表示されない場合は、QuotWayに引き出しの入れ物を指し示してください。

1. **見積ボタン → 見た目**で、ミニカートのボタンを有効にした状態で、**カートの引き出し - 応用**の欄を開きます。
2. **カートの引き出しの独自のCSSセレクター**に、テーマの引き出しの入れ物のセレクターを入力します。たとえば `cart-drawer`、`#CartDrawer`、`.mini-cart` などです。**一行に一つ**のセレクターを追加してください。
3. **保存**を選びます。

セレクターを追加するのは、引き出しにボタンが表示されない場合だけにしてください。組み込みの検出が、独自のセレクターなしでほとんどのテーマをカバーします。

## ボタンの振る舞い

- **対象の判定** - ボタンは、カートの明細のうち少なくとも一つが見積の対象となる商品であるときにのみ表示されます。判断は対象の指定ルールによります。小売の品目だけのカートは、見積ボタンなしで通常どおり購入手続きに進みます。
- **カート全体での依頼** - それを選ぶと、カートの対象となるすべての明細が一つの見積として送られるため、バイヤーは明細ごとに依頼せずに済みます。
- **見た目** - どちらのカートのボタンも、**見積ボタン → 見た目**のカートのボタンの体裁と色を使い、なければ商品のボタンの体裁に従います。
- **表示の文言** - **設定 → 文言**で、言語ごとにカートのボタンの文言を編集できます。

## よくある落とし穴

- **ミニカートのボタンが表示されない。** アプリ埋め込みが有効であること（引き出しのボタンを挿入します）、Starter以上であること、そしてカートに見積の対象となる品目が少なくとも一つあることを確認してください。テーマの引き出しが特殊な場合は、独自のセレクターを追加してください（上記）。
- **カートページのボタンが表示されない。** チェックの切り替えは設定を有効にするだけです。あわせて、テーマエディターでカートのテンプレートに **QuotWay Cart Quote Button** のブロックを配置する必要があります。
- **カートを更新するとボタンが消える。** それが意図された動作です。見積の対象となる明細が残っていないときにボタンは隠れ、対象の品目が追加されると再び現れます。テーマはカートが変わるたびに引き出しを描画し直しますが、QuotWayが自動的にボタンを挿入し直します。
- **二つのボタンが重複して感じる。** これらは独立しています。一方だけを使いたい場合は、**見積ボタン → 見た目**でカートページかミニカートのどちらかのチェックを外してください。

## 関連記事

- [見積ボタンの配置](./quote-button-placement.md) - 商品ページのブロックと、ボタンがストアに馴染む仕組みです。
- [アプリ埋め込みと有効化](./app-embed-and-activation.md) - ミニカートのボタンを挿入する埋め込みを有効にし、状態を確認します。
- [対象の指定ルール](../targeting/targeting-rules.md) - カートでどの商品を見積の対象とするかを選びます。