{"id":9179,"date":"2020-04-09T13:02:16","date_gmt":"2020-04-09T13:02:16","guid":{"rendered":"https:\/\/blog.hostinger.io\/co-id-tutorial\/?p=9179"},"modified":"2025-08-21T13:45:41","modified_gmt":"2025-08-21T06:45:41","slug":"cara-membuat-kelas-online","status":"publish","type":"post","link":"\/id\/tutorial\/cara-membuat-kelas-online","title":{"rendered":"Cara membuat website e-learning sendiri + integrasi pembayarannya"},"content":{"rendered":"<p>Popularitas <b>platform e-learning<\/b> saat ini terus meningkat. Untuk beberapa materi dan latihan, kelas online terbukti lebih efektif dan membantu mengembangkan skill tertentu daripada pendidikan konvensional.<\/p><p>Apalagi, sekarang ini rekruiter juga mulai memperhitungkan sertifikat yang Anda peroleh dari e-learning. Kredibilitas kelas online atau e-learning pun semakin tinggi. Kalau Anda memiliki keahlian tertentu, Anda bisa memanfaatkan e-learning sebagai sarana berbagi, atau bahkan sebagai peluang bisnis.<\/p><p>Nah, di artikel ini, kami akan membahas cara membuat web e-learning untuk membantu Anda yang ingin sekadar berbagi ilmu, atau menyulapnya menjadi sarana mendapatkan penghasilan tambahan. Mari mulai!<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Build-Webiste-In-9-Easy-Steps-ID.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook_-Build-website-ID.png\/public\" alt=\"\" class=\"wp-image-27592\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook_-Build-website-ID.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook_-Build-website-ID.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook_-Build-website-ID.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook_-Build-website-ID.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-cara-membuat-situs-e-learning\">Cara Membuat Situs E-learning<\/h2><p>Di bawah ini kami akan menjelaskan langkah-langkahnya secara lebih mendetail. Berikut 5 langkah cara membuat situs e-learning:<\/p><h3 class=\"wp-block-heading\" id=\"h-1-buat-platform-online\">1. Buat Platform Online<\/h3><p>Sebelum mulai menjalankan platform e-learning, Anda harus menentukan nama untuknya. Selain itu, pastikan nama tersebut bisa Anda jadikan nama domain. Berikut beberapa tips cara membuat domain yang terlihat menjanjikan untuk platform Anda:<\/p><ul class=\"wp-block-list\">\n<li>Pikirkan ide utama untuk nama tersebut, yang sekiranya mencerminkan niche dan kesukaan Anda.<\/li>\n\n\n\n<li>Periksa ketersediaan domain menggunakan tool cek domain.<\/li>\n\n\n\n<li>Utamakan memilih <a href=\"\/id\/tld\/domain-com\">TLD .com<\/a>.<\/li>\n\n\n\n<li>Buat domain yang singkat agar orang lain mudah menghafalnya<\/li>\n\n\n\n<li>Jangan gunakan simbol dan angka, dan buat nama yang terdengar lebih universal<\/li>\n\n\n\n<li>Apabila sudah punya calon nama domain, segera daftarkan sebelum diambil orang lain. Kalau ternyata domain incaran Anda sudah tidak tersedia, tak perlu khawatir. Anda bisa <a href=\"\/id\/tutorial\/cek-pemilik-domain\">cek pemilik domain<\/a> tersebut dulu lalu mencoba bernegosiasi, atau memilih TLD lain.<\/li>\n<\/ul><p>Hostinger memiliki fitur khusus untuk <a href=\"\/id\/domain-murah\">cari domain<\/a>. Anda akan mendapatkan informasi ketersediaan dan juga pilihan lain kalau nama website yang diinginkan sudah dipakai orang lain.<\/p><p>\n\n\n    <div class=\"mb-50 mt-50 domain-checker domain-checker__bg\">\n        <h3 class=\"m-0 text-center text-white pb-10\">Cek Domain Murah<\/h3>\n        <p class=\"pb-40 text-center text-white\">Ketik nama domain yang diinginkan dan segera cek ketersediaannya<\/p>\n        <form id=\"domain-checker-form\" class=\"d-flex w-100 position-relative flex-column flex-sm-row align-items-center\" action=\"\/id\/domain-murah\">\n            <input\n                    class=\"domain-checker__input label text-light-black\"\n                    name=\"domain\" type=\"text\"\n                    placeholder=\"Ketik domain yang diinginkan\"\n                    value=\"\"\n            \/>\n            <input id=\"domain-submit\"\n                   type=\"submit\"\n                   value=\"Cek Domain\"\n                   class=\"domain-checker__button hb--danger new-h-button-primary button text-white float-right\"\/>\n        <\/form>\n    <\/div>\n\n\n\n\n\n<\/p><p>Setelah memilih domain, Anda perlu platform hosting untuk website Anda. Kalau baru memulai, kami sarankan untuk mencoba paket <a href=\"\/id\/web-hosting\">website hosting<\/a> Premium atau paket <a href=\"\/id\/wordpress-hosting\">WordPress Hosting Starter<\/a> untuk situs web kecil dan menengah.<\/p><p>Apabila kelas online Anda sudah mulai ramai dan trafik membludak, Anda bisa upgrade ke layanan yang lebih premium, misalnya dengan <a href=\"\/id\/cloud-hosting\">menyewa cloud server<\/a>.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-pilih-tool-untuk-website-kelas-online\">2. Pilih Tool untuk Website Kelas Online<\/h3><p>Apabila <a href=\"\/id\/tutorial\/menggunakan-wordpress\">menggunakan WordPress<\/a>, ada banyak sekali plugin yang bisa membantu Anda membuat kelas online, mulai dari membangun website hingga mengelola library video.<\/p><p>Selain itu, WordPress juga sangat user-friendly sehingga Anda bisa menggunakan CMS ini tanpa harus memiliki pengetahuan teknis untuk mengelolanya.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/id\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-37614\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>Berikut beberapa plugin yang bisa membantu Anda membuat elearning dengan WordPress:<\/p><p><a href=\"https:\/\/tutorlms.com\/\" target=\"_blank\" rel=\"noopener\">Tutor LMS<\/a><\/p><p>Plugin ini adalah bagian inti dari situs web Anda, yang merupakan sistem manajemen pembelajaran lengkap untuk menangani berbagai hal terkait e-learning. Meskipun masih tergolong baru, popularitas LMS Tutor mulai naik berkat berbagai fitur gratis dan berbayarnya yang beragam.<\/p><p>Anda juga bisa mencoba cara membuat situs e-learning hanya dengan versi gratis plugin ini, meskipun fitur premiumnya akan menjadi investasi yang tepat untuk mengoptimalkan penggunaan plugin ini.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1232\" height=\"816\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2020\/04\/harga-tutorLMS.png\/public\" alt=\"Harga paket TutorLMS\" class=\"wp-image-45331\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2020\/04\/harga-tutorLMS.png\/w=1232,fit=scale-down 1232w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2020\/04\/harga-tutorLMS.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2020\/04\/harga-tutorLMS.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2020\/04\/harga-tutorLMS.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2020\/04\/harga-tutorLMS.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1232px) 100vw, 1232px\" \/><\/figure><\/div><p>Setelah menyelesaikan proses pembelian, temukan file LMS pada<b> <\/b><a href=\"https:\/\/tutorlms.com\/account\/\" target=\"_blank\" rel=\"noopener\">Dashboard Tutor LMS<\/a> Anda.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"364\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/tutor-lms-wordpress.png\/public\" alt=\"\" class=\"wp-image-30099\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/tutor-lms-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/tutor-lms-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/tutor-lms-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/tutor-lms-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Setelah mendownload file <strong>.zip<\/strong>, buka panel admin WordPress Anda. Kemudian, buka <b>Plugins -&gt; Add New<\/b>, lalu klik <b>Upload Plugin <\/b>dan pilih file yang baru saja Anda download.<\/p><p>Anda kemudian perlu menginstal dan mengaktifkan plugin ini. Agar bisa menggunakan semua fungsinya, Anda juga memerlukan versi gratis Tutor LMS. Pada kolom <b>Search plugins<\/b>, ketikkan &ldquo;<b>Tutor LMS<\/b>&rdquo; untuk menemukan <b>Tutor Free<\/b>, lalu instal dan aktifkan.<\/p><p>Selesai! Anda berhasil menambahkan versi premium Tutor LMS ke situs Anda.<\/p><p><a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" target=\"_blank\" rel=\"noopener\"><strong>WooCommerce<\/strong><\/a><\/p><p>WordPress menyediakan berbagai sistem monetisasi yang bisa Anda manfaatkan, dan salah satu yang paling populer adalah <a href=\"\/id\/tutorial\/apa-itu-woocommerce\">WooCommerce<\/a>. Plugin toko online ini menyediakan fitur-fitur yang mudah digunakan untuk membantu proses monetisasi.<\/p><p>Selain itu, salah satu keunggulan utama WooCommerce adalah fiturnya yang tersedia gratis.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"364\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/woocommerce-wordpress.png\/public\" alt=\"\" class=\"wp-image-30100\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/woocommerce-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/woocommerce-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/woocommerce-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/woocommerce-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Anda bisa <a href=\"\/id\/tutorial\/woocommerce-wordpress\">menggunakan WooCommerce<\/a> untuk mengelola metode pembayaran kursus online tanpa perlu repot. Bisa dibilang, tool ini adalah bagian terpenting dalam cara membuat e-learning berbasis web Anda.<\/p><p><strong>Video Hosting<\/strong><\/p><p>Dalam cara membuat situs belajar online, Anda memerlukan tempat yang aman untuk menyimpan dan mendistribusikan konten video premium yang Anda miliki. Jadi, penting untuk memilih platform yang terjamin agar Anda bisa mengontrol siapa saja yang bisa mengakses konten Anda.<\/p><p><a href=\"https:\/\/wordpress.org\/plugins\/vooplayer\/\" target=\"_blank\" rel=\"noopener\"><strong>vooPlayer<\/strong><\/a><\/p><p>VooPlayer adalah platform video hosting premium khusus yang mampu mendistribusikan konten video Anda dengan aman kepada para subscriber.<\/p><p>Untuk menggunakan VooPlayer, cukup buka situsnya dan pilih paket yang menurut Anda paling sesuai. Setelah menyelesaikan proses pembelian, Anda bisa mengupload konten video dengan aman ke situs VooPlayer. Kami akan membahas cara menambahkan video pada kursus online Anda nanti.<\/p><p><strong>YouTube<\/strong><\/p><p>Kalau tidak berencana memonetisasi konten kursus Anda, gunakan YouTube. Cukup buat akun dan upload konten video Anda ke YouTube. Nantinya, Anda bisa menambahkan potongan video ke program kelas online Anda.<\/p><p><strong>Tema<\/strong><\/p><p><a href=\"https:\/\/wordpress.org\/themes\/\" target=\"_blank\" rel=\"noopener\">Tema WordPress<\/a> memungkinkan Anda meneysuaikan tampilan platform LMS apabila tidak ingin menggunakan tema default. Ada banyak tema berbasis platform LMS yang tersedia, baik yang berbayar maupun gratis. Namun, mungkin tidak ada tema lain yang bisa terintegrasi sempurna dengan Tutor Pro selain miliknya sendiri, Edumax.<\/p><p><a href=\"https:\/\/www.themeum.com\/product\/edumax\/\" target=\"_blank\" rel=\"noopener\"><strong>Edumax<\/strong><\/a><\/p><p>Edumax adalah tema yang mendukung semua fitur unik Tutor LMS, seperti dashboard analitik, course builder front-end, dan sebagainya. Untuk mendapatkan Edumax, buka halaman webnya lebih dulu dan selesaikan pembelian seperti saat membeli layanan Tutor Pro. Setelah itu, file tema pun siap didownload ke Dashboard Themeum Anda.<\/p><p>Seperti sebelumnya, Anda harus mendownload file <strong>.zip<\/strong> yang tersedia. Kemudian, akses panel admin WordPress Anda dan buka <b>Themes<\/b> <strong>-&gt; Add New -&gt; <\/strong><b>Upload Theme<\/b>. Upload file .zip yang baru saja Anda unduh, lalu <a href=\"\/id\/tutorial\/cara-install-wordpress-theme\">instal dan aktifkan tema WordPress<\/a>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/themeum-edumax.png\/public\" alt=\"\" class=\"wp-image-30101\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/themeum-edumax.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/themeum-edumax.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/themeum-edumax.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/themeum-edumax.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p><a href=\"https:\/\/wpastra.com\/?bsf=5643\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Astra<\/strong><\/a><\/p><p>Astra adalah salah satu tema WordPress gratis terbaik yang terintegrasi dengan sebagian besar LMS, termasuk Tutor LMS. Tema ini cepat dan fully-responsive, bahkan mendapatkan skor 100% di Pingdom.<\/p><p>Proses penginstalannya juga mudah. Anda bisa mulai dengan menginstal salah satu <a href=\"https:\/\/wpastra.com\/starter-templates\/?page-builder=elementor&amp;search=learning\" target=\"_blank\" rel=\"noopener\">template siap pakai<\/a> yang tersedia lalu menyesuaikannya dengan kebutuhan Anda.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"607\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/tema-lms-astra.png\/public\" alt=\"\" class=\"wp-image-30102\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/tema-lms-astra.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/tema-lms-astra.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/tema-lms-astra.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/tema-lms-astra.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-3-mulai-cara-membuat-kelas-online\">3. Mulai Cara Membuat Kelas Online<\/h3><p>Setelah menyiapkan semua elemen yang Anda butuhkan dalam cara membuat situs belajar online, sekarang mulailah membuat kontennya. Untuk cara membuat kelas online, ada dua metode yang tersedia dari Tutor LMS Pro dengan fitur dan tipe pengajarnya masing-masing:<\/p><p><strong>Back-end Course Builder<\/strong><\/p><p>Back-end course builder terdapat di panel admin back-end WordPress. Untuk membuat kursus online baru, buka <b>Tutor LMS Pro<\/b> -&gt; <b>Courses<\/b> -&gt; <b>Add New<\/b>. Halaman untuk membuat kelas online kemudian akan muncul.<\/p><p>Salah satu kelebihan Tutor LMS adalah semua kursus bisa dibuat dari satu halaman ini terlepas dari skala dan panjang kontennya.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2020\/03\/course-back-end.png\" alt=\"membuat e-learning new back-end Tutor LMS Pro\"><\/figure><p>Di sini, Anda bisa menambahkan konten seperti <b>Judul<\/b>, <b>Deskripsi<\/b>, <b>Tag<\/b>, dan <b>Featured Image<\/b>. Kalau ingin membatasi jumlah siswa, gunakan kolom <b>Maximum Students<\/b>. Anda juga bisa menentukan tingkat kesulitan kursus dengan opsi <b>Difficulty Level<\/b>.<\/p><p>Apabila akan menyertakan lampiran yang bersifat pribadi seperti worksheet dan materi praktik, tambahkan di kolom <strong>Attachments<\/strong>. File ini nantinya bisa siswa Anda download sembari menyelesaikan kursus.<\/p><p>Kemudian, Anda bisa membuat sistem kursus prasyarat, yaitu kursus yang harus diselesaikan sebelum mendaftar ke kursus berikutnya. Contohnya, kursus <b>Dasar-Dasar Bahasa Pemrograman<\/b> harus diselesaikan sebelum siswa bisa mengikuti kursus <b>Algoritme Java Tingkat Lanjut<\/b>.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2020\/03\/lesson-back-end.png\" alt=\"cara membuat kelas online dengan Tutor LMS Pro\"><\/figure><p>Nah, sekarang, mari bahas bagian utama dalam cara membuat kelas online ini, yaitu <strong>course builder<\/strong>. Di sini Anda bisa menambahkan <strong>Topics<\/strong>, serta memberi nama dan deskripsi singkatnya. Susunan kursus mungkin tampak sedikit membingungkan, tapi Anda pasti akan terbiasa. Setiap topik yang ditugaskan bisa menyertakan <strong>Quizzez<\/strong> dan <strong>Assignments<\/strong>, serta pelajaran lain dalam topik tersebut.<\/p><p><strong>Lesson<\/strong> berisi sebagian besar konten Anda. Saat menyusun pelajaran untuk kelas online, Anda bisa memberinya nama, ringkasan materi yang dibahas, dan gambar serta sumber video. Di sinilah Anda memerlukan video hosting yang tadi kita bahas. Kalau menggunakan VooPlayer, pilih opsi <b>Embedded <\/b>sebagai sumber video.<\/p><p>Kemudian, buka akun VooPlayer Anda dan copy kode embedded video. Setelah itu, paste pada form pembuatan kursus. Langkah ini akan menyematkan video dari VooPlayer ke kursus e-learning Anda. Apabila menggunakan YouTube, pilih YouTube sebagai sumber video, lalu tempel link ke video di tempat yang sama.<\/p><p>Anda juga bisa menambahkan kuis pada setiap topik dengan menu <b>Quizzes<\/b>. Kami akan membahas fitur ini nanti. Selain itu, Anda bisa menambahkan <b>Video Pengantar<\/b>, yang tersedia secara gratis untuk menarik perhatian calon siswa.<\/p><p>Setelah menambahkan konten, sekarang Anda bisa memublikasikannya agar bisa dilihat oleh para audiens.<\/p><p><strong>Front-End Course Builder<\/strong><\/p><p>Front-end course builder menjadi salah satu fitur unik Tutor Pro yang tidak tersedia pada plugin LMS lainnya. Fitur ini memungkinkan pengajar baru menggunakan LMS dengan caranya sendiri tanpa harus masuk ke panel admin back-end.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2020\/03\/course-front-end.png\" alt=\"membuat kelas online e-learning front-end menggunakan Tutor LMS Pro\"><\/figure><p>Namun, ingat bahwa Anda masih harus memberikan persetujuan untuk memublikasikan konten dari panel admin back-end. Untungnya, semua yang ada di back-end juga tersedia di front-end.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-buat-kuis\">4. Buat Kuis<\/h3><p>Anda bisa membuat kuis dengan cara yang sama baik di course builder front-end maupun back-end. Tutor LMS menyediakan 10 jenis pertanyaan yang bisa Anda ajukan kepada para siswa, dengan keunggulan dan opsi kustomisasinya sendiri.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2020\/03\/quiz-type-of-questions.png\" alt=\"kuis untuk website belajar online\"><\/figure><\/div><p>Pertama, Anda harus memberikan nama dan deskripsi (opsional) untuk kuis yang akan Anda buat. Kemudian, Anda bisa mulai menambahkan pertanyaan dan jawabannya.<\/p><p>Anda bisa memilih opsi untuk mengacak jawaban pilihan ganda, serta menentukan jawaban wajib menggunakan tombol <b>Required<\/b>.<\/p><p>Anda juga bisa mengubah bobot pertanyaan dengan mengatur poin jawaban. Fitur ini berguna ketika Anda memiliki pertanyaan jawaban bebas yang mememberikan lebih banyak nilai daripada jenis pertanyaan salah\/benar.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"669\" height=\"820\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/quiz-builder.png\/public\" alt=\"\" class=\"wp-image-30103\" style=\"width:585px;height:717px\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/quiz-builder.png\/w=669,fit=scale-down 669w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/quiz-builder.png\/w=245,fit=scale-down 245w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/04\/quiz-builder.png\/w=122,fit=scale-down 122w\" sizes=\"(max-width: 669px) 100vw, 669px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-5-monetisasi-dan-integrasi-woocommerce\">5. Monetisasi dan Integrasi WooCommerce<\/h3><p>Kalau ingin mencoba cara membuat e-learning premium, Anda harus menambahkan WooCommerce Product lebih dulu.<\/p><p>Untuk melakukannya, buka panel admin WordPress Anda, lalu klik <b>WooCommerce -&gt; Product -&gt; Add New<\/b>. Anda sekarang bisa membuat produk dengan memberinya nama, deskripsi, harga normal, dan harga diskon.<\/p><p>Anda juga bisa menambahkan jadwal baru untuk penjualan produk. Selain itu, pastikan Anda mencentang <b>For Tutor<\/b> sehingga Tutor LMS bisa menggunakannya untuk penjualan produk. Setelah menambahkan produk, Anda pun bisa menawarkannya.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2020\/03\/add-product.png\" alt=\"menambah produk untuk kelas online\"><\/figure><\/div><p>Setelah selesai, kembali ke bagian back-end kursus, lalu klik tombol <b>Edit Course <\/b>untuk mengelola kursus e-learning tersebut.<\/p><p>Scroll menurun ke bagian <strong>Add Product<\/strong> untuk melampirkan produk dan menjualnya. Dari drop-down <b>Select a Product<\/b>, pilih produk yang baru saja Anda buat. Langkah ini akan melampirkan WooCommerce Product ke kelas online Anda.<\/p><p>Pastikan memilih opsi <b>Paid <\/b>pada opsi <b>Course Type<\/b>, dan Anda pun berhasil menyelesaikan langkah monetisasi program e-learning.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2020\/03\/add-products-to-course.png\" alt=\"menambah produk website kelas online\"><\/figure><\/div><p>Kalau ingin menambahkan kursus baru, ulangi proses pembuatan produk baru agar Anda bisa memantau pembelian pada website Anda dengan mudah.<\/p><h2 class=\"wp-block-heading\" id=\"h-kesimpulan\">Kesimpulan<\/h2><p>Selesai! Sampai di sini, Anda sudah mempelajari cara membuat e-learning berbasis web.<\/p><p>Cara membuat situs belajar online yang kami jelaskan di sini menggunakan <strong>Tutor LMS<\/strong> sebagai platform e-learning, serta mengintegrasikan <b>WooCommerce<\/b> dan <b>VooPlayer yang <\/b>sebagai pendukungnya. Dengan demikian, Anda pun bisa membuat platform kelas online dengan mudah sekaligus mengubahnya menjadi peluang bisnis.<\/p><p>Dengan semakin banyaknya platfrom e-learning saat ini, kami harap semangat Anda untuk memulai bisnis di bidang ini pun kian tinggi. Jadi, tunggu apa lagi? <a href=\"\/id\/tld\">Beli domain dan hosting<\/a> dan mulai buat kelas online Anda sendiri yuk!<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Tutorial Lain tentang Membuat Website<\/h4>\n                    <p><\/p><p><a href=\"\/id\/tutorial\/web-portofolio\">Cara Membuat Portofolio Online di Website<\/a><br>\n<a href=\"\/id\/tutorial\/cara-membuat-website-game\">Cara Membuat Website Gaming<\/a><br>\n<a href=\"\/id\/tutorial\/website-fotografi\">Cara Membuat Website Fotografi untuk Jual Foto<\/a><\/p>\n                <\/div>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Popularitas platform e-learning saat ini terus meningkat. Untuk beberapa materi dan latihan, kelas online terbukti lebih efektif dan membantu mengembangkan skill tertentu daripada pendidikan konvensional. Apalagi, sekarang ini rekruiter juga mulai memperhitungkan sertifikat yang Anda peroleh dari e-learning. Kredibilitas kelas online atau e-learning pun semakin tinggi. Kalau Anda memiliki keahlian tertentu, Anda bisa memanfaatkan e-learning [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/id\/tutorial\/cara-membuat-kelas-online\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":190,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Cara Membuat Situs e-Learning Sendiri (Tutorial Lengkap)","rank_math_description":"Kelas online kini menjadi peluang bisnis yang menjanjikan. Baca panduan mudah cara membuat e-learning berbasis web di artikel ini!","rank_math_focus_keyword":"cara membuat kelas online, e-learning, kelas online, situs belajar online, web e-learning","footnotes":""},"categories":[4983],"tags":[9431,8889,4860],"class_list":["post-9179","post","type-post","status-publish","format-standard","hentry","category-web-development","tag-e-learning","tag-kelas-online","tag-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-create-an-elearning-site","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-criar-uma-plataforma-de-cursos-online","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/comment-creer-un-site-de-formation-en-ligne","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/como-crear-un-curso-online","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-membuat-kelas-online","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-create-an-elearning-site","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-create-an-elearning-site","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-create-an-elearning-site","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/como-crear-un-curso-online","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-crear-un-curso-online","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/como-crear-un-curso-online","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-criar-uma-plataforma-de-cursos-online","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-create-an-elearning-site","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-create-an-elearning-site","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-create-an-elearning-site","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-create-an-elearning-site","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/9179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/users\/190"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/comments?post=9179"}],"version-history":[{"count":30,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/9179\/revisions"}],"predecessor-version":[{"id":45332,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/9179\/revisions\/45332"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media?parent=9179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/categories?post=9179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/tags?post=9179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}