Aplikasi Katalog Produk Online Gratis

Setiap hari Anda mengirim foto produk satu per satu ke calon pembeli di WhatsApp, lalu menjawab pertanyaan yang sama: "Harganya berapa?", "Masih ada?", "Ukurannya apa saja?". Peker...

Aplikasi Katalog Produk Online Gratis

Setiap hari Anda mengirim foto produk satu per satu ke calon pembeli di WhatsApp, lalu menjawab pertanyaan yang sama: "Harganya berapa?", "Masih ada?", "Ukurannya apa saja?". Pekerjaan ini menyita waktu dan sering membuat pembeli batal karena menunggu balasan. Katalog produk online menyelesaikan masalah ini dengan satu tautan berisi semua produk, harga, dan tombol pesan.

Tidak semua usaha butuh toko online lengkap dengan keranjang dan pembayaran otomatis. Untuk banyak UMKM yang berjualan lewat media sosial, katalog plus order via WhatsApp sudah cukup, dan bisa dimulai tanpa biaya.

Katalog atau Toko Online: Mana yang Anda Butuhkan?

AspekKatalog + WhatsAppToko online penuh
Proses orderPembeli chat, Anda konfirmasi manualKeranjang, checkout, bayar otomatis
Biaya awalBisa gratisLebih tinggi (payment gateway, ongkir otomatis)
Cocok untuk volumePuluhan pesanan per hariRatusan pesanan per hari
Interaksi pembeliTinggi, bisa nego dan tanya detailRendah, serba mandiri
Beban adminNaik seiring jumlah chatLebih ringan per pesanan

Angka volume di atas hanya patokan kasar. Tanda Anda mulai perlu toko penuh: admin kewalahan membalas chat, sering salah catat pesanan, atau pembeli meminta bayar langsung tanpa menunggu konfirmasi.

Pilihan Aplikasi Katalog Gratis

  • Katalog WhatsApp Business: gratis, langsung terhubung ke chat, cocok jika hampir semua pembeli datang dari WhatsApp. Kekurangannya, kurang nyaman dibuka di luar aplikasi WhatsApp dan tidak terindeks mesin pencari.
  • Produk di Google Business Profile: tampil di Google Maps dan pencarian lokal. Cocok untuk toko fisik yang ingin ditemukan orang sekitar.
  • Website builder dengan paket gratis: memberi halaman katalog dengan subdomain. Fiturnya dibatasi dan biasanya menampilkan merek platform.
  • Spreadsheet yang dipublikasikan: Google Sheets bisa dijadikan daftar harga online. Sangat sederhana, tetapi tampilannya kurang meyakinkan untuk produk visual.
  • Aplikasi katalog sendiri (self-hosted): misalnya aplikasi Laravel di hosting Anda. Butuh biaya hosting dan sedikit kemampuan teknis, tetapi Anda pegang penuh tampilan, data, dan domain.

Banyak penjual memakai kombinasi: katalog WhatsApp untuk pembeli lama, dan halaman katalog web untuk tautan di bio Instagram atau TikTok.

Saat memilih, tanyakan tiga hal: dari mana sebagian besar pembeli datang, apakah Anda butuh ditemukan lewat Google, dan siapa yang akan memperbarui stok setiap hari. Jawaban ketiga sering paling menentukan, karena katalog yang tidak diperbarui justru merugikan.

Langkah Menyusun Katalog yang Rapi

  1. Kumpulkan data produk dalam satu tabel: nama, kategori, harga, varian, stok, dan satu kalimat manfaat. Spreadsheet sudah cukup untuk tahap ini.
  2. Foto ulang dengan aturan seragam: rasio sama (misalnya 1:1), latar polos, cahaya dari jendela. Ponsel biasa sudah memadai.
  3. Tulis deskripsi berbasis manfaat: bukan hanya "bahan katun 30s", tetapi "katun 30s, adem dipakai seharian".
  4. Cantumkan harga. Menyembunyikan harga membuat sebagian pembeli enggan bertanya.
  5. Kelompokkan per kategori dan letakkan produk terlaris di urutan atas.
  6. Tambahkan tombol pesan yang membuka WhatsApp dengan teks otomatis.
  7. Bagikan satu tautan di bio Instagram, status WhatsApp, deskripsi TikTok, dan grup komunitas.

Membuat Tombol Order WhatsApp Otomatis

WhatsApp menyediakan format tautan https://wa.me/<nomor>?text=<pesan>. Nomor ditulis dengan kode negara tanpa tanda plus atau nol di depan. Jika katalog Anda dibuat dengan Laravel, tombolnya bisa dibuat di Blade seperti ini:

@php
    $pesan = "Halo, saya mau pesan:\n"
        . "Produk: {$product->name}\n"
        . "Varian: \n"
        . "Harga: Rp " . number_format($product->price, 0, ',', '.') . "\n"
        . "Link: " . route('katalog.show', $product);
    $waUrl = 'https://wa.me/6281234567890?text=' . rawurlencode($pesan);
@endphp

<a href="{{ $waUrl }}" target="_blank" rel="noopener">Pesan via WhatsApp</a>

Fungsi rawurlencode penting karena spasi dan baris baru harus dikodekan agar teks tampil utuh. Sertakan tautan produk di pesan supaya Anda tidak bingung produk mana yang dimaksud ketika pembeli memesan banyak barang mirip. Ganti nomor contoh dengan nomor bisnis Anda.

Struktur Data Jika Membangun Sendiri

Untuk developer yang membuat katalog sendiri, struktur minimal berikut sudah memadai untuk ratusan produk:

