Member Area

Katalog Demo Tema Belum Aktif? Ini Cara Edit Preview Tabs & Link Demo di Homepage!

📌 Apa itu Section Preview Tabs Katalog Tema?

Section Preview Tabs Katalog Tema adalah etalase portofolio interaktif pada template Homepage Jasa yang mengelompokkan 33 template AnyEvent ke dalam tab kategori acara (seperti Bisnis, Webinar, Tasyakuran, Aqiqah, Ulang Tahun, Wisuda) dan menyediakan tombol "Lihat Demo" untuk membuka pratinjau live undangan di tab baru.

📖
Skenario Masalah Nyata

Faktor penentu utama calon klien memesan jasa undangan adalah saat mereka melihat contoh desain jadinya. Jika link demo masih mengarah ke tanda pagar (#) atau tombol tab tidak menampilkan kartu tema yang sesuai, klien akan ragu dan batal menghubungi Anda.

✨ Fitur Unggulan Etalase Katalog Tema

  • Filter Kategori Multi-Event: Memilah tema berdasarkan jenis kegiatan klien dengan satu klik.
  • Mockup Device Card Elegan: Gambar kartu preview berbingkai smartphone modern dengan efek bayangan mewah.
  • Tombol Live Demo & Pesan Langsung: Tombol ganda untuk melihat pratinjau interaktif atau langsung memesan tema tersebut.

🛠️ Langkah Mengatur Tab Kategori Acara

Langkah 1: Membuka Pengaturan Widget Tabs di Elementor

  1. Buka halaman Homepage Jasa pada editor Elementor.
  2. Scroll ke section Koleksi Desain Tema / Katalog Undangan.
  3. Klik widget Tabs atau kontainer tab pengelompokan tema.
  4. Pada tab Content → Tabs Items, Anda akan melihat daftar nama kategori (misal: Semua Tema, Bisnis & Korporat, Webinar & Edukasi, Tasyakuran & Aqiqah, Milad & Wisuda).
  5. Anda dapat mengubah label nama tab, menambah tab baru, atau menghapus kategori yang tidak Anda tawarkan.

🖼️ Langkah Mengganti Gambar Mockup Preview Tema

  1. Klik elemen gambar (Image) atau kartu tema yang berada di dalam isi tab terkait.
  2. Pada panel kiri Elementor di tab Content → Image:
    • Klik kotak gambar untuk membuka WordPress Media Library.
    • Pilih tangkapan layar (screenshot) mockup tema AnyEvent yang sudah Anda siapkan.
    • Pastikan ukuran gambar proporsional (rekomendasi rasio: 9:16 portrait atau dimensi 600 x 1067 px).
  3. Beri judul tema pada elemen Heading di bawah gambar (misalnya: Tema 01 - Tech Innovate Webinar).
  1. Klik tombol "Lihat Demo" / "Live Preview" pada kartu tema yang sedang diedit.
  2. Pada tab Content → Link:
    • Masukkan URL halaman demo undangan yang aktif di website Anda (misalnya: https://domainanda.com/demo/webinar-ai/).
    • Klik ikon gerigi → centang opsi Open in new window (target="_blank") agar halaman utama promosi agensi Anda tidak tertutup saat klien membuka link demo.
  3. Pada tombol pendampingnya ("Pesan Tema Ini"), pasang link WhatsApp API khusus yang otomatis menyebutkan nama tema tersebut:
https://wa.me/6281234567890?text=Halo%20Admin%2C%20saya%20tertarik%20untuk%20memesan%20jasa%20undangan%20dengan%20*Tema%2001%20-%20Tech%20Innovate*.
💡
Pro Tips Struktur Folder Halaman Demo

Untuk menjaga kerapian URL portofolio, buat halaman demo dengan struktur slug sub-direktori yang jelas (contoh: /demo-anyevent/webinar/, /demo-anyevent/aqiqah/, /demo-anyevent/wisuda/). Ini mempermudah pelacakan analitik dan pengelolaan ratusan demo tema.

🔗 Modul Panduan Terkait

Langkah terkait pengelolaan homepage jasa:

💡 Pertanyaan Sering Ditanya (FAQ)

Tidak harus langsung semua. Anda dapat memajang 6 hingga 10 tema terpopuler terlebih dahulu (misal: 2 tema webinar, 2 tema aqiqah, 2 tema ulang tahun, 2 tema reuni) untuk mulai menerima pesanan, lalu melengkapinya secara bertahap.

Aset gambar preview dan banner siap pakai sudah tersedia di folder materi promosi pada Member Area Rootpixel produk Luxee AnyEvent.

Jika menggunakan tab berbasis kontainer, pastikan Anda menempatkan elemen kartu di dalam kontainer anak (child container) yang terhubung dengan target ID masing-masing tab.

*Terakhir diperbarui: 24-Agustus-2026*