Articles on: Get Started

How To Customize And Add A Completion Certificate



Overview:

Customizing a certificate for your course in Shopify allows you to align it with your brand and provide a personalized achievement acknowledgment for your students. Here’s how to do it:


Table Of Contents:

  1. Add Certificate
  2. Upload Background Image
  3. Adding Customized Certificate to the Course
  4. Add Certificate to the Lesson



Add Certificate


  1. Go to Tevello App Courses



  1. Select the Course where you want to add the certificate



  1. Go to Course Settings



  1. On the right side you will see the Completion Certificate section then click Edit



  1. The certificate edit section will pop up.
In this section, you will see an HTML-based certificate. You can change it however you like. Dynamic variables are also available. Additionally, you can preview your certificate to see what it looks like.



Upload Background Image


  1. Prepare a custom background image that reflects your brand.
  • Upload this image to the Content and Files section in Shopify



  1. Click on the chain icon to copy the link of the image
If you wish to upload a new background image click Upload files Ideal certificate background image size: 2000x1414 px



Adding Customized Certificate to the Course


  1. Go to Courses



  1. Select the Course where you want to add the certificate



  1. Go to Course Settings



  1. On the right side you will see the Completion Certificate section then click Edit



  1. Replace the background image by pasting the copied link into the HTML code.
Sample format: After pasting the link

BEFORE

AFTER

<div style="background-image: url('../certificate.png')"

<div style="background-image: url('https://cdn.shopify.com/s/files/1/0570/5318/4111/files/The-Workshop-logo-1024x980.jpg?v=1710806218')"



Click the Download Preview Certificate to review the certificate. Once satisfied with the customization, click Close



You can also edit the following:

Date

Certificate Name

This Certificate is Presented to



  1. Once done click Save



Add Certificate to the Lesson


  1. Click Add Lesson



  1. Add the Lesson Name and details about the certification.



  1. To add the certification block, click Add then select Add Certificate




  1. Edit the certification block



  1. Once done click Save



Click Preview to see how the lesson looks like. To see how to preview the course, refer to the timestamp at 3:40 - 4:23.




Updated on: 05/04/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!