MANUAL

PRELOAD WEB UKM

1. Login ke akun web builder di alamat build.merekmu.co.id .
Masukkan username dan password sesuai dengan informasi akun yang sebelumnya
didaftarkan, setelah itu klik “LOGIN”

Gambar 1 Halaman Login Webuilder Merekmu

2. Pada Halaman dasbor, pilih menu untuk mengedit konten yang ada pada
preload konten.
3. Pada Halaman “Pages” pilih kategori “Main Pages” lalu klik pada icon “Edit” seperti gambar
dibawah ini.

Gambar 2 Pilihan Edit Pada menu “Pages”

A. Mengedit Konten Teks

1. Arahkan kursor pada teks yang ingin di edit, lalu pilih ikon edit sesuai dengan gambar
dibawah ini.
 Gambar 3 Pilihan ikon Edit

2. Pada teks editor, isi konten sesuai dengan yang diinginkan. Untuk tampilan teks editor
bisa dilihat pada gambar dibawah ini :

Gambar 4 Tampilah teks editor

3. Setelah konten teks sudah diisi, untuk menyimpan klik pada icon dan untuk

membatalkan pengeditan konten klik icon .

B. Mengedit Informasi Produk

1. Arahkan kursor pada produk yang ingin diubah, kemudian klik tanda “X” untuk menghapus
gambar terlebih dahulu, seperti pada ilustrasi dibawah.
 Gambar 4 menu untuk menghapus gambar

2. Klik “Yes” untuk menghapus gambar tersebut

3. Setelah gambar lama dihapus kemudian tambahkan gambar baru dengan meng-klik

“Add Content” kemudian pilih pada menu dan pilih darimana sumber gambar
yang ingin ditambahkan seperti pada gambar dibawah ini.

Gambar 5 Pilihan sumber gambar

 Computer : untuk sumber gambar yang sudah ada pada komputer kita
 My images : untuk sumber gambar yang sebelumnya sudah diupload ke builder ataupun
default gambar dari template.
 Web : untuk sumber gambar yang berasal dari web. Jika memilih menu ini maka
masukkan url dari gambar yang dimaksud. Kemudian pilih “fetch”

Gambar 6 kolom URL untuk memasukkan gambar yang berasal dari web

4. Setelah gambar dipilih, maka tentukan ukuran dari gambar tersebut sesuai dengan
keinginan kita (Ukuran gambar akan muncul setelah gambar diupload, ukuran gambar
yang muncul akan berbeda-beda tergantung dari ukuran gambar asli dari gambar yang
 diupload) seperti gambar dibawah ini :

Gambar 7 Pilihan ukuran gambar

5. Setelah dipilih ukuran gambarnya kemudian klik untuk menyimpan gambar

atau klik untuk membatalkan.

6. Setelah gambar sudah diganti kemudian untuk mengganti keterangan gambar klik menu
“Edit” pada bagian teks yang ada dibawah gambar, seperti ilustrasi dibawah ini.

Gambar 8 menu edit keterangan dari gambar produk

7. Pada Teks editor isikan keterangan produk sesuai dengan keinginan Anda

Gambar 9 Tampilan teks editor untuk mengedit keterangan gambar produk

 8. Klik tombol untuk menyimpan atau klik tombol untuk
membatalkannya.

C. Menambahkan Koleksi Produk

1. Gulir ke bagian bawah, kemudian klik menu dan pilih pilihan layout yang
diinginkan seperti pada gambar 10. Untuk Produk pilih layout yang ditandai dengan warna
merah.

Gambar 10 pilihan layout konten

2. Drag pada icon hingga pada bagian bawah kolom Produk yang diinginkan. Untuk lebih
jelas dapat dilihat pada gambar 11.

Gambar 11 Tampilan untuk drag konten

3. Untuk menambahkan konten produk pada kolom “Add Content” bagian Atas digunakan
untuk menambahkan Gambar, sedangkan Pada kolom “Add Content” bagian bawah
digunakan untuk menambahkan keterangan gambar.
4. Untuk menambah gambar baru dengan klik “Add Content” kemudian pilih pada menu

dan pilih darimana sumber gambar yang ingin ditambahkan seperti pada gambar
dibawah ini.

Gambar 5 Pilihan sumber gambar

 Computer : untuk sumber gambar yang sudah ada pada komputer kita
 My images : untuk sumber gambar yang sebelumnya sudah diupload ke builder ataupun
default gambar dari template.
 Web : untuk sumber gambar yang berasal dari web. Jika memilih menu ini maka
masukkan url dari gambar yang dimaksud. Kemudian pilih “fetch”

Gambar 12 kolom URL untuk memasukkan gambar yang berasal dari web

5. Setelah gambar dipilih, maka tentukan ukuran dari gambar tersebut sesuai dengan keinginan
kita (Ukuran gambar akan muncul setelah gambar diupload, ukuran gambar yang muncul
akan berbeda-beda tergantung dari ukuran gambar asli dari gambar yang diupload) seperti
gambar dibawah ini :

Gambar 13 Pilihan ukuran gambar

6. Setelah dipilih ukuran gambarnya kemudian klik untuk menyimpan gambar atau

klik untuk membatalkan.

7. Setelah gambar ditambahkan klik “Add Content” pada kolom dibawahnya. Untuk
menyamakan format tulisan dari teks keterangan gambar sebelumnya maka, arahkan kursor
ke keterangan produk yang sudah ada lalu pilih “Copy Block” seperti gambar dibawah ini.

Gambar 14 Tampilan menu “Copy Block”

Kemudian pada “Add Content” pilih menu .

8. Edit teks hasil duplikat format keterangan produk tersebut dengan mengekil menu “Edit”
pada teks yang ingin diedit.
9. Pada teks editor isikan keterangan dari gambar tersebut dan untuk menyimpan klik tombol

atau klik tombol untuk membatalkannya.

D. Menghapus Produk
Untuk menghapus produk arahkan kursor pada blok produk yang ingin dihapus dengan

mengeklik menu pada setiap blok dan klik “Yes” untuk melanjutkannya.

E. Mengedit Link akun social media

1. Pada menu dasbor, klik pada “edit header”
2. Arahkan kursor pada bagian gambar social Media dan kemudian klik menu “edit”
3. Klik salah satu gambar pada icon social media yang Ada seperti pada gambar 15. Kemudian
klik menu “edit”

Gambar 15 Ilustrasi mengganti link pada icon social media

4. Isikan link pada kolom “link” kemudian klik “Save” untuk menyimpan atau klik “delete”
untuk menghapus gambar icon yang dipilih atau klik “cancel” untuk membatalkannya. Untuk
lebih jelas dapat dilihat pada gambar dibawah ini.

Gambar 16 Tampilan untuk mengedit link social media