BtoB機能アプリ：ストア表示設定の構成方法

ストア表示設定は、BtoB機能アプリで、顧客がストアフロントから見積もりを依頼し、チームに連絡する方法を管理します。これらの設定により、顧客は複数商品の問い合わせを送信したり、商品ページやサイトヘッダーに問い合わせボタンを追加したり、Google reCAPTCHAで問い合わせフォームをボットから保護したりできます。

このガイドでは、問い合わせボタンとフォームの設定、Google reCAPTCHAのセットアップ、新しい問い合わせのメール通知の管理方法について説明します。

ストア表示設定の構成に必要な前提条件

開始する前に：

• BtoB機能アプリがストアにインストールされている必要があります。
• ストアでOS 3.0テーマを使用している場合は、テーマエディターで必要なアプリブロック（サンプル情報、MOQ、物流情報、一括問い合わせ、商品問い合わせボタン、問い合わせボタンウィジェット）を追加してください。これらのブロックがないと、ストア表示機能がストアフロントで正しく表示されません。詳細は「OS 3.0テーマへのアプリ統合」をご覧ください。

見積もりリストの複数商品問い合わせを有効にする

顧客が1つの問い合わせに複数の商品を追加できるようにするには：

1. SHOPLINE管理画面で、アプリ > BtoB機能に移動します。
2. ヘッダーメニューで、設定 > ストア表示をクリックします。

3. 複数商品問い合わせセクションで、複数商品問い合わせのトグルをオンにします。

   

4. ボタンが表示されるページで、ページを選択をクリックし、見積もりリストに追加ボタンを表示したいページを選択します。

   

5. 変更を保存するには、更新をクリックします。

有効にすると、顧客は見積もりリストに追加ボタンを使って複数の商品を問い合わせリストに追加し、リスト内のすべての商品について1回の問い合わせを送信できます。

商品一覧ページに問い合わせボタンを表示する

商品一覧ページに問い合わせボタンを表示するには：

1. ストア表示ページで、問い合わせボタンの位置セクションに移動します。

2. 商品リスト問い合わせトグルをオンにします。

   

3. PC版の下で、ボタンの表示場所を選択します:
   • ホバー時中央表示: 顧客が商品画像にカーソルを合わせたときに、問い合わせボタンが画像の中央に表示されます。
   • 商品情報の下: 問い合わせボタンがリストページの商品情報の下に表示されます。
4. モバイルの下で、ボタンの表示方法を選択します:
   • ボタン: 問い合わせボタンをラベル付きボタンとして表示します。
   • アイコン: 問い合わせボタンをアイコンとして表示します。追加のアイコン配置オプションについては、表示位置をクリックしてください。
5. 更新をクリックして変更を保存します。

フローティングおよびヘッダー問い合わせボタンの設定

問い合わせボタンセクションでは、ストアフロントに2種類の問い合わせボタンを追加できます。選択したページに表示されるフローティングボタンと、サイトのナビゲーションに表示されるヘッダーボタンです。

フローティング問い合わせボタンの設定

ストアフロントにフローティング問い合わせボタンを表示するには:

1. ストア表示ページで、問い合わせボタンセクションに移動します。

2. フローティング問い合わせボタントグルをオンにします。有効にすると、選択したページの右下隅にフローティング問い合わせボタンが表示されます。

   

3. ボタンが表示されるページの下で、ページを選択をクリックし、フローティングボタンを表示したいページにチェックを入れます。

   

4. 更新をクリックして変更を保存します。

ヘッダー問い合わせボタンの設定

ストアフロントのトップナビゲーションに問い合わせボタンを表示するには:

1. ストア表示ページで、問い合わせボタンセクションに移動します。

2. ヘッダー問い合わせボタンのトグルをオンにします。有効にすると、ストアフロントでこのボタンをクリックすると問い合わせフォームが開きます。

   

3. スタイル設定をクリックしてボタンの外観をカスタマイズします。

