Cara Membuat Katalog Produk Digital UMKM dengan WordPress dan Elementor
Beberapa tahun terakhir ini saya sering diminta bantu merapikan “etalase online” para pelaku UMKM. Masalahnya hampir selalu sama: produk sudah bagus, tapi cara menampilkannya masih seadanya. Foto numpuk di status WhatsApp, harga ditanya satu-satu, dan calon pembeli akhirnya kabur karena ribet.
Padahal solusinya tidak harus mahal. Dengan WordPress dan Elementor, siapa pun bisa membuat katalog produk digital yang rapi, cepat, dan enak dilihat — tanpa perlu jago coding. Saya sudah membuktikannya sendiri saat membantu beberapa lembaga dan usaha kecil menata katalog mereka secara online, dan hasilnya cukup memuaskan.
Di artikel ini saya akan ajak Anda membuat katalog produk digital dari nol, langkah demi langkah. Santai saja, ikuti pelan-pelan.
Kenapa WordPress dan Elementor Cocok untuk UMKM?
Sebelum mulai teknis, saya ingin jelaskan dulu kenapa kombinasi ini saya rekomendasikan.
WordPress adalah sistem pengelola website yang dipakai lebih dari 40% website di dunia. Artinya, komunitasnya besar, tutorialnya banyak, dan Anda tidak akan sendirian kalau ada masalah.
Elementor adalah plugin page builder yang memungkinkan Anda mendesain halaman dengan cara drag and drop. Ibaratnya, Anda punya LEGO digital untuk menyusun tampilan website sesuai selera.
Keunggulan kombinasi ini untuk UMKM:
- Tanpa coding — cukup klik, geser, atur warna dan ukuran.
- Hemat biaya — versi gratis Elementor sudah cukup untuk katalog sederhana.
- Mudah diupdate — tambah produk baru tinggal beberapa menit.
- Ramah SEO — strukturnya bagus untuk muncul di Google.
Kalau Anda serius, ini investasi waktu yang sangat sepadan.
Persiapan Sebelum Membangun Katalog
Banyak orang langsung beli domain dan hosting, lalu bingung mau ngapain. Padahal persiapan matang membuat prosesnya jauh lebih lancar.
1. Siapkan Domain dan Hosting
Pilih nama domain yang mudah diingat, idealnya mengandung nama usaha Anda. Untuk hosting, pilih yang mendukung PHP 8 dan punya fitur SSL gratis. Harga hosting lokal biasanya mulai Rp20.000–Rp50.000 per bulan.
2. Install WordPress
Hampir semua hosting sekarang menyediakan installer otomatis. Anda cukup klik “Install WordPress”, isi nama situs dan password admin, selesai.
3. Install Elementor
Masuk ke menu Plugins → Add New, cari “Elementor”, lalu klik Install dan Activate. Untuk fitur lebih lengkap, Anda bisa upgrade ke Elementor Pro, tapi versi gratis dulu saja.
4. Kumpulkan Aset Produk
Ini yang sering diabaikan. Kumpulkan dulu:
- Foto produk resolusi bagus (minimal 800×800 piksel)
- Nama dan deskripsi singkat setiap produk
- Harga dan varian (jika ada)
- Nomor WhatsApp untuk tombol order
Semakin rapi persiapan, semakin cepat proses pembuatannya.
Langkah Membuat Katalog Produk dengan Elementor
Sekarang masuk ke bagian inti. Saya akan bagi menjadi beberapa langkah yang bisa Anda ikuti langsung.
Langkah 1: Buat Halaman Baru
Dari dashboard WordPress, pilih Pages → Add New. Beri nama misalnya “Katalog Produk”. Setelah itu klik tombol Edit with Elementor.
Langkah 2: Atur Struktur Halaman
Elementor bekerja dengan sistem section dan column. Untuk katalog, saya sarankan struktur seperti ini:
- Section Header — berisi judul katalog dan deskripsi singkat usaha Anda.
- Section Produk — dibagi menjadi 3 atau 4 kolom untuk menampilkan produk.
- Section CTA — berisi ajakan order via WhatsApp atau form kontak.
Langkah 3: Tambahkan Widget Produk
Di panel kiri Elementor, cari widget Image atau Image Box. Drag ke kolom yang sudah disiapkan. Upload foto produk, atur ukurannya agar seragam.
Di bawah foto, tambahkan widget Heading untuk nama produk dan widget Text Editor untuk deskripsi singkat. Jangan lupa widget Button untuk tombol “Pesan Sekarang”.
Langkah 4: Sambungkan Tombol ke WhatsApp
Klik tombol yang sudah dibuat, lalu pada bagian Link, masukkan format berikut:
https://wa.me/6281234567890?text=Halo,%20saya%20mau%20pesan%20[nama%20produk]
Ganti angka dengan nomor WhatsApp Anda. Trik ini membuat calon pembeli langsung terhubung tanpa harus menyalin nomor secara manual.
Langkah 5: Duplikasi untuk Produk Lain
Ini fitur favorit saya. Setelah satu kartu produk selesai, klik kanan → Duplicate. Anda tinggal ganti foto, nama, dan harganya. Sangat cepat!
Langkah 6: Rapikan Desain
Beberapa hal yang sebaiknya Anda perhatikan:
- Gunakan warna brand yang konsisten di seluruh halaman.
- Atur padding dan margin agar tidak terlalu mepet.
- Pilih font yang mudah dibaca — hindari font terlalu dekoratif.
- Pastikan tampilan di HP juga rapi (cek mode responsive di bawah panel Elementor).
Tips Agar Katalog Anda Lebih Efektif
Membuat katalog itu satu hal, membuatnya menjual adalah hal lain. Beberapa tips dari pengalaman saya:
- Foto konsisten — gunakan background serupa untuk semua produk.
- Deskripsi singkat tapi menggigit — fokus pada manfaat, bukan hanya spesifikasi.
- Sertakan testimoni — satu section berisi ulasan pembeli bisa meningkatkan kepercayaan.
- Tambahkan pencarian atau filter — jika produk Anda banyak, gunakan plugin seperti WooCommerce untuk katalog dinamis.
- Optimasi gambar — kompres foto agar website tidak lambat. Gunakan plugin seperti Smush atau ShortPixel.
Untuk UMKM yang produknya mulai ratusan, saya sarankan migrasi ke WooCommerce. Tampilannya tetap bisa didesain dengan Elementor, tapi manajemen produknya jauh lebih terstruktur.
Kesimpulan
Membuat katalog produk digital dengan WordPress dan Elementor sebenarnya tidak sesulit yang dibayangkan. Dengan persiapan yang matang dan mengikuti langkah di atas, Anda bisa punya etalase online yang profesional dalam hitungan jam — bukan minggu.
Yang terpenting bukan sekadar tampilannya cantik, tapi bagaimana katalog itu memudahkan calon pembeli mengenal dan memesan produk Anda.
Kalau Anda sedang membangun usaha kecil, travel, atau lembaga sosial dan ingin mulai merapikan sistem digitalnya, jangan tunggu sempurna. Mulai dari satu halaman dulu, lalu kembangkan seiring waktu.
Butuh teman diskusi atau pendampingan untuk membangun sistem digital usaha Anda? Silakan hubungi saya lewat halaman kontak di blog ini. Saya senang berbagi pengalaman dan membantu sebisa mungkin. Selamat mencoba! 🚀
