ショップページのサンクスオファー設定方法

サンクスオファーの設定方法

ecforceでは、ショップで商品購入後に上位商品への購入を促す「サンクスオファー機能」を設定できます。
※サンクスクロスセルのみ対応しています。サンクスアップセルには対応しておりませんのでご注意ください。

管理画面からHTML・CSS・JavaScript・画像より自由にデザインできます。

サンクスオファーの設定方法

ショップでサンクスオファーを行う場合、以下手順で設定を行う必要があります。

1. 商品の設定
2. サンクスオファーページの作成
3. ショップサンクスオファー機能の有効化

1. 商品の設定

商品の設定では、事前にサンクスオファーを設定する商品とサンクスオファーとして表示する商品の双方を準備しておく必要があります。
商品のご準備がない場合は、商品の新規作成を行います。

1. 「商品管理 > 商品管理 > サンクスオファーを設定する商品」の「タブ：オファー商品管理」をクリックします。
2. 「サンクスクロスセル商品」の「商品の追加」をクリックして、サンクスオファーとして表示する商品を設定します。
3. 「保存」をクリックします。

 

2. サンクスオファーページの作成

サンクスオファーページ用のショップテンプレートの作成を行います。
すでに登録済みのサンクスオファーページ用のショップテンプレートがある場合は、本手順は不要です。

1. 「ショップ管理 >ショップテンプレート管理」画面で「新規作成」をクリックします。
2. 「ショップ テンプレートタイプ：サンクスオファーページ」を選択します。
3. 必要事項を入力のうえ「保存」をクリックし、サンクスオファー用のショップテンプレートを作成します。

注意事項

• 各種テンプレートタイプを選択した時点で、フォーム部分に関する初期デザインが「ボディー編集」と「CSS編集」に入力されています。
  ※初期デザインのまま利用する場合は、すでに入力された情報は削除しないでください。
  ※フォームを編集した場合に生じたトラブルについては、いかなる責任も負いかねます。
• 「サンクスオファーページ」の「ボディ編集」にデフォルトで記述されている「__PAYMENT_FORM_CV_XSELL__」は、サンクスオファー表示部分をデザインするために必要な記述です。
  ※ショップに紐づく販売商品が持つオファー商品に合わせて使用してください。

3. ショップサンクスオファー機能の有効化

「1. 商品の設定」でサンクスオファー商品を設定した商品のステータスを表示に設定します。
サンクスオファーページには「2. サンクスオファーページの作成」で作成したテンプレートを設定します。
「ショップ管理 > 各種設定 > ショップの機能設定」からショップサンクスオファーを有効にしてください。

 

サンクスオファー有効時間の設定

「設定 > 購入/フォーム > 購入の設定」の「サンクスオファー有効時間（秒）」でサンクスオファーページの表示時間（秒）を設定します。
初期値は60秒で設定され、値は60~86400秒の間で設定可能です。
※LPとショップページで共通の設定になります。

サンクスオファーページが表示された時点からカウントが始まり、設定時間を超過した場合は、メイン商品のみ購入されます。
その後、以下のURLのまま画面だけが「有効期限を経過しました。受付を終了させていただきます。」という画面に切り替わります。

https://ドメイン/shop/order/cv_upsell

サンクスオファーのカウントダウン

「設定 > 購入/フォーム > ショップ購入フォーム（動作設定）」で、サンクスオファー有効時間（秒）のカウントダウンタイマーの表示・非表示を設定します。

ショップ 購入フォーム設定画面

 

［参考］カウントダウンタイマーの表示仕様

サンクスオファーテンプレートに「__PAYMENT_FORM_PERFORM__」を記述している場合、サンクスオファーページにカウントダウンタイマーが表示されます。

サンクスオファー商品の購入

ショップサンクスオファーはオファー画面にて詳細モーダルを表示しています。

モーダルでは商品管理で設定できる通常価格、販売価格、メーカー、メーカーURL、カテゴリー、説明が表示されます。

サンクスオファー商品の追加

サンクスオファー画面遷移後オファー商品の「詳細を見る」をクリックします。

商品情報を確認後、「商品を選択」をクリックします。

選択した商品の情報が下部に表示されます。

「削除」で追加した商品を削除することができます。