With Simplylearn you can create custom course certificates. These certificates can be assigned to a course or a test. This article will walk you through the certificate creation process. For some, this process can be a bit advanced, if this is you, contact us to set this up.
With every Simplylearn subscription, you get access to a standard Simplylearn certificate.
But you can also create a certificate designed to match the design of your site/business.
In the video below you will lear n how to setup a custom course certificate. Be aware, the “preview” functionality is no longer available. See the heading “Previewing Certificates”.
You’ll be directed to a new screen where you can start creating your certificate. Here’s an overview of each type of information that can be added to your certificate.
The shortcodes that are used most frequently are:
All other shortcodes that are related to course certificates are located in this article.
The following sections are advanced. We would not recommend you to perform these adjustments if you don’t have any experience with HTML. You can hire one of our consultants to do this.
You might want to insert the course title at the top of a certificate, the user’s name in the middle, maybe at a completion date at the bottom, etc. One of the best ways to control vertical spacing, and move content up or down on your certificate, is to use the line-height property.
Wherever you need to insert some blank vertical space, you can use the following code:
There are a few ways to go about horizontal spacing.
If you need to center your text in the middle of the certificate, you can use text-align:center;. Here’s an example of the user’s first name, centered horizontally:
<p style=”text-align:center;”>[usermeta field=”first_name”]</p>
By default, all text will be aligned to the left edge of the certificate (right edge for RTL languages). If you need to indent something, you can use the text-indent property. Here’s an example of the course completion date being pushed vertically towards the bottom of the page, then indented to move it to the far-right corner.
<p style=”text-indent:200px;”>[courseinfo show=”completed_on” format=”F j, Y”]</p>
You’ll need to adjust the 150px and 200px values to match up with your certificate image.
You can also adjust the font size of any text. Let’s say you wanted your user’s first & last name to be quite large (30px), then a small vertical space (10px), and then the course title not quite as large as the name (20px), you could do this:
<p style=”font-size:30px;”>[usermeta field=”first_name”] [usermeta field=”last_name”]</p>
<p style=”font-size:20px;”>[courseinfo show=”course_title”]</p>
Different computers come pre-installed with different fonts. Some users will have a font installed, and others might not. So there isn’t a ton of flexibility with using custom fonts in certificate creation. However, you can switch between serif and sans-serif fonts, as both should work for most of your users. Here’s an example using a generic serif font:
You can adjust the color of any text on your certificate. If your image has a dark background, you can use the color property to make your text white.
You can combine multiple properties at the same time. If you wanted to indent the user’s first & last name, adjust the font size, and change the color to red, it would look like this:
<p style=”text-indent:20px;font-size:30px;color:red;”>[usermeta field=”first_name”] [usermeta field=”last_name”]</p>
There are a few additional options you can set for your certificate.
Before applying your certificate to a course or assignment, you’ll want to preview it so you can see how it looks. You can create a quick test quiz that is only used for previewing your certificate.
Alternatively, you could create a test course with only one lesson. Then you’d mark that lesson complete, and you’d be able to view your certificate that way.
This will open your certificate in a new tab so you can preview it. Keep this tab open, and each time you make a change to your certificate in the backend, simply refresh this page and the updated version of your certificate will be loaded.
Don’t forget to delete this assignment (or course) when you’re finished testing your certificate.
To assign a certificate to a course you need to first go to your selected course. Then click on settings –> Course certificate.
Certificate shortcodes are exclusively for creating Simplylearn certificates. They allow you to display dynamic information about the user, as well as the course or quiz that you’re awarding the certificate for. You can insert the user’s name, course title, date of completion, quiz grade and much more.
There are 3 main shortcodes, and then each shortcode has a handful of parameters to output various information.
All certificate shortcodes are also listed in the WordPress admin area under Simplylearn > CERTIFICATES. Click on the Shortcodes tab at the top.
The [usermeta] shortcode has a handful of options to display user information. Let’s take a look at each one.
The [courseinfo] shortcode should only be used for certificates assigned to a course. Let’s quickly define a few terms:
Here are all the possible values:
The [quizinfo] shortcode should only be used for certificates assigned to a quiz. They will not work if used for a certificate assigned to a course.
Here’s a list of all available options to output quiz information on a quiz certificate:
Tell us your problem, and we will get back to you.