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:

Add Certificate

Go to Tevello App Courses

Select the Course where you want to add the certificate

Go to Course Settings

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

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

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

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

Go to Courses

Select the Course where you want to add the certificate

Go to Course Settings

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

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')"