How do I add a certificate block?

Modified on Mon, 3 Aug at 2:17 PM

The Certificate block allows content creators to set up certificates for learners that can be issued by a course instructor or issued automatically based on a quiz score. Content creators can import a background image to customize the certificate.

Important Note: Each page can contain only one Certificate block. If the certificate is set to be issued automatically, it must be placed on a separate page from the quiz.


  1. Navigate to the page and select Edit this Page. Find the position you want to add a block and select the plus (+) icon.
    edit page view with a plus sign to add content
  2. From the dropdown, select Add Block.Screenshot of the three options to add blocks to the CourseArc content page
  3. In the Add Block modal, you can either:
    • Use the Search field to find a block by keyword
    • Select a block from your custom list of Favorites
    • Scroll through the list of All Blocks to select one
    • Use the various categories in the side panel to filter by block type
    • Select the star icon to add or remove blocks in your Favorites listScreenshot of Add Block modal, displaying the certificate block


  4. Select the Certificate block. The Add Certificate form will open. The form has two areas: the Editing Pane and the Preview Pane. Changes made in the Editing Pane will show in the Preview Pane so that the certificate can be visualized as it is being built.


Manually Issuing a Certificate

  1. Issuing:* Select Manually issued by an instructor.
  2. Background Image:* Click the field to select an image from the File Manager. The background graphic will display in the Preview Area with placeholders for the default fields: [Student Name] and [Month ##, Year].

    Background Image Alt Text: This field is not required, but may be configured if there's a need to describe the certificate's background image via screen reader. Alternative text is read by screen readers, allowing the content and function of an image to be accessible to those with visual or certain cognitive disabilities. To learn more about alternative text, visit WebAIM's Alternative Text.
    screenshot of a certificate block with the background image cyberpro uploaded
  3. Complete the Certificate Settings with the following information:
    • Student Name and Date: These are the only fields that appear on the certificate by default, and both are populated automatically with the corresponding data (student name and current date). Adjust their position and size as needed:
      • Student Name Size/Date Size: Enter a value to adjust the text size.
      • Student Name Position/Date Position: Use the corresponding Vertical% slider to adjust placement.
    • Line 1, 2, and 3 Text: Use these fields to add any additional custom text to the certificate. Each line is optional.
    • Line 1, 2, and 3 Size: Adjust the size of each added line of text as needed, using the same method as above.
    • Line 1, 2, and 3 Position: Adjust the position of each added line of text as needed, using the same Vertical% slider method as above.
      screenshot of a draft certificate block form with the text size increased for Student Name
  4. Once all the required sections have been saved, select the Add Block+ button to save the block to the page.

  5. The new block will appear on the page in Edit Mode with a red, dotted outline indicating it's editable.
    screenshot of a cyberpro certificate in edit mode
  6. Select the Publish My Edits button to save the block to the course page and see the content as it will appear to learners.
    screenshot of a cyberpro certificate in published mode
  7. The learner view of a certificate includes a link to Certificate Block Printing TipsAny learner that has not been issued a certificate by the instructor will see the following message displayed on the page in place of the certificate: You have not yet been issued this certificate. Please check back later.
    graduation certificate example


Automatically Issuing a Certificate

  1. Issuing:* Select Automatically issued based on a quiz score.
  2. Background Image:* Click the field to select an image from the File Manager. The background graphic will display in the Preview Area with placeholders for the default fields: [Student Name] and [Month ##, Year].

    Background Image Alt Text: This field is not required, but may be configured if there's a need to describe the certificate's background image via screen reader. Alternative text is read by screen readers, allowing the content and function of an image to be accessible to those with visual or certain cognitive disabilities. To learn more about alternative text, visit WebAIM's Alternative Text.
    screenshot of a certificate block with the background image cyberpro uploaded and issuing it automatically
  3. Follow Steps 3 to 7 above. 


For more information about issuing certificates, see the following articles:

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article