機能の使い方のFAQ
検索ボックスにキーワードを入力すると、リアルタイムで該当商品の候補を表示する機能です。目的の商品にすばやくたどり着けるため、検索での離脱を防げます。
事前準備
- EC兄弟管理画面のユーザー情報に、futureshopのAPI情報を登録します。
futureshop側の操作
特にありません。タグの設置は不要で、既存の検索ボックスにそのまま機能が追加されます。
EC兄弟側の設定
- 使用設定:サジェストの無効/有効を切り替えます。
- CSS設定:サジェスト表示欄のCSSを調整できます。
- 「更新」を押して登録完了です。
PCで商品一覧のサムネイルにカーソルを乗せると、2枚目の画像に自動で切り替わる機能です。クリックせずに別カットを確認でき、視覚的な訴求力が高まります。
futureshop側の操作
特にありません。タグの設置は不要です。
EC兄弟側の設定
- 使用設定:サムネイルホバー切替の無効/有効を切り替えます。
- 「更新」を押して登録完了です。
※本機能は現在改修中の場合があります。最新の提供状況は管理画面のお知らせをご確認ください。
このFAQを個別ページで見る →スマホで商品ページを閲覧中、「カートに入れる」ボタンを画面下部に固定表示する機能です。購入意欲が高まった瞬間を逃さず、スムーズな導線でコンバージョン向上をサポートします。
futureshop側の操作
特にありません。タグの設置は不要です。
EC兄弟側の設定
- 使用設定:追従カートボタンの無効/有効を切り替えます。
- CSS設定:追従ボタンのCSSを調整できます。
- 「更新」を押して登録完了です。
チェックを入れた複数の商品を、一括でカートに投入できる機能です。中身の見える福袋やコーディネート一式販売、消耗品のセット買い促進などに活用できます。
事前準備
- EC兄弟管理画面のユーザー情報に、futureshopのAPI情報を登録します。
設定の流れ(EC兄弟管理画面)
- 全体設定:使用設定を有効にし、必要に応じてCSSを設定して「更新」。
- 商品リストの作成:商品リストコード・商品リスト名を入力してリストを追加します。「商品選択必須」を有効にすると、商品を選択しないとカート追加ボタンが押せなくなります。
- 商品の登録:リストの詳細画面でキーワード検索し、futureshopに登録されている商品から候補を選んで追加します。
futureshop側の操作
- 商品リスト一覧に表示される挿入タグをコピーし、商品リストを表示したい場所に貼り付けます。
商品一覧ページのソートリンク(新着順・価格順など)を、すっきりとしたプルダウン形式に変更できる機能です。ソート項目が多くてもレイアウトが崩れず、特にスマホで操作しやすくなります。
futureshop側の操作
特にありません。タグの設置は不要で、既存のソートリンクが自動でプルダウンに変わります。
EC兄弟側の設定
- 使用設定:ソートプルダウン化の無効/有効を切り替えます。
- 「更新」を押して登録完了です。
お酒や返品不可商品など、購入前にお客様の同意が必要な場面で、チェックボックス付きの確認ポップアップを表示できる機能です。本文はHTMLで自由に記述できます。
設定の流れ
- 表示したい場所に次のタグを設置します:
<div id="_ecbr_agree_confirm_popup"></div> - 特定の商品ページに表示する場合は、コマースクリエイターの商品説明文(大)などにタグを記述します。
- カートページや会員登録ページに表示する場合は、フリーパーツを作成してページレイアウトに差し込みます。
- EC兄弟管理画面で本文・リンク・同意チェック文言・同意ボタン文言などを設定します。
活用ポイント
チェックボックスによる明示的な同意取得でトラブルを防止できます。バージョン番号を変更すると、同意済みのお客様にも再表示できるため、規約変更時も安心です。
このFAQを個別ページで見る →気になる商品を複数選び、価格・画像・商品情報を一覧の比較表で見比べられる機能です。お客様の迷いを減らし、納得感のある購入をサポートします。
futureshop側の操作
特にありません。使用設定を有効にすると、商品一覧ページに比較用のチェックボックスが自動で追加されます。商品詳細ページに設置したスペック情報は自動で読み取られます。
EC兄弟側の設定
- 使用設定:商品比較の無効/有効を切り替えます。
- 「更新」を押して登録完了です。
お客様側の使い方
商品一覧でチェックを入れると画面下部に比較バーが表示され、そこから価格・画像・スペックを横並びで確認できます。型番商品やスペック重視の商材に特に有効です。
このFAQを個別ページで見る →キーワード・価格帯・カテゴリー・カラー・商品タグ・在庫状況などを組み合わせた、自由度の高い商品検索フォームを作成できる機能です。フォームは用途に合わせて複数作成できます。
設定の流れ(EC兄弟管理画面「カスタム商品検索」)
- 使用設定を有効にします。
- 「検索フォーム作成」からフォーム名を付け、使用する検索条件の項目を設定します。
- 作成したフォームは一覧で管理でき、フォームごとに置換タグが発行されます。
futureshop側の操作
- 発行された置換タグを、検索フォームを表示したい場所(トップページ・特集ページ・ブランドページなど)に設置します。
活用ポイント
場所ごとに最適化した検索導線を用意できるため、お客様が目的の商品を見つけやすくなり、回遊性と購入率の向上につながります。
このFAQを個別ページで見る →WordPressで公開したブログ記事を、futureshopのページに自動で表示できる機能です。ブログ更新がECサイトに自動反映されるため、手動での貼り替え作業が不要になります。
futureshop側の操作
- ワードプレス記事一覧を差し込みたい位置に次のタグを設定します。
<div id="_ecbr_wordpress_article"></div>
EC兄弟側の設定
- 使用設定:ワードプレス記事一覧の無効/有効を切り替えます。
- ワードプレスURL:WordPressサイトのURLを指定します。※別ドメインのWordPressを指定する場合は、WordPressサーバー側でCORS(クロスオリジン)設定が必要です(設定は別料金・要相談)。
- 記事表示件数:一覧に表示する記事数を設定できます。
- サムネイル画像表示:サムネイルの表示/非表示を選べます。
- CSS設定:記事一覧のCSSを調整できます。
- 「更新」を押して登録完了です。
YouTubeショート動画に商品リンクや説明文を紐づけて、トップページなどにスライダー表示できる機能です。使い方・質感・サイズ感など、静止画では伝わりにくい情報を動画で訴求できます。
futureshop側の操作
- スライダーを差し込みたい位置に次のタグを設定します。
<div id="_ecbrothers_movie_slider"></div>
EC兄弟側の設定
- 使用設定:動画スライダーの無効/有効を切り替えます。
- YouTubeショートのURL、商品ページへのリンク、コメントを登録します。
- 「更新」を押して登録完了です。
活用ポイント
動画を見たお客様がそのまま商品ページへ移動できる導線を簡単に作れます。
このFAQを個別ページで見る →日付・タグ・タイトルを入力するだけで、キャンペーン情報や新商品入荷などのお知らせを一覧形式でサイトに表示できる機能です。バナー画像を作らずにテキストだけで情報発信でき、更新の手間が大幅に減ります。
futureshop側の操作
- お知らせを表示したい位置に次のタグを設定します。
<div id="_ecbrothers_notice_list"></div>
EC兄弟側の設定
- 使用設定:お知らせ一覧の無効/有効を切り替えます。
- お知らせを登録します:日付・タグ・タイトルを入力し、タイプを選択します。
- リンクタイプ:クリックで指定URLへ遷移します。ポップアップテキストタイプ:本文をその場でポップアップ表示します。
- 「更新」を押して登録完了です。
カートページで、購入金額に応じたキャンペーン(プレゼントや特典)の案内を表示できる機能です。「あと◯◯円でプレゼント対象」といった訴求で、ついで買いを促進し客単価アップを狙えます。
futureshop側の操作
- カートページの表示させたい位置に次のタグを設置します。
<div id="_ecbr_cart_present_wrap"></div>
EC兄弟側の設定
- 使用設定:プレゼントキャンペーン表示の無効/有効を切り替えます。
- 閾値金額(円):キャンペーン対象となる購入金額のラインを設定します。
- タイトル/条件達成テキスト:キャンペーン名と、条件を達成したときに表示するテキストを設定します。
- 期間テキスト/注意書き:開催期間や注意事項を表示できます。
- 画像URL:プレゼントの画像を表示できます。
- CSS設定:表示エリアのCSSを調整できます。
- 「更新」を押して登録完了です。