Wiki Page, Canvas HTML Goodies to Sweeten Learner Engagement: 🍬 Pop-Ups

Wiki Page
2023-01-04T12:28:46-07:00

Note: The button below is included after a drag and drop activity to display the correct answer. The drag and drop activity is not included here as the focus is on the pop-up.

Multiple Choice: Requires students to select the correct answer from a set of choices.

Hotspot: Requires students to select part of an image to answer a question or prompt.

Ordering: Requires students to place the answers in the correct sequence.

Matching: Requires students to match answers from a dropdown menu.

Categorization: Requires students to place answers into the correct categories.

Essay: Requires students to enter a written response.

✅ Correct Answer

Learn more about the ingredients of the code.

Now, it's your turn! Copy the code below and paste it into a page in your sandbox course (a course you can "play" in). Add ingredients to make it your own.



Pop-up Content



Button Text

🏆 PRO TIPS:

⭐ You can link a pop-up to buttons, images, or text. You will need to keep the link element (), the id, and the href. You can remove the class from the code above if you do not want a button. Then, replace "Button Text" with your desired text or image.

⭐ Use pop-ups to add pro tips, feedback, and other information to a page.

⭐ You can include text, images, videos, and more in your pop-up window. Just note that the width of the pop-up is limited to 300px.

Now that you've had a chance to play with the code, how might you use Pop-Ups in your Canvas courses? Add your ideas to the Padlet below and then we'll discuss them!