Must decide
| Decide | Details | More |
|---|---|---|
| API key | Issued by Perfitt. If you do not have one yet, request it through the contact form. | Prerequisites |
| Product page URL pattern | e.g. /product/view?pno=, /products/. Include a separate mobile URL if you have one. | Page type |
| Perfitt button area | The CSS Selector of where the button goes on the product page, e.g. #perfitt-block-1 | Placement |
| Synced items and how to read them | productId is required. brand+modelNo, productName, image and gender are recommended. For each item, where to read it from (CSS Selector, JSON-LD, etc.). | Synced items · Sync methods |
Decide as needed
| Decide | Details | More |
|---|---|---|
| Measurement button colors | Background and text color codes. Perfitt's default colors are used if not set. | Size indicator |
| Measurement-only page | The URL of a campaign or event page where customers measure without a product. | Page type |
| customerId integration | Needed to match orders and returns of Perfitt users. Decide whether to use member ID or email. | Order data sync |
| Size option area | The CSS Selector of the size picker and how sold-out sizes are marked, to keep recommendations within sizes on sale. | Size option area |
| Floating button | Whether to use the button floating at the bottom right, on mobile and desktop separately, and its margins. | Floating button |
| SPA or app WebView | For an SPA such as React, prepare manual mode; for an app WebView, prepare camera permission handling. | SPA · App WebView |
| Your own metrics | If you will build metrics in a tool like GA, prepare the client event code. | Event integration |
Where to send
Write what you decided in the installation request form and send it to your Perfitt contact. Perfitt then sets up the page types and sync settings, and once done, checks with you that the button appears on mobile.