オファー機能

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

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

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


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

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

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

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

1. 商品の設定

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

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

 

___.png

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

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

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

__________2022-11-18_12.58.58.png

注意事項

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

Point!!

ショップページにテーマを適用している場合、テーマ管理のコード編集からサンクスオファー画面(ec_force/shop/orders/cv_upsell)を選択して、HTMLやスタイルを編集することも可能です。

編集した内容が適用される優先順位は「テーマ管理で編集した内容」>「ショップテンプレート管理で編集した内容」となりますのでご注意ください。

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

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

__________2022-11-18_13.08.45.png

 

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

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

__________2021-10-14_15.15.51.png

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

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

__________2021-09-21_12.31.04.png

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

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

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

__________2021-10-14_15.25.16.png

 

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

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

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

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

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

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

サンクスオファー画面遷移後オファー商品の「詳細を見る」をクリックします。__________2022-11-18_13.43.00.png

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

__________2022-11-18_13.43.45.png

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

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

__________2022-11-18_13.44.25.png

Point!!

サンクスオファー商品が設定されている商品がカートに複数追加された場合、一番初めにカートに入れた商品のサンクスオファーが表示されます。

また、最初にカートに入れた商品にサンクスオファー商品が設定されていない場合、サンクスオファーは表示されませんのでご注意ください。

この記事の目次

このセクションの記事

オファー機能