The StoneTEKK Contact Picker App simplifies the process of managing retailer orders for dealers in the stone management industry. Designed specifically for dealers interacting with retailers outside the StoneTEKK ecosystem, the app leverages the Contact Picker API to streamline onboarding retailer details and enhance user experience.
- Retailers who are not part of the StoneTEKK ecosystem frequently place recurring stone orders with dealers.
- Dealers previously had to manually fill out forms with retailer details such as name, address, and phone number, leading to frustration and inefficiency.
- Existing autofill features were limited to the dealer’s saved addresses, offering little help for entering retailer information.
Using the Contact Picker API, the app enables dealers to:
- Quickly import retailer details (name, phone number, address, and even profile pictures) directly from their phone's contact list.
- Save retailer information in the app's centralized state (using Redux Toolkit) for the current session without permanently storing it on servers, ensuring privacy.
- Add multiple retailers at once to a new order without repetitive form-filling.
- Easily specify recurring monthly orders for those retailers.
- Send orders with just a few clicks, and automatically:
- Clear retailer details from the app to maintain privacy.
- Email retailers with their order details, including delivery name and address.
- Reduce friction for retailers not currently in the StoneTEKK ecosystem as well as increase the chances to onboard New retailers with every mail sent.
This time-saving feature improves the dealer's workflow, providing a modernized approach to managing orders for retailers who are not yet onboarded onto StoneTEKK.
The supported vendor for Contact Picker is android, where our UI is minimal as well as secure, the Dealer can see the people and emails he's adding to send orders and he doesn't have to fill the form multiple times for Retailers not on our System with same recurring order requests.
Contact.Picker.Sample.mp4
For vendors not supporting the Contact Picker API, the fallback is a form with autofill. While this is fully supported, it's a slow process and affects our conversion rates.
Fallback.UI.mp4
Fallback.UI.with.full.functionality.mp4
Even though Chrome has a support for Contact Picker API, iOS lacks a dedicated UI at the time of writing, making Contact Picker not work on iOS devices.
The email UI sent to retailers when orders are sent using Contact Picker API. For us retailers not on our Stone Management system have been proven to get onboarded 70% faster by this API which has potential to help million dollar businesses by reducing times (for us in the stone industry).
The Contact Picker API is a modern web standard that allows users to select contacts from their device's address book directly within a web application.
- Privacy-Focused: Users grant explicit consent to share contact details, and the app cannot access the entire address book.
- Efficient: Simplifies importing contact details, eliminating manual data entry.
- Compatibility: Currently, the API is experimental and supported only on Chrome in Android. Ensure your browser supports the API before use.
- Browser Support: Not all browsers support the Contact Picker API, so fallback mechanisms may be necessary.
- Mobile Devices: Primarily designed for use on mobile devices where contacts are readily available.
Despite these limitations, the Contact Picker API is a game-changer for applications requiring contact selection, like this app.
We have requested vendors to support the Contact Picker API on a priority basis as million dollar businesses are impacted due to its absense (in our case, it's in the Stone Industry). The issues are being tracked here:
- Chrome Contact Picker Feature Request | Chromium
- Firefox Contact Picker | Bugzilla issue
- Safari Contact Picker API for Webkit
We welcome contributions to improve the app!
- Fork the repository and create a new branch for your feature.
- Running
npm iandnpm run startwill make the React app started onlocalhost:3000. - Submit a pull request with detailed descriptions of your changes.
If you encounter issues or have suggestions, please open an issue in the repository.
This project is licensed under the MIT License. See the LICENSE file for details.
With the StoneTEKK Contact Picker App, dealers can now manage retailer orders with unprecedented ease, paving the way for a more efficient and streamlined stone management process.