CREATE TABLE products (
  id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
  category_id BIGINT UNSIGNED NOT NULL,
  name VARCHAR(150) NOT NULL,
  slug VARCHAR(170) NOT NULL UNIQUE,
  price DECIMAL(12,2) NOT NULL,
  summary VARCHAR(255) NULL,
  is_available TINYINT(1) NOT NULL DEFAULT 1,
  sort_order INT NOT NULL DEFAULT 0,
  updated_at TIMESTAMP NULL
);

Kolom is_available memungkinkan produk ditandai habis tanpa dihapus, sehingga tautan lama yang sudah tersebar tidak berujung halaman error. Kolom slug memberi URL yang mudah dibaca, misalnya /katalog/kemeja-linen-pria. Desain relasi kategori dan varian bisa Anda kembangkan dengan panduan merancang ERD sederhana.

Mengukur Apakah Katalog Bekerja

Tanpa data, Anda tidak tahu produk mana yang dilihat tetapi jarang dipesan. Ada dua cara sederhana untuk mengukurnya.

Pertama, beri tautan berbeda untuk tiap saluran, misalnya menambahkan parameter ?src=ig di bio Instagram dan ?src=tiktok di TikTok. Jika Anda memakai Google Analytics atau alat sejenis, parameter ini membantu melihat saluran mana yang paling banyak mendatangkan pengunjung.

Kedua, jika katalog dibuat dengan Laravel, arahkan tombol pesan melalui route kecil yang mencatat klik sebelum membuka WhatsApp:

Route::get('/pesan/{product:slug}', function (Product $product) {
    $product->increment('order_clicks');
    $pesan = "Halo, saya mau pesan {$product->name}";
    return redirect()->away('https://wa.me/6281234567890?text=' . rawurlencode($pesan));
})->name('katalog.pesan');

Kolom order_clicks (tambahkan lewat migrasi) memperlihatkan produk mana yang paling sering memicu chat. Bandingkan dengan jumlah pesanan yang benar-benar jadi. Contoh: jika satu produk banyak diklik tetapi jarang dibeli, mungkin harganya, ongkirnya, atau fotonya yang perlu diperbaiki.

Agar Katalog Ditemukan di Pencarian

  • Pakai nama produk sesuai cara orang mencari, misalnya "kemeja linen pria lengan pendek", bukan kode internal "KML-03".
  • Tambahkan nama kota jika Anda melayani pembeli lokal atau COD.
  • Satu produk, satu halaman dengan judul dan deskripsi unik. Hindari menyalin deskripsi dari pemasok, karena halaman yang sama persis dengan situs lain sulit bersaing.
  • Isi profil Google Business jika punya toko fisik.

Bangun Kepercayaan Pembeli Baru

Pembeli yang belum mengenal Anda butuh alasan untuk percaya. Tampilkan kebijakan yang jelas: estimasi pengiriman, cara retur, dan garansi bila ada. Foto paket yang dikirim dan ulasan dari pelanggan sungguhan juga membantu. Jangan pernah mengarang testimoni; pembeli makin pandai mengenalinya dan risikonya merusak reputasi.

Kesalahan Umum dan Cara Memperbaikinya

  • Foto gelap dan ukurannya beda-beda: tetapkan satu sudut dan satu latar untuk semua produk, foto ulang secara bertahap mulai dari produk terlaris.
  • Harga tidak dicantumkan: cantumkan harga mulai dari, jika harga bergantung varian.
  • Stok tidak diperbarui: jadwalkan pengecekan 10 menit setiap pagi, atau tandai habis langsung saat pesanan terakhir masuk.
  • Tautan WhatsApp salah format: nomor diawali 0 atau ada tanda plus akan gagal. Gunakan format 62xxxxxxxxxx.
  • Terlalu banyak tautan di bio: arahkan ke satu halaman katalog, bukan lima tautan yang membingungkan.

Checklist Sebelum Membagikan Katalog

  • Semua produk punya foto, harga, dan satu kalimat manfaat.
  • Tombol pesan sudah dites dari ponsel dan teks terisi otomatis.
  • Produk habis sudah ditandai.
  • Info pengiriman dan retur mudah ditemukan.
  • Tautan katalog sudah dipasang di bio media sosial dan profil WhatsApp Business.

Kapan Naik Kelas

Katalog adalah langkah awal digitalisasi yang murah. Ketika pesanan sudah ramai, langkah berikutnya biasanya pencatatan transaksi dan stok yang terhubung, lalu pembayaran otomatis. Gambaran tahapannya ada di cara digitalisasi bisnis kecil dengan sistem informasi. Jika ingin katalog di domain sendiri, beberapa aplikasi Laravel di GudangCode bisa dipelajari sebagai titik awal.

Ingin langsung mempraktikkannya?

Buat akun gratis untuk mengunduh contoh aplikasi Laravel, menyimpan tutorial favorit, dan mencoba kursus. Gratis, bisa daftar dengan akun Google.

Daftar Gratis Lihat katalog aplikasi
Yudhi
Ditulis oleh
Yudhi
Founder & Lead Developer, GudangCode

Yudhi adalah founder GudangCode dan developer Laravel dengan pengalaman membangun puluhan sistem informasi bisnis siap pakai — mulai dari POS, HRIS, hingga aplikasi manajemen. Ia menulis panduan dan artikel di GudangCode untuk membantu developer Indonesia menjalankan, memahami, dan men-deploy source code Laravel dengan benar.

Laravel PHP MySQL Sistem Informasi Bisnis
Lihat semua artikel Yudhi
Aplikasi Katalog Produk Bisnis & Aplikasi
Bacaan Paling Dicari
📚 Free Learning Hub

Learn Coding for Free at DhieCoderWeb

Explore Laravel, PHP, JavaScript tutorials, source code, web development guides, and practical programming tips.

DhieCoderWeb
100+
Tutorials
Free
Learning
SEO
Tips
Visit Dhiecoderweb.com →