By popular demand certificate complications are bypassed!

Creating a certificate is complicated in technical terms as it requires the ability to create a suitably sized image that will allow text to be added dynamically, which requires knowledge of HTML and CSS. More importantly the value of a certificate to your student means it needs to be issued by a recognised organisation. Ideally a certificate should include a supporting logo from a known and trusted organisation.

1 How do I add a certificate? You don’t. One of the support functions TTC provides is to help you produce a certificate that meets your needs and the student’s needs. We will provide the graphics and the coding for you and then apply each certificate as required. You supply the text you want to be seen on each certificate and what dynamic text you want inserted.

2 What certificate designs are available? The standard TTC certificate has been designed to allow the maximum amount of freedom for the placement of text and small images. The bulk of the space allows approximately 6 to 9 lines of text, depending on their sizes, and a small image – usually a small version of the cover image used for your course. This main design is adaptable and can include static images for supporting logos from sponsors or organisations that have accredited your course. However, we will listen to requests to produce alternative designs. The only requirements is that a TCC logo is used within the design.


3 What can I add to a certificate? A certificate is basically a blank image or a ‘template’, that we then add text to at the time the student wants to print the certificate. The text used is generally a combination of static text and dynamic text that is data held in the website’s database. The code used in the above example and is used for the certificate attached to all three Tutor training courses looks like this:-

<p style=”font-size: 120px; font-weight: bold; color: #34495e; font-style: italic;”>Certificate of Achievement</p>
<p style=”font-size: 50px; font-family: Times,Serif;”>This certificate of achievement is awarded by Technology Training Courses</p>
<p style=”font-size: 50px; font-family: Times,Serif;”>to:-</p>
<p style=”font-size: 60px; font-weight: bold; color: #dd9933;”>[ usermeta field=”first_name”] [ usermeta field=”last_name”]</p>
<p style=”font-size: 50px; font-family: Times,Serif;”>for the successful completion of <span style=”font-weight: bold; color: #00a0e3;”>’[ courseinfo show=”course_title”]‘</span></p>
<p style=”font-size: 50px; font-family: Times,Serif;”>on [ courseinfo show=”completed_on” format=”l, d F Y”]</p>
<img src=”courses-preparation.jpg” width=”212″ height=”100″ />

The bold text is static (hard coded) e.g.

  • Certificate of Achievement
  • This certificate of achievement is awarded by Technology Training Courses
  • to:-
  • for the successful completion of

and the italic text is dynamic – meaning it is added to the certificate from the data stored in the database.

  • [ usermeta field=”first_name” ] [ usermeta field=”last_name” ]
  • [ courseinfo show=”course_title” ]
  • [ courseinfo show=”completed_on” format=”l, d F Y” ]

4 What dynamic text is available to me? The options depend on what kind of certificate you require. A certificate awarded at the end of a course is unlikely to require anything more that a student’s name, the course and a date of completion. A certificate required for a student that has completed a quiz will probably need similar dynamic content but also the score or percentage or possibly the rank based on total students. The next topic in this lesson outlines the options available to you.

5 How do I organise a certificate? Once you have an idea of the dynamic areas available, make a note of the options and then complete the form found in the main menu, under the Become a Tutor button.

6 After a certificate is earned by successfully meeting the certificate threshold of a quiz or by completing a course, a user can print the assigned certificate by clicking “Print Certificate” (which becomes visible on the results page). This will display in the student profile page where it contains information like course progression, quiz scores, and the ability to reprint any earned certificates. If a certificate is earned after completing a course, the certificate is available for printing from the course page.

Take this Course

Course Materials

Time and patience!