column

カート内と購入ボタン——マイクロコピーの設計【連載シリーズ12 Day 18】

この記事でわかること

  • 購入ボタンは「次の一歩」が分かる動詞にする
  • ボタン上下の注釈で不安を先回り解消
  • カート内変更(数量・削除)にフィードバック文案
  • トーンはPDP・チェックアウトと統一
  • AB改善は1要素ずつ仮説を残して試す
マイクロコピーは短いほど、店の人格がにじみます。「購入する」「Checkout」「次へ」——どれも正解に見えて、購入者の期待する次の画面は異なります。カート内の一行、ボタン上下の注釈、数量変更後のメッセージまで、今日は購入直前の言葉を設計します。 スマホ固定バーとページ内ボタンの両方に、同じマイクロコピー方針を適用します。

こんな方におすすめ

  • カートCVRがPDPより大幅に低い
  • ボタン文案が英日混在している
  • 送料・返品注釈がボタンから離れている
  • 数量変更後のフィードバックがない
  • モバイルでボタン下の注釈が見切れる

向いていない方

  • ワンクリック購入のみでカートを使わない
  • B2B見積ボタンのみで消費者CTAなし
  • ボタン文言がブランドガイドで固定
  • カート機能が外部ECに委ねられ編集不可
  • 単一商品でカート画面自体がない

購入ボタン文案——次の画面を予告する

「購入手続きへ進む」「お届け先・お支払いの入力へ」など、次に何を入力するかが分かる文案が、単なる「購入」より離脱を減らしやすいです。

ボタン上には、送料・返品・決済の要約1行を置きます(Day15-17の資産を再利用)。ボタン下には、税込・キャンセル不可条件など、押した後に問題になりやすい情報を置きます。

「買い物を続ける」は弱い命令形で、カテゴリまたは直前のPDPへ戻すリンクを明示します。

在庫僅少・予約品は、ボタン近くに在庫文案を同期します。「カートに入れた時点では確保されません」など、期待値をそろえます。

進め方

  1. 購入ボタン文案を「次のステップ」型に変更する
  2. ボタン上に要約1行(送料・返品・決済)を配置する
  3. ボタン下に税込・例外注釈を置く
  4. 続けるボタンに戻り先を明示する
  5. 在庫・予約文案をボタン近くに同期する

よくある失敗

  • 「Submit」「Checkout」など英語のみ
  • ボタン上下に注釈がなく不安が残る
  • 在庫表示とカートボタン近くの文案が矛盾

カート内操作——削除・数量変更のフィードバック

数量を増減したとき、「小計を更新しました」「送料無料まであと〇〇円」と即時フィードバックを出します。無言の更新は、計算が信頼されない原因になります。

削除時は「カートから削除しました。元に戻す」など、誤操作への救済を1行で。

セット割・クーポン適用時は、適用条件と失効条件を同じブロック内に書きます。「クーポンコード入力で反映・セール品との併用不可」など。

ギフト包装等のオプション選択にも、追加料金と処理日数への影響を1行添えます。

進め方

  1. 数量変更後のフィードバック文案を実装する
  2. 削除時のUndo案内1行を追加する
  3. クーポン適用ブロックに条件2行を書く
  4. オプション選択に料金・日数影響1行を付ける
  5. エラー時(在庫不足)の文案を購入者語にする

よくある失敗

  • 数量変更が無言で信頼感が下がる
  • クーポン失敗理由がエラーコードのみ
  • オプション追加料金が最終画面まで不明

トーン統一とAB——小さな差分で試す

カート〜チェックアウトのボタン・注釈は、ですます調と語尾を揃えます。「〜してください」と「〜する」の混在は、店の統一感を損ないます。

ABテストはボタン文案1つ、注釈1行など、要素を分けて試します。同時に複数変えると、何が効いたか分かりません。

勝ち案はテンプレートに昇格し、全SKUカートに展開します。

アクセシビリティのため、ボタンのaria-labelも視覚文案と一致させます。

進め方

  1. カート〜チェックアウトの語尾をですますに統一する
  2. ABは1要素・2週間・十分サンプルで実施する
  3. 勝ち案をテンプレート化する
  4. aria-labelと表示文案を照合する
  5. 四半期ごとにマイクロコピーを見直す

よくある失敗

  • ボタンと注釈で敬体・常体が混在
  • 複数要素同時ABで学びが残らない
  • aria-labelが「button」のみ

