The LearnDash certificate builder addon gives you the ability to create and design your certificates easily using the built in Gutenberg Builder. Aside from the usual classic editor, you can now use the built in blocks editor when building your certificate making it easier for those who would like to create certificates using a WYSWYG editor.
There will be a few options that we will discuss below.
You need to have LearnDash installed & activated before you can activate the “Certificate Builder” plugin.
Table of Contents
Option 1: Add-ons Menu (requires an active LearnDash license)
- On your WordPress admin area, navigate to LEARNDASH LMS > ADD-ONS
- Locate the Certificate Builder add-on
- Click Install Now
- Click the Activate Plugin button
Option 2: Manual Upload
- Download the plugin file (must be logged in to download)
- In WordPress, navigate to PLUGINS > ADD NEW
- Click Upload Plugin
- Browse for the
.zipfile you downloaded in Step 1
- Click Install Now
- Click Activate Plugin
How It Works
In order to use the block editor, you need to click on the “Use Certificate Builder” button on the Certificate Page.
In your WordPress admin area, navigate to LEARNDASH LMS > CERTIFICATES
- Click on Add New
- Once you are on the Certificate Page, add title to your page.
- Click on the Use Certificate Builder button in order to enter the Blocks Editor and you can start creating your certificate
Assuming that you’ve followed the already created and set up your course with quizzes for your users, you can associate the certificate after creating them to be awarded upon completion of the course.
If you use it on a working certificate, the content will get replaced with the Gutenberg block. It is recommended to use the builder with a fresh certificate.
Add A Background
The first screen is a media uploader screen, where you need to provide a background image to continue. Do note that it is a requirement to add a background to your certificate in order to proceed with using the certificate builder.
After the background image is uploaded, from here, you can use other Gutenberg blocks to layout the certificate.
If you are using any media offloading plugins to replace the normal WP media image URL with something that isn’t hosted locally, you may see an error message about the background image missing. In this case, you’ll need to ensure that the background image is hosted locally on your server.
Just like any other page or content, you are free to use the Gutenberg editor to create and customize your certificate.
You are free to use any type of Gutenberg blocks, even with dynamic content such as the LearnDash Courseinfo, Usermeta, and Groupinfo. Just look for these blocks from the drop down on your Blocks Editor.
You can also install plugins that can allow you to use more blocks and shortcodes that are not currently available with the Gutenberg Builder. Blocks such dynamic current date and time, dynamic images, and other content-related blocks.
You have the option to use custom fonts for the following blocks:
- LearnDash Usermeta
- LearnDash CourseInfo
- LearnDash Groupinfo
You can find these options on the Block Settings section on the right-hand sidebar of your Editor screen.
You can add custom fonts to be used for the certificates on the Fonts section of your certificates page.
- Navigate to LEARNDASH LMS > CERTIFICATES > FONTS
- Add a Label to your font.
- Click Choose File on the specific style that they belong in
- Browse for the file on your computer
- Click Save Changes to finish the process
Make sure that if you are using the certificates for commercial purposes, you have to acquire the necessary licenses and permissions before using custom fonts.
Once you’re done uploading the fonts, you can go back to the certificate builder and choose the font when building your certificate.
You also still have the option to use different font styling options to your certificates.
Previewing Your Certificate
One other feature of the certificate builder is the ability to preview your certificates in real-time with real information.
Do note that the previews will need real data when building the certificate, such as the LearnDash Courseinfo. Information about the current user will be pulled when previewing.
Once you’re done, click on Update and associate the certificate that you just created with a course or quiz. You can learn more about certificates on our Certificates documentation. You can also check out our Certificate Shortcodes documentation to learn more about how to properly use shortcodes like