Many people have asked what is the best way to give students a sign-up sheet for meetings or office hours. We have recommended using Canvas Scheduler and pasting the Zoom link into the description box. However, the Scheduler can be a bit squirrelly to set up.

A more straightforward way is to simply set up signup sheets on a Canvas page using tables and then make the page editable by Teachers and Students in the Options below the editing window. You can also Add a student to-do if you like. See below for an example of how it would look.

Selections for making page editable and adding a to do function

EXAMPLE

(And if you don't feel like setting up tables, you can copy the code below the example, paste it into the HTML Editor of a blank page in your course and use that as a starting point.)

Example of a Signup sheet

COPY CODE BELOW AND PASTE INTO THE HTML EDITOR ON YOUR CANVAS PAGE

<hr />
<p>Please sign up for 1:1 meetings with me by clicking on <strong>Edit</strong> and then putting adding your name to the timeslot that works for you. Please, only one student per timeslot. (If you bump someone else out, I will be able to tell.)</p>
<hr />
<p><strong><span class="meeting-start">April 8: Morning<br /></span></strong><span class="meeting-start">Zoom meeting URL: </span><span class="meeting-start" style="color: #3366ff;">https://seattleu.zoom/000000000</span></p>
<div>
<table style="border-collapse: collapse; width: 100%; height: 290px;" border="1">
<tbody>
<tr style="height: 29px;">
<td style="width: 23.2998%; height: 29px; background-color: #f0f2f0;"><strong>Time</strong></td>
<td style="width: 76.7002%; height: 29px; background-color: #f0f2f0;"><strong>Student Name</strong></td>
</tr>
<tr style="height: 29px;">
<td style="width: 23.2998%; height: 29px;">9:00 - 9:15</td>
<td style="width: 76.7002%; height: 29px;"></td>
</tr>
<tr style="height: 29px;">
<td style="width: 23.2998%; height: 29px;">9:15 - 9:30</td>
<td style="width: 76.7002%; height: 29px;"></td>
</tr>
<tr style="height: 29px;">
<td style="width: 23.2998%; height: 29px;">9:30 - 9:45</td>
<td style="width: 76.7002%; height: 29px;"></td>
</tr>
<tr style="height: 29px;">
<td style="width: 23.2998%; height: 29px;">9:45 - 10:00</td>
<td style="width: 76.7002%; height: 29px;"></td>
</tr>
<tr style="height: 29px;">
<td style="width: 23.2998%; height: 29px;">10:00 - 10:15</td>
<td style="width: 76.7002%; height: 29px;"></td>
</tr>
<tr style="height: 29px;">
<td style="width: 23.2998%; height: 29px;">10:15 - 10:30</td>
<td style="width: 76.7002%; height: 29px;"></td>
</tr>
<tr style="height: 29px;">
<td style="width: 23.2998%; height: 29px;">10:30 - 10:45</td>
<td style="width: 76.7002%; height: 29px;"></td>
</tr>
<tr style="height: 29px;">
<td style="width: 23.2998%; height: 29px;">10:45 - 11:00</td>
<td style="width: 76.7002%; height: 29px;"></td>
</tr>
<tr style="height: 29px;">
<td style="width: 23.2998%; height: 29px;">11:00 - 11:15</td>
<td style="width: 76.7002%; height: 29px;"></td>
</tr>
</tbody>
</table>
<p> </p>
<p><strong>April 9: Afternoon</strong><br />Zoom meeting URL: <span class="meeting-start"><span style="color: #3366ff;">https://seattleu.zoom/000000000</span></span></p>
<table style="border-collapse: collapse; width: 100%; height: 290px;" border="1">
<tbody>
<tr style="height: 29px;">
<td style="width: 23.7496%; height: 29px; background-color: #f0f2f0;"><strong>Time</strong></td>
<td style="width: 76.2504%; height: 29px; background-color: #f0f2f0;">S<strong>tudent Name</strong></td>
</tr>
<tr style="height: 29px;">
<td style="width: 23.7496%; height: 29px;">1:00 - 1:15</td>
<td style="width: 76.2504%; height: 29px;"></td>
</tr>
<tr style="height: 29px;">
<td style="width: 23.7496%; height: 29px;">1:15 - 1:30</td>
<td style="width: 76.2504%; height: 29px;"></td>
</tr>
<tr style="height: 29px;">
<td style="width: 23.7496%; height: 29px;">1:30 - 1:45</td>
<td style="width: 76.2504%; height: 29px;"></td>
</tr>
<tr style="height: 29px;">
<td style="width: 23.7496%; height: 29px;">1:45 - 2:00</td>
<td style="width: 76.2504%; height: 29px;"></td>
</tr>
<tr style="height: 29px;">
<td style="width: 23.7496%; height: 29px;">2:00 - 2:15</td>
<td style="width: 76.2504%; height: 29px;"></td>
</tr>
<tr style="height: 29px;">
<td style="width: 23.7496%; height: 29px;">2:15 - 2:30</td>
<td style="width: 76.2504%; height: 29px;"></td>
</tr>
<tr style="height: 29px;">
<td style="width: 23.7496%; height: 29px;">2:30 - 2:45</td>
<td style="width: 76.2504%; height: 29px;"></td>
</tr>
<tr style="height: 29px;">
<td style="width: 23.7496%; height: 29px;">2:45 - 3:00</td>
<td style="width: 76.2504%; height: 29px;"></td>
</tr>
<tr style="height: 29px;">
<td style="width: 23.7496%; height: 29px;">3:00 - 3:15</td>
<td style="width: 76.2504%; height: 29px;"></td>
</tr>
</tbody>
</table>
</div>