Ganti Foto Produk Bawaan Woocommerce, Mudah Kok!

Punya toko online pakai WooCommerce? Biasanya jika produk kita belum punya foto atau gambar, Woocommerce menyediakan gambar default atau bawaan.

Foto produk yang jelas, menarik, dan sesuai branding bisa meningkatkan konversi penjualan secara signifikan.

Nah, kalau Anda ingin tahu cara mengganti foto produk bawaan WooCommerce, artikel ini akan memandu langkah demi langkah—mulai dari pengaturan dasar hingga tips optimasi SEO gambar agar performa toko online semakin maksimal.

Mengapa Foto Produk WooCommerce Penting?

Dalam dunia e-commerce, gambar adalah bahasa universal. Pelanggan tidak bisa memegang produk secara langsung, jadi mereka menilai kualitas produk hanya dari visual yang di tampilkan. Foto produk yang baik dapat:

• Menarik perhatian pengunjung lebih lama.
• Meningkatkan kepercayaan terhadap produk.
• Memperkuat citra profesional toko online.
• Mendorong pengunjung untuk melakukan pembelian.

WooCommerce secara bawaan sudah menyediakan sistem untuk menampilkan foto produk, namun foto bawaan atau placeholder default biasanya tidak sesuai dengan identitas toko Anda.

Lihat gambar dibawah ini:

Oleh karena itu, mengganti foto produk bawaan WooCommerce menjadi langkah penting dalam branding dan profesionalisme toko online.

Mengganti Foto Produk Bawaan WooCommerce

Berikut panduan lengkap dan mudah untuk mengganti foto default di WooCommerce.

1. Siapkan Gambar Produk Pengganti

Sebelum melakukan penggantian, pastikan kamu sudah menyiapkan gambar dengan kualitas tinggi. Beberapa tips:

• Ukuran minimal 800 x 800 px.
• Format .jpg atau .png, direkomendasikan menggunakan format gambar webp, bisa gunakan website convert gambar untuk merubah format filenya.
• Gunakan background putih atau netral agar fokus tetap pada produk.
• Kompres gambar tanpa menurunkan kualitas menggunakan tools seperti TinyPNG atau ShortPixel agar website tetap cepat.

2. Ganti Foto Bawaan Melalui Tema

Cara terbaik adalah menambahkan gambar pengganti melalui child theme atau tema utama wordpress agar tetap aman saat pembaruan tema atau plugin.

Langkah-langkahnya:

• Unggah gambar pengganti ke folder child theme kamu, misalnya:

wp-content/themes/namatema/images/placeholder.png

• Buka file functions.php pada child theme, lalu tambahkan kode berikut:

add_filter('woocommerce_placeholder_img_src', 'custom_woocommerce_placeholder_img_src');
function custom_woocommerce_placeholder_img_src($src) {
    $upload_dir = wp_upload_dir();
    $src = get_stylesheet_directory_uri() . '/images/placeholder.png';
    return $src;
}

• Simpan perubahan, dan cek kembali halaman produk tanpa gambar. Kini placeholder-nya sudah menggunakan desain foto toko sendiri!

3. Melalui Panel Setting Woocommerce

Jika tidak terbiasa menggunakan kustom kode, alternatif lainnya adalah melakukannya melalui panel setting woocommerce.

Upload Terlebih dahulu foto yang akan dijadikan foto default produk ke media library. Klik gambar yang sudah di upload tadi, temukan ID gambar di URL. Detailnya lihat gambar dibawah ini ya:

Selanjutnya, buka dasboard wordpress, pilih menu Woocommerce → Settings → Pilih Tab Product

Ganti ID placeholder image tersebut ke ID gambar yang sudah di Upload tadi.

Menampilkan Galeri Foto Tambahan

WooCommerce juga memungkinkan kamu menambahkan beberapa foto produk dalam bentuk galeri. Ini penting untuk memberikan pelanggan gambaran lengkap tentang produk dari berbagai sudut.

Caranya:

1. Di halaman edit produk, scroll ke bawah ke bagian “Galeri Produk“.
2. Klik “Tambahkan ke Galeri Produk“.
3. Pilih beberapa gambar produk.
4. Klik Tambahkan ke Galeri → Perbarui Produk.

Galeri ini akan muncul di bawah atau samping foto utama, tergantung pada tema yang di gunakan.

Kesimpulan

Mengganti foto produk bawaan WooCommerce bukanlah hal yang sulit, bahkan bagi pemula. Dengan mengikuti panduan di atas, Anda bisa membuat tampilan produk yang lebih menarik, profesional, dan selaras dengan identitas toko.

Selain itu, dengan menerapkan optimasi SEO gambar, Anda juga membantu produk lebih mudah ditemukan di mesin pencari, sehingga peluang penjualan meningkat secara signifikan.

Jadi, jangan biarkan foto placeholder abu-abu menurunkan kredibilitas toko Anda—gantikan dengan foto berkualitas tinggi dan teroptimasi!