Custom Certificate Template using HTML

We have a few other ways to customize the certificate template, for example

• PDF Designed in Adobe Professional with fillable fields
• PDF output with custom background image, and HTML/Velocity code

This article describes how to create a certificate template without requiring any outside resources (PDF or images), here are the steps

Step 1: Go to Site Admin->CMS and click on create new certificate, assign it a name ending with .html. For example it could be named certificate.html

Step 2: Add a HTML code with your specific design and variables you want to print (see the list of variables here). See the below example code. The variables and velocity script code are highlighted

Step 3: Publish the certificate

Step 4: Edit any course in the editor, assign this certificate to the course from the properties tab.

Now open any course transcript and click on print certificate option to view how it appears. Here is the sample output for the above code.