Banner
Halaman Banner digunakan oleh Admin untuk mengelola gambar promosi visual pada platform Teem.id, baik untuk slide carousel pada halaman utama (Home/Beranda) website publik maupun banner pop-up yang muncul secara otomatis setelah mitra/pengguna melakukan login.
Media visual ini berfungsi untuk menyampaikan promosi khusus, peluncuran produk baru, hingga pengumuman penting secara strategis berdasarkan target level mitra.
Cara Mengakses Halaman Banner
Bagi Admin yang ingin mengonfigurasi atau memperbarui media banner, ikuti langkah navigasi berikut:
- Pada bilah navigasi kiri (sidebar), buka modul Administrator > Pengaturan.
- Pada kategori KONTEN di panel navigasi sebelah kiri, pilih sub-menu Banner.
- Sistem akan menampilkan dua area pengaturan utama: Banner Beranda dan Banner Pop-up Setelah Login.
Tampilan Halaman Banner
Panduan Pengelolaan Banner
Admin dapat mengonfigurasi dua jenis banner visual dengan fleksibilitas kustomisasi parameter yang berbeda.
1. Banner Beranda (Home Carousel)
Digunakan untuk mengatur gambar promosi putar (carousel slide) pada halaman utama website publik:
- Mengunggah Gambar Baru: Klik kotak Upload Gambar pada slot kosong untuk memilih berkas dari perangkat Anda.
- Judul Banner: Masukkan nama atau identitas promo pada kolom input Judul Banner.
- Badge Urutan: Setiap kartu banner dilengkapi label indikator urutan (Urutan #1, Urutan #2, dsb.) untuk menentukan posisi penayangan slide.
- Menghapus Banner: Klik tombol Hapus berwarna merah di bagian bawah kartu banner terpilih untuk mengosongkan slot.
- Konfirmasi: Klik tombol Simpan berwarna merah di pojok kanan bawah blok Banner Beranda untuk menerbitkan perubahan.
2. Banner Pop-up Setelah Login
Digunakan untuk mengatur banner promosi interaktif yang muncul secara otomatis saat mitra atau pengguna masuk ke aplikasi/sistem:
- Mengunggah Gambar Pop-up: Klik tombol Upload Gambar Pop-up pada slot kosong (format rekomendasi: Maks. 2MB).
- Parameter Konfigurasi:
- Judul Pop-up: Nama atau deskripsi ringkas judul iklan/banner.
- Link saat diklik (opsional): Tautan URL tujuan saat gambar banner diklik oleh pengguna (contoh:
https://e-commerce.ubig.web.id/shopatau URL produk). - Sakelar Tampilkan pop-up: Toggle sakelar interaktif untuk mengaktifkan atau mematikan penayangan pop-up secara instan.
- Tampil untuk level mitra: Dropdown penentu visibilitas audiens target (Semua Level, Agen, Konsumen, Distributor, dll.).
- Urutan tampil: Angka prioritas penayangan (semakin kecil angka, semakin awal banner ditampilkan).
- Menghapus & Menyimpan: Klik tombol Hapus untuk menghapus kartu pop-up, atau klik tombol Simpan berwarna merah di pojok kanan bawah blok untuk mengonfirmasi pengaturan.
Ringkasan Struktur & Komponen UI
| Komponen / Field | Tipe | Fungsi & Keterangan |
|---|---|---|
| Judul Banner / Pop-up | Input Teks | Penamaan berkas banner untuk identifikasi internal. |
| Link saat diklik | Input URL | Tautan pengalihan opsi saat gambar pop-up diklik. |
| Tampilkan pop-up | Sakelar Toggle | Mengaktifkan atau menyembunyikan penayangan pop-up secara langsung. |
| Tampil untuk level mitra | Dropdown | Menentukan kualifikasi tingkatan mitra yang dapat melihat pop-up. |
| Urutan tampil | Input Angka | Mengatur hirarki prioritas urutan penayangan banner. |
| Upload Gambar | Opsi Unggah | Memilih dan mengunggah media visual baru dari perangkat. |
| Tombol Hapus | Tombol Aksi | Menghapus slot banner dari konfigurasi sistem. |
| Tombol Simpan | Eksekusi | Menerapkan dan menerbitkan seluruh pembaruan ke platform. |