Langkah - langkah berikut ini digunakan untuk menambahkan produk pada halaman content yang dapat di ambil dari kategori produk yang sudah ada.


  1. Masuk ke Backoffice/Admin > Content > Pages

Gambar 1: Tampilan pada halaman Admin


  1. Klik tombol Add New Page untuk membuat halaman baru
  2. Isi required fields dalam membuat Page baru
  3. Scrolldown pada bagian Content
  4. Pada bagian Content klik tombol Deactivate Magezon Page Builder, lalu pilih WYSIWYG Editor

Gambar 2: Tampilan pada halaman Add New Page


  1. Pilih tombol Show / Hide Editor 
  2. Pilik menu Insert Widget

Gambar 3: Tampilan pada halaman Add New Page


  1. Pada Inser Widget pilih Widget Type yaitu Catalog Product List
Image Placeholder

Gambar 4: Tampilan pada halaman WYSIWYG Editor


  1. Isi required fields pada Widget Options untuk menambahkan widget Catalog Product List

Gambar 5: Tampilan pada halaman WYSIWYG Editor

  • Title                                                    : masukan judul untuk widget yang akan Anda.
  • Display Page Control                     : digunakan untuk memberikan limit jumlah produk yang akan tampil pada satu (1) halaman. Jika pilih Yes maka Anda harus memasukan jumlah produk yang dapat ditampilkan pada satu halaman.

Gambar 6: Tampilan pada halaman Widget Options


  • Number of Product to Display   : untuk menampilkan jumlah produk yang akan ditampilkan dalam menerapkan widget tersebut.
  • Template                                          : pilih template widget yang tersedia dan dapat digunakan.

Gambar 7: Tampilan pada halaman Widget Options


  • Conditions                                       : Anda dapat menentukan kondisi produk yang dapat masuk pada halaman tersebut sesuai dengan pilihan kondisi yang sudah dipilih.
  1. Klik tombol Insert Widget untuk menyimpan widget yang sudah Anda pilih lalu klik tombol Submit.
  2. Save page yang sudah Anda buat.
  3. Silakan cek pada halaman depan dengan menggunakan url key dari page yang sudah Anda buat dalam memudahkan dalam pencarian halaman.

Gambar 8: Tampilan pada halaman depan website pada halaman Content yang sudah dibuat