The best way to clock on and off is by using the Time Clock.
You and your team can alternatively clock on and off using the website rather than a punch clock following the steps described here.
Go to Employee Dashboard, then go to my rosters:
This brings you to today's shift. Click clock on, and you're done:
At the end of your shift go back to my rosters and click clock off:
When you click on and off a timesheet, is created for that shift.
The clock on and clock off buttons appear within a specified number of minutes from the beginning and end of each shift, as defined in the Settings > Timesheets: