
Teachable : การสร้าง Certificate ในระบบ
เมื่อ login โดย user ที่มีสิทธิเป็น Owner ของระบบ teachable แล้วจะเข้าสู่ระบบการจัดการ School ใน teachable จะเห็นหน้าจอเหมือน ในรูปด้านล่าง

เลือก Menu Courses และค้นหา Course และคลิกที่ course ที่ต้องการเพิ่ม Quiz

คลิก Menu Certificate เพื่อเข้าสู่หน้าจัดการ Certificateแล้วเลือก Crete new certificate

เลือก Create a custom certificate เลือกแล้วคลิก Next

Copy Code ด้านล่าง แล้วใส่ในช่อง Liquid/HTML ( สามารถ copy code จากคอร์สอื่นๆ ได้เช่นเดียวกัน) จากนั้นคลิก Finish

<html>
<head>
<style>
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
font-family: 'Prompt', sans-serif;
font-size: 28px;
font-style: normal;
}
.certFrame{
width: 800px;
height: 565px;
padding-top: 18px;
background-image: url(https://cdn.fs.teachablecdn.com/SYq22qwS1q4kYQ6LwPE7);
background-size: 800px 565px;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div class="certFrame" >
<div style="text-align: center;margin-top: 270px;color: #382e90;font-size: 24px;font-weight: 700;">
{{current_user.name}}
</div>
<div style="text-align: center;margin-top: 15px;font-size: 18px;font-weight: 400;">
has successfully completed the online course of
</div>
<div style="text-align: center;margin-top: 15px;font-size: 22px;font-weight: 700;">
{{course.name}}
</div>
<div style="text-align: center;margin-top: 20px;font-size: 12px;font-weight: 400;">
Date of Completion : {{course.report_card.certificate_issued_at | date: "%d %B %Y"}}<br> Serial No. : {{course.report_card.certificate_serial_number}}
</div>
</div>
</body>
</html>
คลิก Activate เพิ่มเปิดใช้งาน
