メッセージApp

メッセージAppとは

メッセージAppはショップにメッセージ機能を設置できます。 お客様とショップ上でやり取りが可能になり、メールよりも円滑にやり取りができます。

タグ一覧

※テーマ側での実装は不要なので、提供しているタグはありません。 アイコン、メッセージウィンドウは、Appをインストールするだけで表示されるようになります。

メッセージAppの表示例

デスクトップ表示

デスクトップでは右下の固定位置にアイコンが表示され、
アイコンをクリックするとメッセージウィンドウが表示されます。

モバイル表示

モバイル表示では画面下部の固定位置にボタンが表示され、 ボタンをクリックするとメッセージウィンドウが全画面で表示されます。

動作のチェック

CSSでテキストカラーや背景色を変更した場合の動作確認には、下記項目を参考にしてください。 メッセージAppのアイコンは画面に対して固定位置に表示されるので、カートに入れるボタンやその他の重要な要素に重なる可能性がありますのでご注意ください。

ショップページ全体

• メッセージAppのアイコンが、その他の重要な要素と重なって隠れたりしていないか

モバイル表示の時

• ドロワーナビゲーション内を一番下までスクロールした時に、メッセージAppのアイコンが一番下のリンクと重なっていないか
• ページ下部までスクロールした時に、メッセージAppのアイコンがフッター内のリンクと重なっていないか

よくあるNGケース

• メッセージ内の要素（商品画像や商品名、閉じるアイコンなど）の表示位置がずれている。
• テーマ設定でテキストカラーを変更した際にメッセージ内Appの要素が変更され、ローコントラストになり視認性が低い状態になる。