Mobile Web: Prod and Pre-Prod
This document aims to provide comprehensive guidance for performing the Fingerprint signing with the help of the Mantra MFS110 L1 device in the mobile web browser with eMudhra as the Esigning Service Provider (ESP) in both the Production and Pre-Production environment.
Below are the prerequisites required to perform the Aadhaar-based fingerprint signing in the production environment with the help of the Mantra MFS110 L1 device.
1. MFS110 L1 RD Service App: Download from the Google Play Store.
2. eMudhra App: Download from the Google Play Store.
3. Mantra Biometric Device L1 (MFS110 L1).
If eMudhra APK is required please contact your Account or Customer Success Manager to get the APK for the App.
Once you have all the above-mentioned prerequisites follow the below steps to set up the Mantra MFS110 L1 device to perform the signing.
Step 1: Before connecting the device to the Android mobile please ensure in the mobile settings app the “OTG Connection” toggle is turned on.
![OTG Connection Settings OTG Connection Settings](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-BBkR5G43o9TPG3Zt0IssJ-20240807-152421.png?format=webp)
Step 2: Allow all the permissions that appear on the screen.
![Permission Interface Permission Interface](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-JAI3VqPjwpn_l23_JdulI-20240807-152604.png?format=webp)
Step 3: Open the MFS110 L1 RD Service Application. Allow all the permissions that are prompted on the screen.
![MFS110 L1 RD Service App MFS110 L1 RD Service App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-Ab_O8KH4woRQxVxdZ86q_-20240807-152716.png?format=webp)
Step 4: As soon as you allow the “All draw over other apps permission” the mobile setting app will open. Look for the MFS110 RD Service app and Allow permission to display over the app”.
![Mobile Settings App Mobile Settings App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-xklNGLvhM-ayR3WUMpJNz-20240807-152839.png?format=webp)
Step 5: While allowing the permission the device will be automatically detected and a confirmation message will appear ”Device is Ready to Use”.
![Mobile Settings App Mobile Settings App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-kDY7SNCsK6NHTlku4-Hxe-20240807-152954.png?format=webp)
Step 6: Once all the permissions are allowed open the MFS110 RD L1 Service app. All the statuses of the app will be displayed in green.
![MFS110 L1 RD Service App MFS110 L1 RD Service App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-Ox04_5jsDn5eO4DS9Csus-20240807-153103.png?format=webp)
Step 7: Navigate to the signing link sent to the signer’s email and mobile number (provided while initiating the contract).
![Signing Email and SMS Signing Email and SMS](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-auvx97hiVn8z-aZWg6989-20241028-050417.png?format=webp)
Step 8: The pre-verification page will open, where the user needs to perform verification using a one-time OTP. Click on the “Get OTP” button.
![OTP Verification page OTP Verification page](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-dQzr1CVLoemORIB_CjrK1-20240803-170940.png?format=webp)
Step 9: The user will receive the OTP on their email and mobile number provided during contract initiation.
![OTP Email and SMS OTP Email and SMS](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-NAHZSQ8i0VVo5tSjtHBgo-20241028-050821.png?format=webp)
Step 10: Enter the OTP received via email or mobile number and click the “Verify” button.
![OTP Verification Page OTP Verification Page](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-eBTXx4cB1rSkQ6KgpSuqy-20240803-171639.png?format=webp)
Step 11: Upon successful verification, the user will land on the contract page. Click on the “I want to sign” button to proceed.
![Contract Signing Page Contract Signing Page](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-ivaXcdr0-btb2fia81Se3-20240803-171849.png?format=webp)
Step 12: The eMudhra interface will open. Click on “Sign using the Mobile app”.
![eMudhra Interface eMudhra Interface](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-TnIfLn5jcn3wRfS5c2vQr-20240803-172102.png?format=webp)
Step 13: The eMudhra app will open. The user needs to fill in the Aadhar Number. Click on “Select Device” and from the list of devices select the Mantra (MFS110) - L1. Device status will appear as connected. A confirmation message will appear click “OK‘.
![eMudhra App eMudhra App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-S7-SWl5GXElCP7VCD6vkT-20240819-113312.png?format=webp)
Step 14: Tick the consent box and click the “Accept & Continue”.
![eMudhra App eMudhra App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-I_duAWhiLDHt8NnRzXadt-20240819-113429.png?format=webp)
Step 15: Once the above step is completed now you are ready to sign the document Click on the “Perform esign” Button.
![eMudhra App eMudhra App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-8W0YFXxWpIHKLw8AVGqrE-20240819-113541.png?format=webp)
Step 16: An interface to capture fingerprint will appear. Place your finger firmly on the device. The device will capture the fingerprint.
![MFS110 L1 RD Service Interface MFS110 L1 RD Service Interface](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-AhAkeinUJk-lFS7EBEPiI-20240807-154010.png?format=webp)
Step 17: The confirmation of signing will be prompted on the screen. Click “OK”.
![eMudhra App eMudhra App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-eDI2orhz9Y34t2K8qm4vR-20240819-113647.png?format=webp)
Step 18: The user will be automatically redirected to the signed contract where they can see their signature affixed to it. Click on “Done” to complete the signing process.
![Document image Document image](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-qYlv9ErEqQymBeOIQrdSw-20240804-073715.png?format=webp)
Step 19: The user will see the Success page and can click on the “Great” button or be redirected to the success URL set by the contract initiator after 5 seconds.
![Succes Page Succes Page](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-yGCbpOTbiIwo4Afak6-nc-20240803-174028.png?format=webp)
Step 20: The user will receive a confirmation email with the header “Confirmation of signing the document,” containing the signed contract along with the text SMS.
![Confirmation Email and SMS Confirmation Email and SMS](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-NER8cNEJrrpJBYNFwR9Md-20241028-052451.png?format=webp)
Step 21: Once all signers have signed the contract, the user will receive another email and SMS with the header “Your document signing has been finalized successfully,” containing the final signed contract and the Audit Trail Certificate.
![Audit trail Email and SMS Audit trail Email and SMS](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-RuOOs4susMf5u4im8G-q6-20241028-052753.png?format=webp)
The Mantra MFS110 L1 Device is registered for the production environment by default to register the device for the pre-production environment please drop an email to the [email protected] along with the device serial number requesting to register the device for the pre-production environment.
Below are the prerequisites required to perform the Aadhaar-based fingerprint signing in the pre-production environment with the help of the Mantra MFS110 L1 device.
1. MFS110 L1 RD Service App: Download from the Google Play Store.
2. eMudhra App: Please contact your Account or Customer success manager to get the credentials to access the sandbox app.
3. Mantra Biometric Device L1 (MFS110 L1).
Once you have all the above-mentioned prerequisites follow the below steps to set up the Mantra MFS110 L1 device to perform the signing.
To make the setup process for fingerprint signing easier, we have included a video tutorial in the documentation. This video offers a step-by-step guide on how to configure the fingerprint device to perform secure signings.
Step 1: Open the MFS110 L1 RD Service App. Allow all the permissions to appear on the screen.
![MFS110 RD Service App MFS110 RD Service App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-J5YHNkhJHPpLtO9FB3YTh-20240808-110902.png?format=webp)
Step 2: MFS110 RD Service will ask to draw over the app and click the “Allow” button.
![MFS110 RD Service App MFS110 RD Service App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-atcf6B_-GKmFib6Q8TQmX-20240808-111039.png?format=webp)
Step 3: The mobile settings app will open from the list of the apps asking to display over the apps look for the MFS110 RD Service. Click on it and turn on the toggle to allow the app to display over the app.
![Settings App Interface Settings App Interface](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-BGsZGheM52wDDH3m_E7Oj-20240808-111201.png?format=webp)
Step 4: Click back and open the MFS110 RD Service app. Click on the three dots at the top right of the screen.
![MFS110 RD Service App MFS110 RD Service App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-QhMd4rtbYVBrQhB6sGB2F-20240808-111307.png?format=webp)
Step 5: The settings page of the MFS110 RD Service app will open. Click 7 times on the “Settings” written on the taskbar at the top-middle of the screen.
![MFS110 RD Service App MFS110 RD Service App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-qu5zbfEjmpfWIUrvrxNad-20240808-111534.png?format=webp)
Step 6: An interface will appear on the screen to select the environment.
![MFS110 RD Service App MFS110 RD Service App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-VRd__dAWLLDs4PtF1OJ8r-20240808-111750.png?format=webp)
Step 7: Click on the drop-down and select “PP” from the drop-down. Click the “OK” button.
![MFS110 RD Service App MFS110 RD Service App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-GEetB_M09xEA0XGBnkYk9-20240808-111857.png?format=webp)
Step 8: A confirmation message will appear on the screen stating the “Environment changed from Production to Pre Production”.
![MFS110 RD Serivce App MFS110 RD Serivce App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-bFoL6YiUTH5Ue6Rd_dPI5-20240808-112019.png?format=webp)
Step 9: Before connecting the device to the Android mobile please ensure in the mobile settings app the “OTG Connection” toggle is turned on.
![Settings App Interface Settings App Interface](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-x-5fsXRLnMn0d0ExKC0iG-20240808-112134.png?format=webp)
Step 10: Connect the device. Allow all the permissions that appear on the screen.
![Permission page Interface Permission page Interface](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-_lWaBs9xC6rpFxPsdljw7-20240808-112234.png?format=webp)
Step 11: After allowing the permission the device inst process will start and a confirmation message will appear stating that the “Device is ready to use”.
![Settings App Interface Settings App Interface](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-2KrLOAOLk07BjBogfNd3b-20240808-112336.png?format=webp)
Step 12: Navigate to the signing link sent to the signer’s email and mobile number (provided while initiating the contract).
![Signing Email and SMS Signing Email and SMS](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-auvx97hiVn8z-aZWg6989-20241028-050417.png?format=webp)
Step 13: The pre-verification page will open, where the user needs to perform verification using a one-time OTP. Click on the “Get OTP” button.
![OTP Verification page OTP Verification page](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-dQzr1CVLoemORIB_CjrK1-20240803-170940.png?format=webp)
Step 14: The user will receive the OTP on their email and mobile number provided during contract initiation.
![OTP Email and SMS OTP Email and SMS](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-NAHZSQ8i0VVo5tSjtHBgo-20241028-050821.png?format=webp)
Step 15: Enter the OTP received via email or mobile number and click the “Verify” button.
![OTP Verification Page OTP Verification Page](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-eBTXx4cB1rSkQ6KgpSuqy-20240803-171639.png?format=webp)
Step 16: Upon successful verification, the user will land on the contract page. Click on the “I want to sign” button to proceed.
![Contract Signing Page Contract Signing Page](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-ivaXcdr0-btb2fia81Se3-20240803-171849.png?format=webp)
Step 17: The eMudhra interface will open. Click on “Sign using the Mobile app”.
![eMudhra Interface eMudhra Interface](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-TnIfLn5jcn3wRfS5c2vQr-20240803-172102.png?format=webp)
Step 18: The eMudhra app will open. The user needs to fill in the Aadhar Number. Click on “Select Device” and from the list of devices select the Mantra (MFS110) - L1. Device status will appear as connected. A confirmation message will appear click “OK‘.
![eMudhra App eMudhra App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-S7-SWl5GXElCP7VCD6vkT-20240819-113312.png?format=webp)
Step 19: Tick the consent box and click the “Accept & Continue”.
![eMudhra App eMudhra App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-I_duAWhiLDHt8NnRzXadt-20240819-113429.png?format=webp)
Step 20: Once the above step is completed now you are ready to sign the document Click on the “Perform esign” Button.
![eMudhra App eMudhra App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-8W0YFXxWpIHKLw8AVGqrE-20240819-113541.png?format=webp)
Step 21: An interface to capture fingerprint will appear. Place your finger firmly on the device. The device will capture the fingerprint.
![MFS110 L1 RD Service Interface MFS110 L1 RD Service Interface](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-AhAkeinUJk-lFS7EBEPiI-20240807-154010.png?format=webp)
Step 22: The confirmation of signing will be prompted on the screen. Click “OK”.
![eMudhra App eMudhra App](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-eDI2orhz9Y34t2K8qm4vR-20240819-113647.png?format=webp)
Step 23: The user will be automatically redirected to the signed contract where they can see their signature affixed to it. Click on “Done” to complete the signing process.
![Document image Document image](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-qYlv9ErEqQymBeOIQrdSw-20240804-073715.png?format=webp)
Step 24: The user will see the Success page and can click on the “Great” button or be redirected to the success URL set by the contract initiator after 5 seconds.
![Succes Page Succes Page](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-yGCbpOTbiIwo4Afak6-nc-20240803-174028.png?format=webp)
Step 25: The user will receive a confirmation email with the header “Confirmation of signing the document,” containing the signed contract along with the text SMS.
![Confirmation Email and SMS Confirmation Email and SMS](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-NER8cNEJrrpJBYNFwR9Md-20241028-052451.png?format=webp)
Step 26: Once all signers have signed the contract, the user will receive another email and SMS with the header “Your document signing has been finalized successfully,” containing the final signed contract and the Audit Trail Certificate.
![Audit trail Email and SMS Audit trail Email and SMS](https://images.archbee.com/qSNGjc2nDdmTfGm_rfzKG-RuOOs4susMf5u4im8G-q6-20241028-052753.png?format=webp)
![Doc contributor](https://s3.amazonaws.com/archbee-animals/koala.png)