How do I add tabs and links to the front page?

I'm an instructor and I want to use the Front Page to orient students to my class, including a brief video they should watch first and then tabs linking them to the Syllabus and Modules. I know how to embed a video and course links, but I've seen some Canvas front pages set up with tabs linking to important pages in the class (see attached screen shot) and I don't know how to do that.

Screenshot 2025-05-08 at 8.45.09 AM.png

Find more posts tagged with

Instructor

Accepted answers

Chris_Hofer

Hi @Julia_L ...

The screenshot you shared is most likely from the Cidi Labs DesignPLUS product. I know that DesignPLUS has page templates/designs that look exactly like that, so if you do not have DesignPLUS at your school, you'll have to use other methods. (Your Canvas administrator would be able to tell you whether or not DesignPLUS has been purchased from Cidi Labs.)

I hope this helps a bit.

All comments

Gabriel33

If you are talking about how the links show up horizontally, with those parallelogram shaped buttons, that's probably achieved by editing the HTML in the Page's Rich Content Editor (alternatively, some extensions may also provide some easier customization, as well as Canvas' own upcoming Block Editor).

Note that what HTML you can use within Canvas is limited by the HTML allowlist.

Did you take that screenshot? If so, you should be able to click the Edit button on the top right, and then click the "</>" button on the bottom left of the rich content editor to see how this was achieved: How do I use the HTML view in the Rich Content Edi... - Instructure Community - 618225

dbrace

Hi @Julia_L,

As some examples, you can take a look at the resources provided below:

I hope they help you.

-Doug

Chris_Hofer

Hi @Julia_L ...

I hope this helps a bit.

Julia_L

Yes, that makes sense, thank you!

Unanswered Questions

New Speedgrader UI Showing Student Names
With the new SpeedGrader UI, we are seeing student names appear in the page title even when the “Hide student names” setting is enabled. When using Classic Quizzes, there is no option within the quiz settings to enable anonymous grading, so we rely on instructors using the hide student names setting in SpeedGrader to…
Copilot incorporates Edge Browser
Has anyone had a chance to try this with a Canvas quiz? Seems it may have a similar effect as ChatGPT Atlas able to provide all the answers to an open Quiz. https://www.theregister.com/2026/03/05/microsoft_adds_a_sidepane_for/
Request for improvement
When you are creating a quiz and/or also reviewing a quiz in Canvas after the class has taken it, the questions aren't numbered so after you get past the first few questions, there is no way to even tell what number you are on. Can someone change that?
File Name Change
Speedgrader chaning file name when being downloaded. Speedgrader: When downloading a submitted assignment, the file name is being changed to an unrecognizable name — (Student's actual name was part of the file name — changed for privacy.) Ideas???
Could "Timeline Visualization" be the Key to Improving the Student Calendar?
We are all familiar with the standard Course Calendar, where assignment due dates are automatically added. However, at my institution, we structure our assignments as Challenges that develop over a period of time, rather than just a single deadline. Currently, the calendar only highlights the "end point." It would be a…