Once this option is enabled in the mobile application, the Punch In/Out feature in the web (desktop version) is disabled. Hence, you need to punch in/out through the mobile application as follows:

Go to Attendance -> Punch In/Out

Step 1 - In the top section, you can see the current date and time before trying to clock in/out. Click "IN/OUT" to capture your selfie and Geolocation (Make sure the device permission is given to the camera and Geolocation). The following screen is displayed based on the permissions that your HR admin has set up for you

Step 2 - Based on the access privileges given by your HR admin, you may or may not be able to edit the date and time. If you have access, simply tap on the Date and Time fields to adjust them before punching in/out. 

To add notes, you can add them under the notes section and click the "PUNCH IN/OUT" button.

Step 3 - The application displays the confirmation message below. You’ll see the date and time you punched in/out, along with your location and the captured selfie.