Creating Meeting Sign-ups

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 Links to an external site. 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>