{"id":98,"date":"2023-07-22T02:06:32","date_gmt":"2023-07-22T02:06:32","guid":{"rendered":"https:\/\/blog.hostinger.io\/id\/support\/2023\/07\/22\/6538352-hostinger-website-builder-bagian-produk\/"},"modified":"2025-08-26T19:56:52","modified_gmt":"2025-08-26T19:56:52","slug":"6538352-hostinger-website-builder-bagian-produk","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/id\/support\/6538352-hostinger-website-builder-bagian-produk\/","title":{"rendered":"Hostinger Website Builder: Bagian Produk"},"content":{"rendered":"

Dengan Hostinger Website Builder<\/a><\/b>, Anda bisa dengan mudah menambahkan bagian produk pada template website apa pun dengan mengikuti langkah-langkah berikut 👇<\/p>

\n<\/p>

1. Di Website Builder, klik tombol Menu website <\/b>di sebelah kiri dan buka halaman yang akan Anda gunakan untuk menampilkan produk. Pada halaman tersebut, klik tombol Tambahkan bagian<\/b>:<\/p>

\n<\/p>

<\/div>

2. Pada tampilan Tambahkan Bagian Baru<\/b>, pilih Toko Online<\/b>. Di sebelah kanan, Anda akan menemukan dua jenis bagian produk – daftar produk<\/a> <\/b>dan produk satuan<\/a> <\/b>– klik pada bagian yang diinginkan dan bagian tersebut akan dimasukkan pada website Anda:<\/p>

\n<\/p>

<\/div>

Bagian Daftar Produk<\/h1>

Jenis bagian ini digunakan untuk menunjukkan semua produk Anda atau kategori produk<\/a> <\/b>tertentu. Secara bawaan, bagian ini akan menampilkan semua produk Anda; karena itu, untuk menampilkan produk dalam kategori tertentu, klik Edit Bagian<\/b>:<\/p>

\n<\/p>

<\/div>

Lalu pilih kategori <\/b>yang diinginkan:<\/p>

\n<\/p>

<\/div>

Pelajari lebih jauh tentang pengaturan bagian daftar produk<\/b>:<\/p>

\n\n\n\n\n\n\n\n\n
\n

Kategori<\/b><\/p>\n<\/td>\n

\n

Menampilkan semua produk atau produk kategori tertentu<\/p>\n<\/td>\n<\/tr>\n

\n

Layout<\/b><\/p>\n<\/td>\n

\n

Mengubah:<\/p>\n

    \n
  • \n

    Tipe penataan produk<\/p>\n<\/li>\n

  • \n

    Kolom (produk per baris)<\/p>\n<\/li>\n

  • \n

    Padding atas\/bawah bagian<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n

\n

Style<\/b><\/p>\n<\/td>\n

\n

Mengubah:<\/p>\n

\n

Pagination<\/b><\/p>\n<\/td>\n

\n

Menentukan jumlah produk per halaman (dalam bagian daftar produk)<\/p>\n<\/td>\n<\/tr>\n

\n

Tombol tambahkan ke tas<\/b><\/p>\n<\/td>\n

\n

Mengaktifkan tombol tambahkan ke tas belanja <\/b>sehingga pengunjung website Anda dapat melihat-lihat produk dan\/atau menambahkannya ke keranjang belanja tanpa harus membuka produk halaman.<\/p>\n

\n<\/p>

Anda juga bisa mengubahsuaikan penampilannya di sini.<\/p>\n<\/td>\n<\/tr>\n

\n

Ribbon<\/b><\/p>\n<\/td>\n

\n

Mengubah:<\/p>\n