モバイル固定フッター——購入ボタンと注釈

スマホでは画面下部固定の購入バーが主流です。固定バーにも、送料・返品の要約1行またはアイコン+ツールチップを載せ、スクロールしなくても不安解消が見えるようにします。

固定バーとページ内ボタンの文案は同一にし、どちらを押しても同じ期待値にします。

固定バーがコンテンツを隠さないよう、PDP末尾に余白を確保するのは実装側の話ですが、文案側は固定バー高さ分の重要情報を上部にも重複配置します。

固定バーのABテストも、ページ内ボタンと同時ではなく、固定バー注釈1行だけを変えて計測します。

進め方

  1. 固定バーに要約1行またはツールチップを付ける
  2. 固定バーとページ内ボタン文案を統一する
  3. 重要注釈を上部にも重複配置する
  4. 固定バー注釈のみABテストする
  5. 実機で固定バーと本文の重なりを確認する

よくある失敗

  • 固定バーが価格だけで注釈ゼロ
  • 固定バーとページ内で文案不一致
  • 上部に要約がなく固定バーだけ信頼

今日の実践メモ(Day 18)

焦点:カートページ・CTA文言 — 読むだけで終わらせず、読了後に末尾の「今日の確認チェックリスト」ですべて確認してください。

ECサイト コピーライティングの文脈では、変更前文案を必ずテキスト保存してから書き換えると、効果測定がしやすくなります。

社内共有時は価値をひとことで伝える軸シートを添付し、デザイン・CS双方に30秒読み上げレビューを依頼してください。

試験反映後2週間は、購入CVRまたはカート離脱率の前後比較メモを1行残すだけでも次の改善判断に役立ちます。

Day18で触れなかったページは、次フェーズまで待つ——順序を守ることがECサイト文案改善の効率につながります。

禁止表現リストに抵触しそうな形容詞(最上級・断定)は、カートページ・CTA文言の文案から先に削ると安全です。

スマホ実機でファーストビューを3秒見て、40字前後の約束メッセージが伝わるかを確認してから次のDayへ進みましょう。

Day18の補足:カートページ・CTA文言では、ECサイト上の優先ページ1つに絞って文案メモを残すことが要点です。

今日の論点「カートページ・CTA文言」は、40字前後の約束メッセージと矛盾しないか最後に1行チェックしてください。

今日の確認チェックリスト

  • 購入ボタンが「次のステップ」型文案
  • ボタン上に要約1行がある
  • ボタン下に税込・例外注釈がある
  • 数量変更フィードバックがある
  • クーポン条件が同ブロック内にある
  • カート〜チェックアウトの語尾統一
  • AB勝ち案がテンプレート化されている

実践ワークショップ

問1:購入ボタンと「買い物を続ける」の文案を、次の行動が分かる形で書き直してください。

記入例:手続き内容・戻り先を明示。

問2:ボタン上下に置く要約1行+注釈1行を作成してください。

記入例:Day15-17資産の再利用。

問3:数量変更後のフィードバック1文を書いてください。

記入例:小計更新・送料無料まで。

よくある質問

Q. 「今すぐ購入」と「購入手続きへ」どちらがよいですか?

A. 次の画面(住所・決済入力)を想像させる後者が、初回購入者には安心につながりやすいです。自店データでAB確認を。

Q. ボタン下の注釈は長くてもよいですか?

A. 1〜2行に抑え、詳細はリンクへ。長文はモバイルで見切れます。

Q. マイクロコピーABの最小期間は?

A. 2週間・有意差が出るまでが目安。繁忙期は期間を延ばします。

まとめ

カート内と購入ボタンのマイクロコピーは、購入直前の最後の説得です。次のステップが分かるボタン、上下の要約注釈、操作フィードバック——小さな文で大きな離脱差が出ます。明日はチェックアウト各ステップの案内文に進みます。改善した文案は、40字前後の約束メッセージシートと修正ログに必ず記録し、2週間後に購入CVRまたはカート離脱率で効果を確認してください。

ECサイトの言語化、30日で始めませんか?

商品ページやカート導線の文案でお悩みの方へ——売上に直結する言葉の設計を一緒に整理します。

無料相談を申し込む

本シリーズのチェックリストPDFを無料進呈(相談後)

お問い合わせ