Konfigurasi Menambahkan Block Pada Page

Untuk menambahkan block pada page  dapat dilakukan melalui Admin Backoffice sebagai berikut 

  1. Membuat Blog Melalui admin Backoffice

Masuk pada Menu > Content Block


Gambar 1. Tampilan menu Block pada Content dashboard admin backoffice


Muncul tabel Blog yang ada pada Website

Klik Tombol Add New Block,


Gambar 2. Tampilan Tabel Block yang ada pada website 


isi Name, Identifier, dan Store View dari Block tersebut, Klik Save untuk menyimpan Block tersebut


Gambar 3. Tampilan CMS Block Setting


Klik tanda plus (+) pada Magezon Page Builder untuk menambahkan konten Block

Image Placeholder

Gambar 4. Tampilan CMS Block Setting


Akan muncul popup dialog untuk add element block yang diinginkan

Image Placeholder

Gambar 5. Tampilan Popup Add Element


Contohnya pilih Text Block dan masukkan konten, bisa berupa teks maupun gambar, seperti gambar berikut. Jika sudah sesuai klik tombol Save.

Image Placeholder

Gambar 6. Tampilan contoh Content yang akan ditampilkan


Klik tombol Save pada pojok kanan atas untuk menyimpan semua konfigurasi block jika sudah sesuai.

Image Placeholder

Gambar 7. Tampilan Tombol Save Block



  1. Memasukkan Block yang telah dibuat pada Page

Setelah membuat Block, masukkan block yang dibuat ada page yang akan dimuat dengan cara Pilih menu Content lalu Pages


Gambar 8. Tampilan menu Pages pada Content dashboard admin backoffice

Muncul tabel Page yang ada pada Website

Pilih Page yang akan ditambahkan block yang telah dibuat sebelumnya, 

klik Select Pada kolom Action lalu Edit


Gambar 9. Tampilan menu Select pada kolom Action

Expand bagian Content Scroll pada bagian untuk menambahkan Blok

Image Placeholder

Gambar 10. Tampilan pada menu Content Page 


Klik Icon Plus untuk menambahkan block yang telah dibuat

Pilih Static Block, dan masukkan Block yang telah dibuat sebelumnya

Image Placeholder

Gambar 11.Tampilan Menambahkan Block ke Content Page


Image Placeholder

Gambar 12.Tampilan Menambahkan Block ke Content Page


Klik Save untuk menyimpan perubahan


Gambar 13. Tampilan button Save


Note :

Terkadang perlu clear cache untuk menampilkannya Block yang dibuat. Clear cache dapat melalui menu System > Cache Management

Pilih / Checklist pada Page Cache 

Klik Submit pada atas tabel



Clear Cache

masuk ke Menu System > Swift Cache Management. 

Image Placeholder

Gambar 14. Tampilan menu Cache Management pada System


Checklit Page Cache pada tabel list Cache Management, untuk melakukan Clear Page Cache.

Image Placeholder

Gambar 15. Tampilan Clear Page Cache pada cache management

Tampilan pada Front end

Tampilan Block page di frontend 

Image Placeholder

Gambar 16. Tampilan di frontend