Canvas Guides (en)Canvas Catalog Guide Admins - CatalogHow do I add a certificate of completion for a Catalog course?

How do I add a certificate of completion for a Catalog course?

You can create a course certificate on a course-by-course basis. When created, certificates are automatically issued to students when they have completed a modules-based course. You can add a pre-designed template or create a custom template from HTML/CSS.

Note: Courses can only be identified as complete if the courses include modules. Learn how Catalog works with Canvas.

Custom Certificates

You can create a custom certificate for a catalog program. Certificates must be in HTML/CSS format and can be customized with some supported variables, such as Congratulations, {{student_name}}! View an example CSS certificate file.

To customize a certificate, you can use the following supported variables in your template:

  • student_name: The name of the student
  • catalog_name: The name of the school or institution
  • catalog_logo: The URL of your catalog logo; usage: <img src="{{catalog_logo}}" />
  • award_name: The name of the certificate
  • completion_date: The date of completion

Open Admin

Open Admin

In the User Menu, click the Admin link.

Open Courses

Open Courses

In the Listings drop-down menu, click the Courses link.

Open Course

Click the name of the course listing.

Open Certificate

Open Certificate

Click the Certificate tab.

Include Certificate

Include Certificate

Include the certificate in your course by toggling the Include Certificate button.

Add Certificate Name

Create a name for the certificate.

Select Template

Select Template

Click the radio button for the template you want to use for your certificate. You can choose the default template, traditional template, or a custom HTML/CSS template.

The default template [1] includes the catalog logo, certificate name, student name, and date. 


The traditional template [2] includes the certificate name, student name, account name, and date.


The custom template [3] requires custom HTML/CSS. Any coding you include here will be retained if you choose to switch to one of the pre-designed templates at a later time.

Add Custom Template

For custom templates, select the orientation for the template and add the custom code.

In the orientation menu [1], select either landscape or portrait orientation.

In the Custom HTML/CSS field [2], enter your template information in an HTML/CSS format. You can paste the code directly into the template field, or you can paste a URL to an external template file.

Preview Certificate

Preview Certificate

To preview a certificate, click the Preview icon.

Save Certificate

Save Certificate

Click the Save Certificate button. Confirm your certificate was added successfully.

Note: Catalog will notify you if there are errors with your certificate. If there are any errors, correct them and then click the Save Certificate button again.