どんなボタンか
- 画面右下に固定され、スクロールしても追従します。タップすると本文のPerfittボタンと同じ計測・推薦画面が開きます。
- 商品ページ(PRODUCT)で推薦可能な商品が検出されたときだけ表示されます。商品データがない場合や推薦不可の商品では表示されません。
- 本文のボタンと併用することも、フローティングボタンだけを使うこともできます。見た目はPerfitt共通デザイン(黒い円、メジャーのアイコン)で、お客様側で変更はできません。
有効にする方法
お客様側のコード作業はありません。Perfittがプロジェクト設定で有効にするので、下の値を決めて担当者にご依頼ください。モバイルとPCは別々に設定できます。
| 設定 | 初期値 | 説明 |
|---|---|---|
| 使用有無 | オフ | モバイル・PCそれぞれでオン／オフできます。 |
| ボタンサイズ | 44px | 円の直径です。 |
| 右マージン | 16px | 画面右端からボタンまでの距離です。 |
| 下マージン | 16px | 画面下端からボタンまでの距離です。サイトの他の固定ボタンと重なる場合はこの値を大きくします。 |
知っておきたいこと
- トップへ戻るボタンやチャットボタンと重なるとき：同じ位置に他の固定ボタンがある場合は、下マージンか右マージンを大きくして避けます。サイズと位置はご依頼いただければすぐ変更できます。
- PCではタップすると計測画面の代わりにスマートフォンへ引き継ぐQRコードが表示されます。モバイルのみ有効にしているお客様が多いです。
- ボタンが表示されない場合は、まず本文のPerfittボタンが表示されるページかを確認してください。フローティングボタンは本文のボタンと同じ条件(ページタイプ・商品データ)でのみ表示されます。トラブルシューティング