Brand & Website

Panduan lengkap menu Website admin — 9 tab: Tampilan, Identitas, Beranda, Toko, Halaman, Menu, Fitur, Domain, Dukungan.

Menu Website adalah pusat "wajah" kelasmu — tanpa ngoding. Terdiri dari 9 tab. Buka lewat Admin → Tools & Sistem → Website.

Cara kerja tab

Tiap tab punya beberapa kartu pengaturan. Ubah field lalu klik Simpan di kartu itu. Perubahan brand & halaman butuh ±1 menit tampil di sisi publik karena ada cache — tunggu atau muat ulang.

1. Tampilan — logo, warna, font, SEO

Identitas visual brand:

Field	Keterangan & saran
Logo	PNG/WebP latar transparan, tinggi ±40–80px. Tampil di navbar & email. Saat unggah, ukuran gambar dicek otomatis (mis. logo terlalu kecil diperingatkan) sebelum dipakai.
Favicon	Ikon tab browser, bujur sangkar (mis. 512×512).
Warna utama & aksen	Pakai color picker (klik kotak warna untuk memilih) atau ketik kode hex `#RRGGBB` — keduanya tersinkron. Pastikan kontras cukup dengan teks putih.
Font	Pilih dari font bawaan atau unggah font sendiri (`.woff2`/`.ttf`/`.otf`). Ada pratinjau langsung huruf yang dipilih.
Gambar OG (share)	Ukuran ideal 1200×630; dipakai saat link dibagikan ke sosial media.
Meta SEO	Judul ±60 karakter, deskripsi ±150 — muncul di Google & preview share.

Pratinjau langsung

Panel Pratinjau di sisi kanan menampilkan warna, radius, dan font pilihanmu secara langsung (sebelum disimpan) — jadi kamu bisa lihat hasilnya sebelum klik Simpan.

Visual halaman login/daftar tidak diatur di sini — sudah dipindah ke Halaman → Login & Daftar → Panel Kiri agar tidak ada pengaturan ganda.

2. Identitas Usaha

Nama usaha & data legal (dipakai di invoice), penandatangan sertifikat (nama & jabatan yang tercetak di sertifikat siswa), dan footer email.

3. Beranda — halaman depan publik

Pembangun landing page drag-and-drop: hero, testimoni, daftar kelas, FAQ, tombol ajakan (CTA), dan banyak blok lain. Aktifkan agar domainmu menampilkan beranda, bukan langsung halaman login.

Mulai dari template. Klik Mulai dari Template untuk mengisi beranda dengan susunan siap pakai (mis. Bimbel UTBK, Kursus Online, Komunitas, Landing Sederhana, Tryout Center) lalu sesuaikan. Menerapkan template mengganti semua section, jadi ada konfirmasi dulu.

Atur urutan. Seret kartu section untuk mengubah urutannya. Di dalam section berisi daftar (testimoni, FAQ, galeri, statistik, dll.) kamu juga bisa menyeret tiap item untuk mengurutkan ulang.

Section baru untuk konversi:

Section	Fungsi
Hitung Mundur (Countdown)	Timer mundur ke tanggal target (mis. penutupan pendaftaran batch atau akhir promo). Bisa diberi tombol CTA; saat waktu habis menampilkan pesan "berakhir".
Tabel Harga (Pricing Table)	Kolom paket harga interaktif buatanmu sendiri (nama, harga, daftar fitur, tombol, tandai satu paket "Populer"). Berbeda dari section "Paket Harga" yang otomatis menarik plan membership.

Tips

Kamu bisa menjadikan toko sebagai halaman depan (opsi "jadikan toko sebagai halaman depan") kalau fokusmu jualan produk satuan.

4. Toko — etalase produk

Halaman /store: banner, produk & kelas unggulan, link, dan tautan sosial media. Cocok jadi "link-in-bio". Blok yang didukung: produk, link, sosial media, gambar, teks, embed — semua bisa diseret untuk diurutkan ulang.

