LUXEE HELPS
Katalog Undangan Ketinggalan Zaman? Ini Cara Update Homepage Katalog Agensi!
📌 Apa itu Update Homepage Katalog?
Update Homepage Katalog adalah tindakan berkala memperbarui seksi galeri katalog utama agensi Anda. Proses ini meliputi penggantian mockup desain undangan, pembaruan link live preview, pengorganisasian kategori desain (modern, adat, minimalis) agar calon pengantin dapat menemukan tema impian mereka dengan mudah.
Anda baru saja merilis 5 desain tema undangan pernikahan digital terbaru yang bertema 3D Parallax mewah. Klien lama maupun calon klien baru yang berkunjung ke website Anda tidak akan tahu jika katalog depan website agensi Anda masih menampilkan desain tema-tema lama tahun lalu. Anda perlu memperbarui grid gambar mockup, menambahkan badge "HOT ITEM / BARU" pada tema teranyar, serta menyematkan tombol demo aktif agar portofolio agensi Anda selalu terkesan segar dan trendi.
✨ Fitur Unggulan Grid Katalog Terorganisir
- Filtering Kategori Dinamis: Memudahkan penyaringan tema undangan (rustic, syari, floral) dalam satu halaman tanpa reload.
- Visual Mockup Premium: Tata letak frame HP elegan yang membuat visual contoh undangan Anda terlihat sangat mewah.
- Tombol Demo & Order Selaras: Mempersingkat alur checkout klien dari sekadar melihat menjadi pembeli aktif.
🛠️ Langkah Memperbarui Homepage Katalog
Langkah 1: Membuat Gambar Mockup Tema Baru
Siapkan tangkapan layar (screenshot) halaman undangan baru Anda. Masukkan ke dalam template frame mockup handphone berformat PNG transparan menggunakan Photoshop atau Canva.
Langkah 2: Membuka Editor Elementor Homepage
Buka halaman beranda katalog utama Anda (misalnya halaman homepage agensi) melalui menu admin WordPress **Pages**, lalu klik tombol **Edit with Elementor**.
Langkah 3: Mengedit Grid Portofolio / Galeri
Pilih kolom katalog target. Klik bagian gambar mockup default dan unggah file gambar mockup tema baru Anda. Perbarui link teks "Lihat Demo" di bawah gambar dengan URL live preview tema tersebut.
Langkah 4: Menonton Video Panduan Praktis
Pelajari trik penataan tata letak grid gambar responsif, pengaturan rasio kompresi gambar mockup agar tidak merusak speed loading, dan setup link demo lewat video berikut:
Selalu gunakan dimensi resolusi gambar yang seragam untuk semua mockup katalog agensi Anda (misalnya rasio potret **4:5** atau **3:4**). Dimensi gambar yang tidak seragam akan membuat susunan grid katalog terlihat berantakan di layar smartphone.
🔗 Modul Panduan Terkait
Lakukan sinkronisasi sistem checkout pesanan dan Google Sheet agensi Anda:
💡 Pertanyaan Sering Ditanya (FAQ)
Pastikan Anda tidak memilih opsi ukuran gambar **Thumbnail (150x150)** pada widget Image Elementor Anda. Pilih ukuran minimal **Medium (300x300)** atau **Large** agar gambar ter-render tajam.
Tidak. Anda cukup memanfaatkan widget **Basic Gallery** bawaan Elementor gratisan atau menyusun struktur kolom & seksi secara manual menggunakan Flexbox Container bawaan Elementor modern.
Klik widget Image, buka tab **Style > Border**, lalu aktifkan opsi **Box Shadow**. Setel bayangan horizontal/vertical tipis dengan warna hitam transparan (rgba 0,0,0,0.1) agar terkesan melayang elegan.