4. スタイル設定パネルで、以下を設定します：

   • ボタンスタイル：3つのプリセットボタン形状のいずれかを選択します。
   • ボタンテキスト：ボタンに表示するテキストを入力します（例：「お問い合わせ」）。
   • ボタンカラー：ボタンの背景色を選択します。
   • テキストカラー：ボタンテキストの色を選択します。

   

5. スタイル設定パネルで更新をクリックしてボタンスタイルを保存します。
6. ストア表示ページで更新をクリックして変更を保存します。

問い合わせフォームの管理と表示場所

BtoB機能アプリでは複数の問い合わせフォームを作成し、それぞれのフォームをストアフロントのどこに表示するか選択できます。フォームを管理するには：

1. ストア表示ページで、問い合わせフォームセクションに移動します。

2. フォームを作成をクリックして新しい問い合わせフォームを作成するか、既存のフォーム（例：デフォルトフォーム）を選択して修正します。

   

3. フォーム配置設定の下にある最初のロケーションテーブルのドロップダウンメニューを使って、以下のトリガーシナリオごとに表示されるフォームを選択します：

   

   • 商品詳細/商品一覧ページ：顧客が商品詳細ページまたは商品一覧ページの問い合わせボタンをクリックしたときに表示されるフォームを選択します。
   • 一括問い合わせページ：マルチ商品問い合わせ機能が有効になった後に一括問い合わせページで表示されるフォームを選択します。
   • ヘッダー問い合わせボタン：問い合わせページのヘッダーにある問い合わせボタンを顧客がクリックしたときに表示されるフォームを選択します。
   • フローティング問い合わせボタン：ページの右下隅にある問い合わせフローティングボタンを顧客がクリックしたときに表示されるフォームを選択します。

4. 代わりにフォームをページに直接埋め込むには、2番目のロケーションテーブルまでスクロールし、ストアホームページまたはランディングページの横にある今すぐ設定をクリックして問い合わせフォームパーツを追加します。ページデザイン設定で正確な配置を設定してください。

   注：問い合わせフォームパーツの追加に関する詳細な手順は、「BtoB機能：フォームパーツをページに配置する」をご覧ください。

   

5. 更新をクリックして変更を保存します。

問い合わせフォームを保護するためのGoogle reCAPTCHAの設定

問い合わせフォームをボットの送信やスパムから保護するには：

1. ストア表示ページで、reCAPTCHAセクションに移動します。
2. reCAPTCHAを有効にするトグルをオンにします。

3. 以下のreCAPTCHA認証情報を入力します：

   • サイトキー：Google reCAPTCHAによって生成されたサイトキーを入力します。
   • シークレットキー：Google reCAPTCHAによって生成されたシークレットキーを入力します。

   まだお持ちでない場合は、こちらをクリックしてGoogle reCAPTCHA管理コンソールを開き、キーを生成してください。

   

4. 更新をクリックして変更を保存します。

新しいお問い合わせのメール通知の設定

顧客がお問い合わせを送信した際に誰がメール通知を受け取るかを管理するには：

1. ストア表示ページで、メール通知セクションに移動します。

2. スタッフ通知メールをクリックして、顧客がお問い合わせを送信した際にスタッフが受け取るメールを設定または修正します。

   

3. （任意）顧客通知メールの横のチェックボックスを選択し、次に顧客通知メールをクリックして、お問い合わせ送信後に顧客に送信される確認メールのテンプレートを修正します。

   

4. 更新をクリックして変更を保存します。

よくある質問

Q: 「シークレットキーが無効です」というエラーが表示されるのはなぜですか？またはreCAPTCHAのチェックボックスが完了せずに回り続けるのはなぜですか？

どちらの問題も通常、Google reCAPTCHAアカウントにドメインの登録がないことが原因です。これを修正するには：

1. Google reCAPTCHA管理コンソールにアクセスし、reCAPTCHAの設定を開きます。
2. ドメインの下に、ストアのストアフロントドメインを追加し、保存します。
3. 変更が反映されるまで数分待ってから、BtoB機能の設定 > ストア表示に戻り、サイトキーとシークレットキーを再度保存するために更新をクリックします。