Mulai dari template. Kalau toko masih kosong, ada empty state yang menuntunmu memilih template atau menambah blok manual. Template siap pakai:

Template	Cocok untuk
Toko Edukasi	Fokus katalog kelas — beberapa section produk.
Toko Bundling	Fokus paket/bundling.
Toko Minimalis	Hanya banner + satu grid produk.

5. Halaman — statis + login/daftar

Halaman statis — mis. Tentang, Kebijakan, Kontak. Kini diedit dengan editor teks kaya (WYSIWYG) — atur tebal/miring, judul, daftar, dan link tanpa ngoding HTML.
Generate Draft Otomatis — untuk halaman hukum (Syarat & Ketentuan, Kebijakan Privasi, Kebijakan Refund) ada tombol Generate Draft Otomatis yang mengisi draf berbahasa Indonesia siap pakai, dengan nama usaha & email dukunganmu terisi otomatis. Tinggal sesuaikan lalu simpan.
Login & Daftar → Panel Kiri — satu-satunya tempat mengatur visual halaman masuk/daftar (di layar lebar): pilih ilustrasi, gambar latar, atau tanpa panel, plus judul & poin.
Onboarding — pertanyaan personalisasi setelah siswa daftar.

Draf hukum = titik awal, bukan nasihat hukum

Draf otomatis mempercepat pembuatan halaman, tapi tetap kamu yang bertanggung jawab menyesuaikannya dengan bisnismu. Untuk kebutuhan serius, konsultasikan ke ahli hukum.

Atur item navigasi mana yang tampil untuk siswa dan admin, plus mengganti label menu. Inilah yang membuat sidebar bisa berbeda antar kelas. Menu inti (mis. Dashboard, Akun) tidak bisa dihapus — hanya bisa disembunyikan.

Tautan Menu Kustom (Siswa). Kamu bisa menambah item menu baru di sidebar siswa (maks 10):

Internal — mengarah ke halaman di dalam platform (mis. /kelas-saya), dibuka mulus tanpa reload.
Eksternal — mengarah ke URL lain (mis. grup Telegram), dibuka di tab baru.

Isi label + tipe + target, lalu Simpan Menu. Tautan kustom selalu bisa dihapus (karena kamu yang membuatnya).

7. Fitur — modul platform & monetisasi

Nyalakan/matikan modul. Toggle ini (dikombinasikan dengan paketmu) menentukan menu mana yang muncul:

Fitur	Kalau aktif, yang muncul
tryout	Modul Tryout/latihan ujian (siswa). Saat dimatikan, menu Tryout hilang dari sisi siswa — tapi kamu (admin) tetap bisa kelola bank soal di Admin → Tryout.
webinar	Kelola Webinar & Rekaman (admin) + Webinar/Rekaman (siswa)
community	Komunitas & Moderasi (admin) + Komunitas (siswa)
gamification	Challenge (admin) + Leaderboard (siswa)
affiliate	Affiliates & Commissions (admin) + Affiliate/Shortlinks (siswa)
api	Menu API Keys

Aman saat mematikan modul

Toggle langsung tersimpan (tanpa loading berat). Kalau kamu mematikan modul yang sedang dipakai (mis. mematikan Tryout saat ada peserta sedang mengerjakan), muncul konfirmasi lebih dulu beserta jumlah peserta yang terdampak.

Kalau sebuah menu hilang, cek dulu tab Fitur ini dan paket langgananmu.

8. Domain — hubungkan domain sendiri (butuh paket berbayar)

Kamu selalu punya subdomain gratis namamu.growclass.id yang aktif selamanya. Untuk tampil profesional, hubungkan domain seperti belajar.brandmu.id atau bahkan domain utama brandmu.id.

Subdomain vs domain utama (apex)

	Subdomain (mis. `belajar.brandmu.id`)	Domain utama / apex (mis. `brandmu.id`)
