top of page
afastBanner01.jpg

 Teachable : การสร้าง Certificate ในระบบ

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

Screenshot 2568-01-31 at 16.34.20.png

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

Screenshot 2568-01-31 at 17.20.58.png

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

Screenshot 2568-01-31 at 18.51.39.png

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

Screenshot 2568-01-31 at 18.57.00.png

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

Screenshot 2568-01-31 at 18.59.24.png

<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 เพิ่มเปิดใช้งาน

Screenshot 2568-01-31 at 19.05.48.png

©2018 by ทีมงานพลเมืองดี(จิทัล) . 

  • TikTok
  • Instagram
  • Facebook Page พลเมืองดี
  • YouTube
  • blockdit
  • CareThaiBiz Logo
bottom of page