昨年末にスライドカートを Candy Rack の一部としてリリースして以来、ほかのどの要望よりも多く届いていたのがこれです。買い物客をチェックアウトに送らずに割引コードを使わせてほしい、という要望です。単体のカートドロワーの多くはすでに対応しています。私たちのものは、今回まで対応していませんでした。
割引コードがスライドカートのフッターに組み込まれました。買い物客がコードを入力して Apply を押すと、カートの合計と明細がすぐに更新されます。ページの再読み込みも、チェックアウトへの移動も不要です。
仕組み
入力された内容は、Shopify の割引 API に対してリアルタイムで照合されます。有効なコードはすぐにカートへ適用され、合計と行ごとの明細が更新されます。無効なコードや期限切れのコードの場合は代わりにインラインのエラーメッセージが表示され、合計は変わりません。
コードが適用されると、入力欄の横に削除できる小さなタグとして表示されます。気が変わったら外して別のコードを試せます。
重ねがけは Candy Rack ではなく Shopify のルールに従います。複数のコードを入力した場合、既存の割引の組み合わせ設定が許可していれば併用されます。併用できない場合は、最後に入力したコードがそれまで適用されていたコードを置き換えます。割引リンク（メールキャンペーンで送るような ?discount=XYZ パラメーター付きの URL）から来た買い物客の場合は、カートを開いた時点でコードが適用済みで表示されます。入力する手間はありません。
カートに合わせて調整する
この入力欄はすべて、スライドカートの Footer 設定から調整できます。Total、Custom text、Terms and conditions、Checkout buttons、Custom block の隣にあります。
- 入力欄の Placeholder text（既定値は「Discount code」）
- 適用できないコードに表示される Error message と、その文字サイズ
- Apply button のラベル、文字サイズ、通常時とホバー時の背景色と文字色、任意の枠線
- 適用済みコードのタグの文字サイズ
- Order-level discount preview。設定のプレビューで割引が適用された状態を表示するオプションです。実際のコードを用意しなくても、その状態の見た目を確認できます
Collapsible discount field というオプションもあります。オンにすると、既定でテキスト入力欄を開いて見せる代わりに、リンクの後ろに隠します。これは検討する価値があります。カートに空の割引欄が置かれていることは、買い物客が購入を終えずによそでコードを探しに行く原因としてよく知られています。折りたたんでおけば、前面に出さずに選択肢は残せます。
有効にする手順
- Candy Rack でスライドカートの設定を開きます。
- Footer の Discounts をオンにします（折りたたんでおきたい場合は Collapsible discount field も）。
- プレースホルダー、エラーメッセージ、ボタンのスタイルを、カートのほかの部分に合わせて設定します。
- 保存します。
なぜ作ったのか
コードを持っている買い物客、あるいは持っているかもしれないと思っている買い物客は、チェックアウトの最後の段階ではなく、カートを開いた瞬間にそれを探します。そこまで見つからないと、Shopify がチェックアウトで用意している割引欄にたどり着く前に、よそへコードを探しに行ってしまう人や、注文自体をやめてしまう人が出ます。その時点では手遅れになっていることが多いのです。
これはスライドカートの主張そのものの一例でもあります。買い物客をよそへ送るのではなく、そのページに留めるということです。チェックアウトでしか出てこない割引欄はそれに逆行しますし、これをネイティブに扱うカートドロワーを一度使えば、すぐに気づく欠けです。埋めたのは新しい何かを足すためというより、明らかに足りない部分を放置しないためでした。
これで、ローンチ以降スライドカートに作ってきたものが揃います。リワードバー、カスタムブロック、コレクション単位のアップセル、AI が生成する商品説明、そして新しいレコメンドエンジンです。カートそのものの考え方についてはアップセル戦略ガイドをご覧ください。カートではなくチェックアウト自体を最適化したい場合は、Shopify チェックアウトのガイドがその側面を扱っています。
割引コードは本日から Candy Rack で利用できます。すでにスライドカートを使っている場合は、設定の Footer に Discounts があります。まだ試していない方は、Shopify App Store から Candy Rack をインストールしてください。スライドカート、リワードバー、アップセル、割引コードはすべて同じアプリに入っています。
