E-Commerce dengan QuickCart v6.7 BAB IV

Transkripsi

1

2 E-Commerce dengan QuickCart v6.7 BAB IV Oleh: Aslam Fatkhudin BAB IV MENGELOLA HALAMAN 4. Membuat Halaman Baru Setelah melakukan konfigurasi, selanjutnya kita isi website toko online kita dengan membuat halaman baru. Halaman yang pertama kali akan kita buat sebagai contoh adalah halaman Profil Perusahaan. Dimana cara membuat halaman lainnya kuran... BAB IV MENGELOLA HALAMAN 4. Membuat Halaman Baru Setelah melakukan konfigurasi, selanjutnya kita isi website toko online kita dengan membuat halaman baru. Halaman yang pertama kali akan kita buat sebagai contoh adalah halaman Profil Perusahaan. Dimana cara membuat halaman lainnya kurang lebih sama. Adapun caranya adalah sebagai berikut : Gambar 4. Halaman New Page Klik menu bar Pages pilih New Page; Tampil kotak dialog New Page seperti gambar 4. Terdapat beberapa kotak isian, diantaranya : Name (required) : isikan dengan judul atau nama halaman. Short description: isikan dengan deskripsi pendek dari halaman yang akan kita buat. Full description : isikan deskripsi penuh dari halaman yang akan kita buat. Pada bagian inilah yang nantinya akan ditampilkan di halaman website kita. Selesai mengisi semuanya, untuk mengakhiri atau menyimpan, terdapat 2 (dua) tombol pilihan, yaitu : Save and add another : simpan dan tambahkan halaman lainnya, Save and go to the list: simpan dan menuju ke daftar halaman yang ada atau yang sudah dibuat. Misal kita pilih tombol ke-2 yaitu Save and go to the list, maka akan tampil halaman Pages yang berisi daftar halaman yang sudah dibuat seperti gambar 4.

3 Gambar 4. Halaman Pages Untuk melihat hasil dari halaman yang sudah dibuat, arahkan kursor pada nama halaman, maka akan muncul ikon Preview, klik ikon tersebut, akan tampil preview halaman seperti gambar 4.3. berikut ini : Gambar 4.3. Preview halaman 4. Mengedit Halaman Halaman yang sudah dibuat dapat diedit atau diatur ulang, misalnya diatur SEO-nya (Search Engine Optimization) agar website kita bisa dioptimalkan pada mesin pencarian seperti google, dan ditambahkan file atau gambar. Adapun caranya adalah sebagai berikut : Mengatur SEO 3. Masih pada tampilan halaman pages seperti pada gambar 4. di atas, pilih salah satu halaman yang ada lalu klik tombol edit (berada disebelah kanan). Tampil halaman Page form seperti halnya halaman New Page pada gambar 4. Perhatikan pada kelompok kolom sebelah kanan, klik SEO, akan tampil gambar 4.4. berikut : Terdapat beberapa kotak isian, diantaranya : Gambar 4.4. SEO Page title : isikan dengan judul atau nama halaman. Url name: isikan dengan alamat web halaman tersebut. Meta description : berfungsi untuk mendeskripsikan seluruh konten (isi) artikel halaman tersebut. Meta tag ini berfungsi untuk membantu search engine dalam mendeskripsikan website toko online kita. Menambahkan gambar Selanjutnya kita klik sub menu Add files, misal kita akan menambahkan gambar pada halaman tersebut. Terdapat tombol Select files from computer to upload. Klik tombol tersebut, lalu pilih gambar yang akan ditambahkan, kemudian klik tombol Open. 3. Tampil Pengaturan penambahan gambar pada halaman website seperti gambar 4.5. berikut :

4 Gambar 4.5. Pengaturan penambahan gambar pada halaman website Isikan deskripsi dari gambar yang kita sisipkan pada bagian Description, posisi gambar pada bagian Photo s place dan ukuran gambar pada bagian Thumbnail. Untuk mengakhiri klik tombol Save dan Save and go to the list. Kembali ke tampilan daftar halaman (gambar 4.). Klik kembali tombol Preview untuk melihat hasil perubahannya. Gambar 4.6. Preview perubahan halaman 4.3. Mengelola Halaman Utama Halaman Utama adalah halaman yang pertama kali tampil saat website kita dibuka atau dikunjungi. Kita bisa menjadikan halaman yang sudah kita buat menjadi halaman utama, caranya adalah sebagai berikut : Klik tombol Settings, tampil halaman settings seperti gambar 3.4 pada pembahasan bab sebelumnya. Perhatikan pada kelompok kolom sebelah kanan, klik Pages, akan tampil gambar 4.7. berikut : Gambar 4.7. Tampilan sub menu Pages Settings Pada menu pull down Start Page pilih halaman yang akan dijadikan sebagai halaman utama website toko online kita. Klik tombol Save. 3. Untuk melihat hasilnya, buka tab baru pada web browser yang digunakan, lalu ketikkan localhost/nama folder projek web e-commerce kita/. Maka yang akan tampil pertama kali adalah halaman tersebut Mengatur Letak Menu Halaman Setiap nama atau judul halaman yang sudah dibuat, akan ditampilkan sebagai menu, yang nantinya bisa kita tentukan letak atau posisinya, apakah akan diatur pada Top menu first (di atas logo) atau Top menu second (di bawah logo). Untuk pengaturan posisi menu terletak Option, yaitu kolom sebelah kanan pada halaman New Page (gambar 4.1) atau halaman Page form. Klik menu pull down menu, lalu pilih salah satu opsi yang ada. Klik tombol Save dan Save and go to the list. Kembali ke tampilan daftar halaman (gambar 4.). Klik kembali tombol Preview untuk melihat hasil perubahannya.untuk menyimpan.

5 4.5. Membuat Halaman Pencarian Gambar 4.8. Pengaturan menu Halaman yang tidak kalah pentingnya dalam suatu web e-commerce adalah halaman pencarian. Halaman ini untuk mempermudah pengguna dalam mencari suatu produk di dalam web e-commerce yang sudah kita buat. Untuk membuat halaman pencarian caranya sama persis dengan pembahasan di atas, hanya saja yang perlu kita atur adalah pada bagian Option, yaitu kolom sebelah kanan pada halaman New Page (gambar 4.8). Beri tanda centang pada kotak check box Status dan Product, serta pilih Hidden pages pada pull down Menu. Tentang Penulis Aslam Fatkhudin