.bt-login-nav {
position: sticky;
top: 0;
z-index: 20;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 1rem 0;
backdrop-filter: blur(18px);
}
.bt-login-nav-brand {
display: inline-flex;
align-items: center;
gap: 0.85rem;
min-width: 0;
}
.bt-login-nav-brand-link {
display: inline-flex;
align-items: center;
min-width: 0;
color: inherit;
text-decoration: none;
border-radius: 16px;
}
.bt-login-nav-brand-link:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.35);
outline-offset: 4px;
}
.bt-login-nav-logo {
width: auto;
height: 60px;
max-width: 240px;
object-fit: contain;
flex-shrink: 0;
}
.bt-login-nav-menu {
display: none;
position: relative;
margin-left: auto;
}
.bt-login-nav-menu summary {
list-style: none;
}
.bt-login-nav-menu summary::-webkit-details-marker {
display: none;
}
.bt-login-nav-menu-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: 14px;
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(255, 255, 255, 0.04);
color: var(--text);
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
box-shadow: none;
}
.bt-login-nav-menu-toggle:hover {
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.18);
transform: translateY(-1px);
}
.bt-login-nav-menu-icon {
display: inline-flex;
flex-direction: column;
gap: 4px;
}
.bt-login-nav-menu-icon span {
display: block;
width: 18px;
height: 2px;
border-radius: 999px;
background: currentColor;
transition: transform 0.18s ease, opacity 0.18s ease;
}
.bt-login-nav-menu[open] .bt-login-nav-menu-icon span:nth-child(1) {
transform: translateY(6px) rotate(45deg);
}
.bt-login-nav-menu[open] .bt-login-nav-menu-icon span:nth-child(2) {
opacity: 0;
}
.bt-login-nav-menu[open] .bt-login-nav-menu-icon span:nth-child(3) {
transform: translateY(-6px) rotate(-45deg);
}
.bt-login-nav-menu-panel {
position: absolute;
right: 0;
top: calc(100% + 0.65rem);
width: min(240px, 72vw);
padding: 0.65rem;
border-radius: 18px;
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(12, 18, 41, 0.98);
box-shadow: 0 24px 60px rgba(2, 6, 23, 0.28);
backdrop-filter: blur(18px);
z-index: 30;
}
.bt-login-nav-menu-links {
display: grid;
gap: 0.35rem;
list-style: none;
margin: 0;
padding: 0;
}
.bt-login-nav-menu-links a {
display: flex;
align-items: center;
justify-content: flex-start;
min-height: 42px;
padding: 0.7rem 0.95rem;
border-radius: 12px;
color: rgba(255, 255, 255, 0.92);
border: 1px solid transparent;
transition: 0.18s ease;
font-size: 0.92rem;
}
.bt-login-nav-menu-links a:hover {
color: #fff;
border-color: rgba(255, 255, 255, 0.14);
background: rgba(255, 255, 255, 0.06);
}
.bt-login-nav-links {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 0.4rem;
list-style: none;
margin: 0;
padding: 0;
}
.bt-login-nav-links a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0.45rem 0.9rem;
border-radius: 999px;
color: var(--muted);
border: 1px solid transparent;
transition: 0.18s ease;
font-size: 0.9rem;
}
.bt-login-nav-links a:hover {
color: var(--text);
border-color: rgba(255, 255, 255, 0.14);
background: rgba(255, 255, 255, 0.06);
}
/* --- PUBLIC CLASSIC DESIGN SYSTEM COMPONENTS --- */
.hero {
padding: 2rem 1.5rem 2.5rem;
background: linear-gradient(135deg, rgba(27, 37, 89, 0.04) 0%, rgba(74, 58, 255, 0.02) 100%);
border-radius: 1.5rem;
border: 1px solid rgba(27, 37, 89, 0.08);
margin-bottom: 1.5rem;
}
.hero-card {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.hero-tag {
display: inline-block;
padding: 0.35rem 0.85rem;
border-radius: 2rem;
background: rgba(245, 166, 35, 0.12);
color: #d97706;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.hero h1 {
font-size: clamp(1.8rem, 3.2vw, 2.75rem);
font-weight: 800;
color: #1B2559;
line-height: 1.25;
letter-spacing: -0.02em;
margin: 0;
}
.lead {
font-size: 1.05rem;
color: #4b5563;
line-height: 1.65;
margin: 0;
}
.panel.section,
.panel {
background: #ffffff;
border: 1px solid rgba(27, 37, 89, 0.08);
border-radius: 1.5rem;
padding: 1.75rem 2rem;
margin-bottom: 1.5rem;
box-shadow: 0 10px 30px rgba(27, 37, 89, 0.04);
}
.section-head {
margin-bottom: 1rem;
}
.section-kicker {
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #f5a623;
margin-bottom: 0.25rem;
}
.section-head h2,
.section h2 {
font-size: 1.65rem;
font-weight: 700;
color: #1B2559;
margin: 0;
line-height: 1.3;
}
.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 1.25rem;
margin-top: 1.25rem;
}
.card {
padding: 1.35rem 1.5rem;
border-radius: 1.1rem;
background: #ffffff;
border: 1px solid rgba(27, 37, 89, 0.08);
box-shadow: 0 4px 12px rgba(27, 37, 89, 0.03);
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.card:hover {
transform: translateY(-2px);
box-shadow: 0 12px 24px rgba(27, 37, 89, 0.08);
border-color: rgba(245, 166, 35, 0.4);
}
.card h3 {
font-size: 1.1rem;
font-weight: 700;
color: #1B2559;
margin: 0 0 0.5rem;
}
.card p {
font-size: 0.9rem;
color: #4b5563;
line-height: 1.6;
margin: 0;
}
.btn-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
margin-top: 1.25rem;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
min-height: 2.65rem;
padding: 0.65rem 1.25rem;
border-radius: 0.75rem;
font-weight: 700;
font-size: 0.875rem;
text-decoration: none;
cursor: pointer;
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
border: 1px solid transparent;
}
.btn-primary {
background: linear-gradient(135deg, #1B2559 0%, #2B3678 100%);
color: #ffffff !important;
box-shadow: 0 6px 18px rgba(27, 37, 89, 0.18);
}
.btn-primary:hover {
background: linear-gradient(135deg, #2B3678 0%, #4A3AFF 100%);
transform: translateY(-1px);
}
.btn-ghost {
background: #ffffff;
border: 1px solid rgba(27, 37, 89, 0.14);
color: #1B2559 !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}
.btn-ghost:hover {
background: #f8fbff;
border-color: #1B2559;
transform: translateY(-1px);
}
.chip-cloud {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 1rem;
}
.chip {
display: inline-flex;
align-items: center;
padding: 0.45rem 0.85rem;
border-radius: 2rem;
background: rgba(27, 37, 89, 0.04);
border: 1px solid rgba(27, 37, 89, 0.08);
font-size: 0.825rem;
font-weight: 600;
color: #1B2559;
}
.list-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 0.75rem;
margin-top: 1rem;
}
.list-item {
display: flex;
align-items: flex-start;
gap: 0.65rem;
padding: 0.75rem 0.9rem;
border-radius: 0.75rem;
background: rgba(27, 37, 89, 0.02);
border: 1px solid rgba(27, 37, 89, 0.06);
}
.bullet {
width: 8px;
height: 8px;
border-radius: 50%;
background: #F5A623;
margin-top: 0.45rem;
flex-shrink: 0;
}
.list-item strong {
display: block;
font-size: 0.875rem;
font-weight: 700;
color: #1B2559;
}
.list-item span {
font-size: 0.825rem;
color: #6b7280;
line-height: 1.45;
}
.callout {
padding: 1.25rem;
border-radius: 1rem;
background: linear-gradient(135deg, rgba(245, 166, 35, 0.08) 0%, rgba(74, 58, 255, 0.03) 100%);
border: 1px solid rgba(245, 166, 35, 0.25);
margin-top: 1.25rem;
}
.footer-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1rem;
margin-top: 1.25rem;
}
.contact-card {
padding: 1.1rem;
border-radius: 0.85rem;
background: #ffffff;
border: 1px solid rgba(27, 37, 89, 0.08);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}
.contact-card small {
display: block;
font-size: 0.725rem;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #6b7280;
margin-bottom: 0.25rem;
}
.contact-card strong {
display: block;
font-size: 0.95rem;
font-weight: 700;
color: #1B2559;
}
.text-link {
color: #4A3AFF !important;
font-weight: 600;
text-decoration: underline !important;
text-underline-offset: 3px;
transition: color 0.15s ease;
}
.text-link:hover {
color: #1B2559 !important;
}
@media (max-width: 840px) {
.bt-login-nav {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.bt-login-nav-links {
justify-content: flex-start;
}
}
@media (max-width: 640px) {
.bt-login-nav-logo {
height: 44px;
max-width: 180px;
}
.bt-login-nav-menu {
display: inline-flex;
}
.bt-login-nav-links {
display: none;
}
.bt-login-nav-menu-panel {
width: min(260px, calc(100vw - 1rem));
}
}
Kelola Registrasi, Presensi & Sertifikat Seminar dalam Satu Platform
Dari pendaftaran peserta hingga distribusi e-sertifikat via WhatsApp, semua proses seminar dikelola secara otomatis, cepat, presisi, dan paperless.
1.5 Detik
Check-In QR / Peserta
Timeline & Alur Project Seminar & Workshop
Alur kerja terstruktur dari pembukaan pendaftaran hingga pengiriman e-sertifikat otomatis pasca acara.
30 Hari Sebelum
Form Registrasi & Batas Kuota
Buka pendaftaran online, atur kuota peserta, dan kumpulkan data nama lengkap & gelar dengan akurat.
H-7 & H-1 Blast
Kirim E-Tiket Barcode WhatsApp
Kirim e-tiket QR Code personal & rundown acara langsung ke WhatsApp seluruh peserta.
Hari-H Event
Presensi QR Rapid (1.5 Detik)
Scan QR tiket peserta dalam 1.5 detik per orang di meja presensi pintu masuk utama atau per sesi.
Pasca Event
E-Sertifikat & Survei WhatsApp
Generasi otomatis PDF sertifikat & blast link unduh + survei kepuasan via WhatsApp.
Efisiensi & ROI Operasional Seminar
Penghematan waktu operasional terukur untuk panitia dan kenyamanan maksimal bagi peserta.
Waktu Registrasi
2 Min
↓
1.5 Sec
Distribusi Sertifikat
Days
↓
Auto WA
Daftar Hadir
Paper
↓
QR Cloud
Respon Feedback
< 10%
↓
> 85%
Rekapitulasi Excel
3 Hours
↓
Instant
Tantangan Operasional Seminar yang Kami Selesaikan
Dari pendaftaran peserta hingga distribusi e-sertifikat otomatis, kami membantu menyederhanakan operasional seminar.
❌ Antrean registrasi mengular panjang di lobby venue
✅ QR Check-In kilat 1.5 detik per peserta tanpa antrean
❌ Peserta sulit dipastikan hadir secara fisik
✅ Presensi digital real-time & live counter jumlah peserta
❌ Nama peserta sering salah ketik di e-sertifikat
✅ Data sertifikat ditarik otomatis dari form registrasi resmi
❌ Respon survei feedback peserta sangat rendah
✅ Survei kepuasan terkirim otomatis via WhatsApp pasca acara
❌ Panitia membuang waktu mengetik ulang daftar hadir
✅ Sekali klik ekspor rekap Excel lengkap dengan timestamp
❌ Verifikasi poin SKP/CPD sulit dibuktikan
✅ Log timestamp presensi presisi per-sesi untuk audit
Siapa yang Menggunakan Buku Tamu Digital Seminar?
🎓
Universitas & Kampus
Kelola seminar akademik, kuliah umum, dan simposium kelulusan kampus.
🏛️
Himpunan & BEM
Panitia mahasiswa mengelola seminar nasional & webinar organisasi secara rapi.
👔
Seminar Event Organizer
EO profesional menjamin registrasi cepat & laporan hasil acara untuk klien.
🏢
Lembaga Pelatihan & Training
Pusat pelatihan karyawan memantau kehadiran workshop & distribusi sertifikat.
🌐
Komunitas Profesional
Asosiasi profesi menerbitkan sertifikat kredit SKP/CPD yang terverifikasi.
🏛️
Pemerintah & NPO
Instansi pemerintah & NPO menyelenggarakan sosialisasi & workshop publik.
Fitur Spesial Operasional Seminar & Workshop
📜
Distribusi E-Sertifikat Otomatis
Generasi sertifikat PDF nama personal & kirim link unduh via WhatsApp ke peserta yang hadir.
⚡
Presensi QR Code 1.5 Detik
Pindai QR Code tiket peserta kurang dari 1.5 detik tanpa antrean di pintu masuk.
📋
Presensi Multi-Sesi & Track
Catat presensi terpisah untuk pleno pagi, workshop breakout, hingga panel diskusi.
💬
Kumpulkan Feedback via WhatsApp
Kirim link survei kepuasan ke WhatsApp peserta sebelum mereka meninggalkan venue.
📊
Live Counter & Dashboard Realtime
Tampilkan jumlah peserta hadir & persentase kuota di dashboard panitia.
📑
Data Peserta & Rekap Excel Ready
Unduh rekapitulasi data absensi, jam masuk, & hasil survei ke Excel seketika.
Jenis Event Seminar yang Didukung
🏛️
Seminar Akademik
Seminar nasional dosen, mahasiswa, dan konferensi akademik kampus.
💻
Workshop & Hands-On
Sesi pelatihan praktik langsung dengan pembatasan kuota peserta.
🚀
Bootcamp & Training
Program pelatihan intensif & pembekalan profesional berhari-hari.
📜
Sertifikasi & SKP/CPD
Event kredit profesi (dokter, perawat, apoteker, insinyur, dll).
🌐
Webinar & Hybrid
Seminar kombinasi tatap muka fisik & presensi online virtual.
🩺
Medical & Technical Symposium
Simposium medis & forum teknis berkepatuhan tinggi.
Timeline Operasional Hari-H Seminar
07.30
Setup Scanner & Meja Registrasi
Panitia standby di meja registrasi & menguji scanner QR Code.
08.00
Presensi Pintu Utama (1.5 Detik)
Peserta melakukan scan QR tiket di pintu gate tanpa antrean.
09.00
Pembukaan & Presensi Sesi
Sesi pleno dimulai; panitia memantau statistik di dashboard.
12.00
Check-In Breakout & Makan Siang
Validasi sesi kelas workshop atau penukaran voucher makan.
15.00
Penutupan & Survei WhatsApp
Link survei kepuasan terkirim otomatis ke WhatsApp peserta.
15.30
Distribusi E-Sertifikat Otomatis
Peserta hadir menerima link unduh PDF e-sertifikat resmi.
Alur Otomatisasi Distribusi E-Sertifikat
01
Pendaftaran
02
Terima QR
03
Presensi QR
04
Validasi Hadir
05
Pesan WA
06
Unduh PDF
Transformasi Event Manual vs Digital
Sebelum (Manual Kertas)
"Antrean registrasi mengular dan sertifikat butuh waktu berhari-hari!"
Daftar hadir kertas berisiko acak-acakan, nama di sertifikat sering salah ketik, dan formulir feedback hilang.
Sesudah (Platform Digital)
"Scan QR 1.5 detik, sertifikat otomatis ke WA, dan rekap Excel siap unduh!"
Presensi multi-sesi tersinkronisasi realtime, e-sertifikat terkirim otomatis, dan laporan absensi terunduh seketika.
Mengapa Panitia Beralih ke Buku Tamu Digital
Proses Operasional Seminar
Presensi Kertas / Manual
Buku Tamu by einvite.id
Waktu Registrasi Pintu
1 - 2 Menit (cari nama manual)
1.5 Detik (scan QR ticket)
Distribusi E-Sertifikat
Ketik nama & kirim email berhari-hari
Kirim otomatis PDF via WhatsApp
Akurasi Data Kehadiran
Tanda tangan kertas rawan palsu
Log timestamp presisi & valid
Survei Kepuasan Peserta
< 10% (kertas survei diabaikan)
> 85% (survei otomatis WhatsApp)
Rekapitulasi Absensi Excel
Mengetik ulang berjam-jam
Sekali klik ekspor Excel siap pakai
Waktu Registrasi Pintu
❌ Manual Kertas: 1 - 2 Menit (cari nama manual)
✅ einvite.id: 1.5 Detik (scan QR ticket)
Distribusi E-Sertifikat
❌ Manual Kertas: Ketik nama & kirim email berhari-hari
✅ einvite.id: Kirim otomatis PDF via WhatsApp
Akurasi Data Kehadiran
❌ Manual Kertas: Tanda tangan kertas rawan palsu
✅ einvite.id: Log timestamp presisi & valid
Survei Kepuasan Peserta
❌ Manual Kertas: < 10% (kertas survei diabaikan)
✅ einvite.id: > 85% (survei otomatis WhatsApp)
Rekapitulasi Absensi Excel
❌ Manual Kertas: Mengetik ulang berjam-jam
✅ einvite.id: Sekali klik ekspor Excel siap pakai
5.0 / 5.0 Google Reviews
Apa Kata Penyelenggara Seminar & Instansi Tentang Kami?
Ulasan pengalaman nyata dari panitia seminar kampus, event organizer, dan pusat pelatihan di Google Reviews.
Geser samping untuk melihat 6 ulasan
"Platform presensi QR Code & e-sertifikat yang luar biasa! Data peserta tercatat rapi, sertifikat terdistribusi otomatis via WhatsApp tanpa ada salah ketik nama."
RS
Rini Setyowati
Panitia Seminar Akademik & Universitas
"Sangat membantu operasional simposium kami. Presensi per-sesi berjalan sangat cepat (< 1.5 detik per peserta), dan laporan absensi Excel bisa diunduh seketika."
HW
Dr. Hendra Wijaya
Ketua Panitia Simposium Nasional
"Very good, excellent ! Understand what customer want and highly friendly attitude. Presensi kilat dan kirim e-sertifikat otomatis membantu banget!"
CB
Chandres Brilliant
Training & Workshop Organizer
"Good services, they can help you to choose until the making and final decision. I am not well technology, but they help..."
HE
Helvina Etami
Client Terverifikasi
"High recommended , puas banget dengan hasilnya .. yg paling saya suka .. Fast Respond & sistem registrasi QR nya sangat lancar tanpa antrean!"
ES
Eka Sanjaya
Event Manager Seminar & Workshop
"Respon & kualitas profesional. Pengiriman QR pass dan sertifikat otomatis via WA membuat peserta sangat terkesan. Sukses selalu 👍🙏"
RK
Remmy Kusnadi
Penyelenggara Workshop Profesional
Pilihan Paket Skala Event Seminar
Semua paket dilengkapi sistem registrasi QR Code, rekap Excel, & sinkronisasi cloud.
Workshop & Class
~100 Pax
Cocok untuk workshop interaktif & kelas pelatihan. Pendaftaran cepat & rekap kehadiran instan.
Konsultasi Paket
National Seminar
~300 Pax
Paket terpopuler seminar nasional. Lengkap dengan blast WhatsApp, e-sertifikat & support multi-gate.
Konsultasi Seminar
Conference & Symposium
1000+ Pax
Untuk konferensi akbar & simposium berhari-hari. Sync multi-track sesi tanpa batas & garansi SLA.
Konsultasi Simposium
Pertanyaan Sering Diajukan FAQ Seminar
Apakah peserta bisa check-in lebih dari satu sesi?
Ya, platform kami mendukung pencatatan multi-sesi. Anda dapat mencatat timestamp kehadiran untuk sesi pleno pagi, workshop breakout, hingga panel sore.
Apakah sertifikat hanya diberikan kepada peserta yang hadir?
Ya, distribusi e-sertifikat dapat dikunci berdasarkan validasi presensi QR Code aktual di lokasi acara untuk menjaga integritas data.
Apakah nama sertifikat otomatis mengikuti data registrasi?
Ya, nama dan gelar peserta ditarik secara dinamis dari database pendaftaran untuk mencegah kesalahan ketik nama pada e-sertifikat.
Apakah survei feedback bisa dikirim otomatis via WhatsApp?
Ya, link survei kepuasan dapat terkirim otomatis ke WhatsApp peserta sesaat setelah sesi penutupan berakhir.
Apakah mendukung seminar hybrid atau online?
Ya, sistem mendukung presensi QR Code di lokasi fisik sekaligus link presensi digital untuk peserta online/hybrid.
Apakah data presensi dapat diekspor langsung ke Excel?
Ya, rekapitulasi data peserta, timestamp jam masuk, dan hasil survei dapat diekspor seketika ke format Excel/CSV siap pakai.
Masuk
