Hostinger Website Builder: Halaman Produk

Pelajari tentang halaman produk di Hostinger Website Builder

Diperbarui 2 minggu lalu

Begitu Anda membuat produk, halaman produk tersebut dibuat juga secara otomatis.

Mengakses halaman produk

Untuk menemukan semua halaman produk Anda, buka Website Builder dan klik panel Online store di sebelah kiri:

Halaman produk toko online dengan daftar produk kerajinan tangan dan menu produk di sisi kiri disorot

Klik pada produk tertentu untuk membuka halamannya:

Produk Handmade Bowl “Ganbaru” dipilih di daftar toko online


Mengakses pengaturan halaman produk

Klik panel Online store di sebelah kiri dan klik pada roda gigi pengaturan ⚙️ di samping judul produknya:

Halaman Produk: menu pengaturan halaman dengan opsi Pengaturan halaman, SEO, dan Edit produk

Terdapat tiga pengaturan yang bisa Anda akses – Pengaturan halaman, Pengaturan SEO, dan Edit produk:

Pengaturan halaman

Pengaturan SEO

Edit produk

Pada tab pengaturan Umum, Anda bisa mengubah URL produk halaman Anda.

Pada tab pengaturan SEO, Anda dapat:

Mengklik Edit produk akan mengalihkan Anda ke halaman pengelola produk pada halaman pengelola toko


Mengubahsuaikan halaman produk

Anda dapat mengubahsuaikan setiap halaman produk. Klik panel Online store di sebelah kiri dan klik pada halaman produk untuk membukanya:

Produk toko online “Handmade Bowl ‘Ganbaru’” sedang dipilih di Halaman produk

Klik bagian produk untuk memunculkan menu pengaturannya dan pilih Edit bagian:

Produk keramik hijau dengan ikon roda gigi di pojok kanan atas halaman

Pengaturan ini memungkinkan Anda untuk mengubahsuaikan aspek-aspek berikut pada bagian produk:

Produk

Klik pada tombol Edit produk ini untuk mengalihkan Anda ke halaman pengelola produk pada halaman pengelola toko

Layout

  • Posisi teks

  • Tampilan galeri

  • Rasio gambar

  • Radius sudut gambar

  • Padding bagian

Style

  • Warna teks

  • Warna tanda panah pada gambar

  • Warna tanda panah pada thumbnail

  • Latar bagian

Pelajari bagaimana mengubahsuaikan font

Tombol

  • Teks tombol

  • Style tombol (utama/sekunder)

  • Gaya tombol utama (isi, teks, batas)

  • Warna tombol (normal/hover)

  • Ukuran tombol

  • Bentuk tombol

  • Ukuran tombol

Jumlah Produk

Mengizinkan atau melarang pengunjung website Anda untuk memilih kuantitas produk dengan menyalakan atau mematikan pilihan ini

Begitu Anda membuat perubahan, Anda bisa menerapkan perubahan yang serupa pada semua halaman produk; klik tombol Terapkan ke Semua:

Terapkan ke semua perubahan halaman produk

Anda juga bisa mengubahsuaikan masing-masing halaman produk dengan menambahkan lebih banyak bagian dan menempatkan berbagai elemen di dalamnya.