What it is
- Fixed at the bottom right of the screen and follows the scroll. Tapping it opens the same measurement and recommendation screen as the Perfitt button in the body.
- Appears only on a product page (PRODUCT) when a recommendable product is detected. It does not appear when there is no product data or the product is not recommendable.
- You can use it together with the body button or on its own. Its look is Perfitt's shared design (black circle, tape-measure icon) and cannot be changed.
How to enable it
No code work on your side. Perfitt enables it in your project settings, so decide the values below and ask your Perfitt contact. Mobile and PC can be set separately.
| Setting | Default | Description |
|---|---|---|
| Enabled | off | Can be turned on or off for mobile and PC separately. |
| Button size | 44px | Diameter of the circle. |
| Right margin | 16px | Distance from the right edge of the screen to the button. |
| Bottom margin | 16px | Distance from the bottom edge of the screen to the button. Increase it if it overlaps another fixed button on your site. |
Good to know
- Overlapping a back-to-top or chat button: if another fixed button sits in the same spot, increase the bottom or right margin. Size and position can be changed on request.
- On PC, tapping it shows a QR code that hands over to the phone instead of the measurement screen. Many customers enable it for mobile only.
- If the button does not show, first check whether the Perfitt button in the body appears on that page. The floating button appears only under the same conditions (page type, product data). Troubleshooting