[チェックアウト拡張] 設定方法

はじめに

チェックアウト拡張は、決済前のチェックアウト画面で追加購入の促進や商品のアップグレード、プライバシーポリシー等への同意チェックボックスの設置など、ノーコードでのカスタマイズができる機能です。

チェックアウト画面に追加できる項目は以下の6つです。

  1. 単品商品を追加で提案】購入予定の商品の付属品等を表示することで、追加購入を促進
  2. 【定期購入商品を追加で提案】おすすめの定期購入商品を表示して追加購入を促進
  3. 単品商品へアップセル】購入予定の商品より容量が大きいものや、グレードが高いものをおすすめ
  4. 【定期購入商品へアップセル】購入予定の商品を定期購入商品に変更して継続購入おすすめ
  5. ブロッカー設置】プライバシーポリシーなど、購入前にチェックして欲しい項目を設置可能
  6. メッセージを表示商品や決済、配送に関する備考など、補足情報を表示
  7. 【入力フォームを表示】選択ボタンと自由記述欄を設置してアンケートなどの業務を効率化

※今後もテンプレートは追加予定です

※定期購入商品の設定には、定期購入に対応した商品の設定が必要です
本利用ガイドでは、Shopifyアプリの「定期購買」を利用しています。
「定期購買」の設定手順は
定期購買アプリサポートページをご参照ください

※Shopify Plusをお使いのストアのみご利用いただける機能です

チェックアウト拡張機能をご利用いただくためには、料金プランより「PLUS(Shopify Plus限定)」をご選択ください。

 

チェックアウト拡張ページで設定項目を作成

1.「チェックアウト拡張」を開く
あとプラ チェックアウト拡張設定 チェックアウト拡張押下

 

2.チェックアウト画面に追加する項目を作成

「新規作成」をクリックし、設定を進めます
あとプラ チェックアウト拡張設定 新規作成押下

チェックアウト拡張設定の設定
ステータスや名前を入力します。

ステータス:アクティブ / 下書き
名前:設定の名前を入力してください(必須)
説明:設定の説明を入力してください(任意)
絞り込み条件設定
条件を選択しなければ、全てのお客様に表示されます。

「+条件追加」ボタンを押下することにより絞り込み設定条件を複数追加できます。その際は、全てが一致する時(A 且つ B)が対象となります。
あとプラ チェックアウト拡張設定 絞り込み条件設定

  • お買物金額の合計額が
  • これまでのお買物累計額が
  • これまでのお買物合計回数が
  • 購入日が指定の期間中
  • 顧客情報に指定のタグを含む/含まない
  • カートに特定の単品商品を含む/含まない
  • 顧客情報のメタフィールドに指定の情報を含む/含まない
  • カートに特定の購入オプション(定期購入、予約販売、お試し購入)ありの商品を含む/含まない
  • カートに購入オプション(定期購入、予約販売、お試し購入)ありの商品を含む/含まない
  • お客様がログインしている / していない
  • カートに特定の販売プラン名を含む / 含まない

※条件を削除するときは、右のゴミ箱ボタンを押します。
あとプラ チェックアウト拡張設定 ゴミ箱ボタン

拡張アイテム
テキストの入力や、表示させたい商品を選択することができます。

タイプ

タイトルチェックアウト画面で表示されるタイトルです

メッセージ:チェックアウト画面で表示されるメッセージです

リンク・画像の挿入方法
「拡張アイテム」のメッセージ欄で、挿入画像と他のページやウェブサイトのリンクを追加することができます。

画像とリンクを追加するタグの仕様は以下の通りです。

■ 画像設定の例:<img:URL>
<img:https:ooo.jpeg>

■ リンク設定の例:<a:URL>アンカーテキスト</a>
<a:http://google.com>リンク</a>
※メッセージボックスの下部にある「リンク・画像の挿入方法」を押下すると、サンプルが表示されます。
あとプラ チェックアウト拡張設定 リンク・画像の挿入方法

商品
チェックアウト画面で表示される商品です
あとプラ チェックアウト拡張設定 メッセージと商品入力

入力が完了したら、「保存する」を押してください。

 

4.チェックアウト拡張を「有効」または「無効」を選択します
「有効」になっていないと表示されません。

あとプラ チェックアウト拡張設定 有効化

 

 

チェックアウト拡張ページに表示する

チェックアウト画面に、設定した項目を表示するためにはエディター画面にIDを設定する必要があります。

1.IDをコピーしチェックアウトエディターへ遷移する

設定リストの「IDをコピー」 を押下した後、「チェックアウトエディターへ」をクリックして、チェックアウト拡張のエディターへ遷移します。
※チェックアウトエディターとは:Shopifyヘルプセンター チェックアウトエディター
あとプラ チェックアウト拡張設定 チェックエディタへ

または、
「設定」からチェックアウト拡張のエディターへ遷移することも可能です。

管理画面左下にある「設定」をクリックします。

チェックアウト > チェックアウトのカスタマイズ > ライブチェックアウトで「カスタマイズ」をクリックします。



2.ブロックを追加しIDを貼り付ける
追加したアプリブロックにチェックアウト拡張のIDを貼り付け、設定した内容を表示させます。

画面左下の「+アプリを追加」をクリックします。

あとプラ チェックアウト拡張設定 アプリブロックを追加

 

「あとプラ」をクリックします。
あとプラ チェックアウト拡張設定 あとプラ選択



コピーしたチェックアウトIDを貼り付けます。
あとプラ チェックアウト拡張設定 ID追加

 

拡張アイテムで設定した内容が表示されます。
あとプラ チェックアウト拡張設定 おすすめ商品表示

 

追加したブロックは、ドラッグ&ドロップで位置を変えることができます。
あとプラ チェックアウト拡張設定 ブロックの移動

 

同様の手順で複数ブロックを追加することができます。
あとプラ チェックアウト拡張設定 複数ブロック追加

 


【注意】
注文サマリーエリアにアプリを追加すると、画面右側の注文サマリー欄に表示されます。
あとプラ チェックアウト拡張設定 注文サマリーエリア設置

 

例)チェックアウト拡張機能で追加した商品を「カートに追加」します。
あとプラ チェックアウト拡張設定 カートに追加


カートに追加されると小計・合計金額が変更されます。
あとプラ チェックアウト拡張設定 カートに追加

 

 

 

チェックアウト拡張機能で追加した商品をカートから削除する

「取り消す」をクリックすることで取り消すことができます。
あとプラ チェックアウト拡張設定 取り消し 

 

チェックアウトからアプリブロックを削除する

ブロックを削除するときは、追加したブロックをクリックし、画面左下にある「チェックアウトからアプリを削除する」をクリックすると、ブロックを削除することができます。
あとプラ チェックアウト拡張設定 ブロック削除