CNAME di DNS	✅ Diterima di semua registrar	⚠️ Ditolak registrar biasa (standar DNS melarang CNAME di root)
Cara pasang	Buat CNAME `belajar` → target yang ditampilkan tab Domain	Butuh Cloudflare (CNAME flattening) atau ALIAS/ANAME
Tingkat kesulitan	Mudah	Sedang — perlu pindah nameserver

Platform menerima keduanya — batasan CNAME di root bukan dari Growclass, melainkan standar DNS (RFC 1034).

Masukkan domainmu

Di tab Domain, ketik mis. belajar.brandmu.id atau brandmu.id lalu klik Hubungkan Domain. Sistem menyiapkan SSL otomatis.

Tambahkan 1 record CNAME di penyedia domainmu

Buka pengaturan DNS di tempat kamu beli domain, buat record CNAME dari subdomainmu (mis. belajar) ke nilai target yang ditampilkan tab Domain (ada tombol salin).

Pakai domain utama/root (mis. brandmu.id, tanpa subdomain)?

Bisa — platform menerima domain root maupun subdomain. Kendalanya murni di DNS: standar DNS melarang CNAME di root (@), jadi kebanyakan registrar menolaknya. Solusinya lewat Cloudflare:

Daftarkan domainmu ke Cloudflare (plan gratis), lalu ganti nameserver di registrar ke nameserver Cloudflare.
Di Cloudflare → DNS, buat CNAME @ (root) → target yang ditampilkan tab Domain (biasanya app.growclass.id). Cloudflare punya CNAME flattening yang otomatis membuat CNAME root berfungsi — inilah yang tidak bisa dilakukan registrar biasa.
Kembali ke tab Domain, klik Cek status.

Tanpa pindah DNS: pakai www.brandmu.id sebagai domain utama (CNAME di www diizinkan di mana pun), lalu set redirect root → www di registrar.

Tunggu & cek status

Tab Domain mengecek status tiap 30 detik; ada tombol Cek status manual. SSL terbit otomatis (beberapa menit, tergantung propagasi DNS).

Aktif

Saat SSL active, domain kustom jadi alamat utama (link email ikut). Subdomain tetap hidup. Untuk melepas, klik Lepas domain.

Menghubungkan domain dibatasi maksimal 3 percobaan per jam. Semua kredensial teknis dipegang platform — kamu cukup menambahkan CNAME.

Troubleshooting DNS

Gejala	Solusi
Registrar menolak CNAME di root (`@`)	Pindahkan nameserver ke Cloudflare (gratis), buat CNAME `@` di sana
Status "pending" lebih dari 1 jam	Periksa record DNS sudah benar (CNAME, bukan A record). Tunggu propagasi (bisa sampai 24 jam di registrar tertentu)
SSL tidak terbit	Pastikan tidak ada CAA record yang memblokir Let's Encrypt di domainmu
Domain sudah active tapi website error	Clear cache browser, atau tunggu ±5 menit agar cache platform ter-purge

9. Dukungan — kontak bantuan & tip jar

Tab ini punya dua bagian:

Kontak Bantuan — atur cara siswa menghubungimu:

Nomor WA Admin — isi nomor (format Indonesia, mis. 081234567890). Begitu diisi, widget chat bantuan mengambang otomatis muncul di dashboard siswa: tombol melayang di kanan bawah yang membuka chat WhatsApp ke nomormu (bisa diberi pesan awal otomatis).
Tautan Bantuan — daftar link bantuan eksternal (mis. pusat bantuan, grup Telegram) yang ikut tampil di widget itu (maks 8).

Kalau nomor WA dan tautan dikosongkan, widget tidak muncul.

Tip Jar / Dukungan — halaman /dukungan tempat penggemar bisa memberi dukungan (nominal preset, target, pesan terima kasih), plus QR resolusi tinggi yang bisa diunduh (PNG/SVG) untuk dibagikan.