購入サポートのFAQ

商品ページに「保有ポイントを使うといくらで買えるか」を自動表示する機能です。カートに進む前に実質価格が分かるため、ポイントの利用促進と購入の後押しにつながります。

futureshop側の操作

• コマースクリエイターの商品詳細レイアウトを開きます。
• フリーパーツを作成し、ポイント使用後価格を表示したい位置に差し込みます。
• フリーパーツに次のタグを設定します。
  <div id="_ecbrothers_point_used_price_parts">
<div class="fs-clientInfo" style="display:none;">
<span class="fs-p-memberInfo__points">{@ member.active_points @}</span>
</div>
<div class="point_used_price"></div>
</div>

EC兄弟側の設定

• 使用設定：ポイント使用後価格表示の無効/有効を切り替えます。
• CSS設定：表示エリアのCSSを調整できます。
• 最小ポイント数：保有ポイントがこの値未満の場合は表示しません。
• 最大ポイント数：計算に使用するポイントの上限です（0の場合は上限なし）。
• 「更新」を押して登録完了です。

検索ボックスにキーワードを入力すると、リアルタイムで該当商品の候補を表示する機能です。目的の商品にすばやくたどり着けるため、検索での離脱を防げます。

事前準備

• EC兄弟管理画面のユーザー情報に、futureshopのAPI情報を登録します。

futureshop側の操作

特にありません。タグの設置は不要で、既存の検索ボックスにそのまま機能が追加されます。

EC兄弟側の設定

• 使用設定：サジェストの無効/有効を切り替えます。
• CSS設定：サジェスト表示欄のCSSを調整できます。
• 「更新」を押して登録完了です。

PCで商品一覧のサムネイルにカーソルを乗せると、2枚目の画像に自動で切り替わる機能です。クリックせずに別カットを確認でき、視覚的な訴求力が高まります。

futureshop側の操作

特にありません。タグの設置は不要です。

EC兄弟側の設定

• 使用設定：サムネイルホバー切替の無効/有効を切り替えます。
• 「更新」を押して登録完了です。

※本機能は現在改修中の場合があります。最新の提供状況は管理画面のお知らせをご確認ください。

スマホで商品ページを閲覧中、「カートに入れる」ボタンを画面下部に固定表示する機能です。購入意欲が高まった瞬間を逃さず、スムーズな導線でコンバージョン向上をサポートします。

futureshop側の操作

特にありません。タグの設置は不要です。

EC兄弟側の設定

• 使用設定：追従カートボタンの無効/有効を切り替えます。
• CSS設定：追従ボタンのCSSを調整できます。
• 「更新」を押して登録完了です。

チェックを入れた複数の商品を、一括でカートに投入できる機能です。中身の見える福袋やコーディネート一式販売、消耗品のセット買い促進などに活用できます。

事前準備

• EC兄弟管理画面のユーザー情報に、futureshopのAPI情報を登録します。

設定の流れ（EC兄弟管理画面）

• 全体設定：使用設定を有効にし、必要に応じてCSSを設定して「更新」。
• 商品リストの作成：商品リストコード・商品リスト名を入力してリストを追加します。「商品選択必須」を有効にすると、商品を選択しないとカート追加ボタンが押せなくなります。
• 商品の登録：リストの詳細画面でキーワード検索し、futureshopに登録されている商品から候補を選んで追加します。

futureshop側の操作

• 商品リスト一覧に表示される挿入タグをコピーし、商品リストを表示したい場所に貼り付けます。

商品一覧ページのソートリンク（新着順・価格順など）を、すっきりとしたプルダウン形式に変更できる機能です。ソート項目が多くてもレイアウトが崩れず、特にスマホで操作しやすくなります。

futureshop側の操作

特にありません。タグの設置は不要で、既存のソートリンクが自動でプルダウンに変わります。

EC兄弟側の設定

• 使用設定：ソートプルダウン化の無効/有効を切り替えます。
• 「更新」を押して登録完了です。

お酒や返品不可商品など、購入前にお客様の同意が必要な場面で、チェックボックス付きの確認ポップアップを表示できる機能です。本文はHTMLで自由に記述できます。

設定の流れ

• 表示したい場所に次のタグを設置します：<div id="_ecbr_agree_confirm_popup"></div>
• 特定の商品ページに表示する場合は、コマースクリエイターの商品説明文（大）などにタグを記述します。
• カートページや会員登録ページに表示する場合は、フリーパーツを作成してページレイアウトに差し込みます。
• EC兄弟管理画面で本文・リンク・同意チェック文言・同意ボタン文言などを設定します。

活用ポイント

チェックボックスによる明示的な同意取得でトラブルを防止できます。バージョン番号を変更すると、同意済みのお客様にも再表示できるため、規約変更時も安心です。

気になる商品を複数選び、価格・画像・商品情報を一覧の比較表で見比べられる機能です。お客様の迷いを減らし、納得感のある購入をサポートします。

futureshop側の操作

特にありません。使用設定を有効にすると、商品一覧ページに比較用のチェックボックスが自動で追加されます。商品詳細ページに設置したスペック情報は自動で読み取られます。

EC兄弟側の設定

• 使用設定：商品比較の無効/有効を切り替えます。
• 「更新」を押して登録完了です。

お客様側の使い方

商品一覧でチェックを入れると画面下部に比較バーが表示され、そこから価格・画像・スペックを横並びで確認できます。型番商品やスペック重視の商材に特に有効です。

キーワード・価格帯・カテゴリー・カラー・商品タグ・在庫状況などを組み合わせた、自由度の高い商品検索フォームを作成できる機能です。フォームは用途に合わせて複数作成できます。

設定の流れ（EC兄弟管理画面「カスタム商品検索」）

• 使用設定を有効にします。
• 「検索フォーム作成」からフォーム名を付け、使用する検索条件の項目を設定します。
• 作成したフォームは一覧で管理でき、フォームごとに置換タグが発行されます。

futureshop側の操作

• 発行された置換タグを、検索フォームを表示したい場所（トップページ・特集ページ・ブランドページなど）に設置します。

活用ポイント

場所ごとに最適化した検索導線を用意できるため、お客様が目的の商品を見つけやすくなり、回遊性と購入率の向上につながります。