Panduan Smart Toko

of 60 /60
MODUL PELATIHAN PEMBUATAN TOKO ONLINE MENGGUNAKAN WORDPRESS DENGAN TEMPLATE SMART TOKO V5 Pelatihan Toko Online Oleh Dinas Perindustrian Dan Perdagangan Provinsi Kepulauan Riau 1 April 2015 - Batam

Embed Size (px)

description

Panduang penggunaan theme toko online / e-commerce Smart Toko oleh lapakinstan.com

Transcript of Panduan Smart Toko

  • MODUL PELATIHAN

    PEMBUATAN TOKO ONLINE

    MENGGUNAKAN WORDPRESS

    DENGAN TEMPLATE SMART TOKO V5

    Pelatihan Toko Online Oleh Dinas Perindustrian Dan

    Perdagangan Provinsi Kepulauan Riau

    1 April 2015 - Batam

  • Modul 1a. Membuat Email YahooEmail merupakan fasilitas komunikasi dalam dunia online, email merupakan salah satu cara

    untuk melakukan pemesanan, pembelian produk maupun jasa.

    1. Untuk membuat email yahoo, masuk ke situs yahoo dengan alamat

    https://id.yahoo.com/ klik icon Sign in untuk di arahkan ke halaman login, dari sana

    kita akan membuat akun email baru dengan mengklik buat akun

  • 2. Selanjutnya pada halaman Daftar isikan dengan sebenar-benarnya data diri kita dan

    klik Buat Account

    3. Masukkan kode verifikasi yang tampil di layar

  • 4. Selamat Email baru telah berhasil kita buat, ingat alamat email dan password email

    kita

    5. Pilih menu Mail pada bagian kiri Yahoo untuk masuk kedalam mail yahoo

    Sampai disini kita sudah bisa membuat email Yahoo yang baru, selanjutnya kita akan

    membuat akun facebook.

  • Modul 1b. Membuat Facebook dan Facebook Fans Page Facebook merupakan situs social media dimana kita dapat melakukan promosi produk

    kita di situs tersebut.

    1. Untuk membuat akun facebook buka situs facebook dengan alamat

    www.facebook.com dan pada bagian kanan terdapat form untuk melakukan

    pendaftaran isikan form tersebut secara benar dan klik sign up

  • 2. Setelah melakukan pendaftaran baru lakukan konfirmasi pada alamat email, kembali

    ke email yahoo kita dan buka email dari facebook, klik link konfirmasi facebook.

    Selanjutnya kita akan membuat sebuah fans page facebook dengan membuka alamat

    https://www.facebook.com/pages/create/ , pada halaman create a page, pilih local

    business or place.

    3. Isikan data dengan benar dan pilih kategori sesuai dengan usaha kita kemudian klik

    get started

  • 4. Isikan About sesuai deskripsi usaha kita, ini bisa di skip dan di rubah belakangan

    5. Pilih gambar dari usaha kita, bisa logo atau semacamnya

    6. Tahap akhir untuk locations bisa kita targetkan untuk lokasi batam dan klik save

  • 7. Fanspage kita telah selesai kita buat, jangan lupa untuk sering mengupdate status

    maupun fanspage sehingga pembeli atau calon pembeli menjadi tertarik untuk

    mengunjungi fanspage kita

  • Modul 2. Instalasi WordpressWordPress dipakai oleh jutaan orang dari seluruh dunia. Jika Kita pernah

    menggunakannya, maka jelas ia sangat mempermudah proses penerbitan konten ke situs

    web. Jika dahulu Kita harus belajar HTML, cara menggunakan aplikasi penyunting situs,

    menunggah berkas ke server dengan FTP, dan banyak lagi keahlian teknis lainnya dengan

    WordPress semuanya menjadi sangat mudah.

    Kita hanya perlu mengetik konten yang ingin dipublikasikan, seperti halnya menulis email,

    lalu menekan tombol untuk menerbitkannya. Semuanya akan langsung dipersiapkan. Dari

    membuat halaman baru, memastikan kontennya termuat di dalam halaman dan tema desain

    yang Kita pilih, memperbarui menu dan arsip bila diperlukan, dan banyak lagi hal-hal yang

    terjadi di belakang layar. Yang jelas, halaman baru Kita siap ditampilkan dan dilihat oleh

    semua pemirsa Internet.

    1. Ini adalah tampilan awal instalasi wordpress, klik Lets go ! untuk memulai instalasi

  • 2. Isikan Database, Username dan Password pengaturan database kita

    3. Kemudian kita klik Run Install

  • 4. Masukkan Site Title, Username, Password dan email yang akan digunakan untuk

    notifikasi jika ada pembelian. Selanjutnya install Wordpress

  • 5. Setelah selesai, maka akan muncul tampilan seperti di bawah ini dan kita lakukan log

    in menggunakan username dan password yang telah kita isikan sebelumnya

  • 6. Ini adalah tampilan login dari toko online kita, kita bisa mengakses halaman login

    melalui alamat http://ALAMAT_TOKO_ONLINE_KITA/wp-login.php

    7. Ini adalah Dashboard / halaman belakang dari Toko online kita

    Sampai pada saat ini kita telah mempelajari cara instalasi wordpress sebagai media

    toko online, selanjutnya kita akan mempelajari materi bagaimana cara menginstalasi

    template smart toko

  • Modul 3. Instalasi Themes Smart Toko v5

    Smart Toko, Apaan Sih ?

    Buat Kita yang memiliki toko offline sudah wajib memiliki toko online untuk mengembangkan

    bisnis Kita secara online, karena potensi bisnis yang dapat menjangkau pasar yang lebih luas.

    Pengunjung dapat dengan mudah dan leluasa melihat produk Kita secara online dan

    melakukan order saat itu juga. Disamping itu, bisnis secara online juga cocok buat Kita yang

    TIDAK memiliki toko offline sekalipun.

    Smart Toko merupakan themes / template yang di rancang khusus untuk membuat toko

    online dengan desain professional, simple dan dilengkapi dengan banyak fitur mumpuni

    untuk toko online Kita.

  • Bagaimana caranya menginstalasi theme di wordpress ?

  • 1. Sebelum menginstalasi theme di wordpress, pastikan Kita sudah login dengan akun

    Administrator melalui link login yang dihasilkan sewaktu instalasi wordpress.

    2. Setelah berhasil login sebagai Admin dan masuk kehalaman Dashboard, arahkan

    cursor menu Appearance dan klik Themes.

    3. Setelah berganti ke halaman Themes, kita klik tombol Add New untuk menambah

    Smart Toko.

  • 4. Selanjutnya kita klik Upload Theme untuk mengupload theme Smart Toko

  • 5. Klik Choose File, dan kita cari lokasi smart-toko-new-v5.4.zip setelah ketemu klik dan

    open

    6. Kita lanjutkan menginstalasi theme dengan mengklik tombol Install Now

    7. Setelah selesai terinstall, kita akan mengaktifkan theme dengan mengklik Activate

  • 8. Kita lihat hasil dari instalasi theme smart toko, dengan membuka tab baru pada

    browser kita dan masukkan nama domain toko online kita. Hasil yang di tampilkan

    seperti gambar di bawah.

    Sampai disini tahapan instalasi theme smart toko sudah selesai. Selanjutnya kita akan

    melakukan sedikit pengaturan awal pada toko online kita seperti jumlah produk yang

    di tampilkan, memasukkan slogan, dan mengganti link produk.

    Fokus Ke Produk, Bukan Ke Profitnya Steve Jobs

    "Jika Kita selalu fokus ke profit dan keuntungan, Kita akan mengurangi kualitas produk.

    Namun jika Kita fokus untuk menghasilkan produk yang luar biasa, maka profit dan

    keuntungan akan mengikuti."

  • Modul 4. Konfigurasi WordPress untuk Toko Online

    Sebelum kita melakukan konfigurasi pada template smart toko, kita akan mengkonfigurasi

    setting-an WordPress terlebih dahulu, agar WordPress bisa digunakan sebagai Toko Online

    dengan menggunakan template smart toko. Langkah-langkah konfigurasi wordpress adalah

    1. Pada dasarnya wordpress menggunakan kode untuk menuliskan link untuk sebuah

    produk seperti www.domain.com/?p=23, p=23 itu adalah no urut produk tersebut.

    Kita akan merubah kode tersebut menjadi www.domain.com/baju-anak.html supaya

    lebih mudah di baca dan di cari oleh mesin pencari seperti google. Untuk merubahnya,

    kita kembali ke halaman dashboard admin, pada menu pilih setting dan permalinks.

    2. Pada halaman Permalinks, kita klik lingkaran di depan custom structure dan kita isikan

    %postname%.html pada kotak yang disediakan, setelah selesai kita mengklik tombol

    Save Changes untuk menyimpan perubahan yang kita lakukan.

  • 3. Selanjutnya kita akan mengatur jumlah produk yang akan ditampilkan pada halaman

    depan yaitu dengan memilih menu Settings kemudian Reading. Pada Halaman

    Reading Settings, opsi Blog pages show at most masukkan jumlah produk yang akan

    ditampilkan. Contoh disini kita ingin menampilkan 10 produk, masukkan angka 10

    kemudian save changes

  • 4. Di tahap selanjutnya kita bisa menambahkan slogan toko online kita dengan kembali

    ke menu Settings dan pilih General, pada halaman General Settings, ganti tulisan Just

    another WordPress site pada opsi Tagline dengan slogan toko online kita contohnya

    kaos bola Murah kualitas premium. Pada opsi Membership centang Anyone can

    register agar pembeli dapat mendaftar di toko online kita serta melakukan transaksi

    di toko online yang akan kita buat dan jangan lupa untuk save changes untuk setiap

    perubahan.

    Sampai tahap ini konfigurasi wordpress untuk toko online kita sudah selesai, di

    bahasan selanjutnya akan di ajarkan cara konfigurasi template smart toko. Styling toko

    online, menambah kontak dan lainnya.

    Yang Membedakan Pengusaha Sukses dan Yang Tidak adalah Ketekunan Steve Jobs

    "Saya percaya bahwa hampir setengah hal yang membedakan pengusaha sukses dengan mereka

    yang tidak hanyalah ketekunan (kegigihan)."

  • Modul 5. Konfigurasi Themes Smart Toko

    Pada modul ini kita akan belajar mengkonfigurasi smart toko, melakukan styling, mempelajari

    opsi-opsi keseluruhan dari smart toko.

    1. Opsi-opsi (Options) yang terdapat pada smart toko dapat di temukan pada menu TJ

    Options, di dalamnya terdapat opsi untuk mengkonfigurasi, informasi toko, tampilan

    produk, facebook login, cart setting, styling, rekening bank, akun jejaring social,

    Traking Kode, Promosi, Template Email.

  • 2. Opsi pertama yang akan kita pelajari adalah Informasi Toko, Pada opsi Informasi Toko

    bersisi jam buka toko, no. telepon, no. handphone/sms, PIN BBM, Email, Yahoo ID,

    dan Alamat Toko. Isikan informasi toko sesuai dengan usaha yang akan kita online kan,

    sehingga pembeli mudah untuk menghubungi kita untuk melakukan transaksi.

  • 3. Tampilan yang dihasilkan dari kita mengkonfigurasi opsi Informasi Toko yaitu pada

    halaman depan toko online kita akan muncul informasi kontak untuk pembeli untuk

    melakukan interaksi

    4. Selanjutnya pada opsi Tampilan produk, kita akan mengganti beberapa pengaturan

    tampilan depan toko online kita agar terlihat lebih baik. Pada Radio Image Option kita

    merubah pilihan semula 3 kolom menjadi 2 kolom. Selanjutnya pada pengaturan

    Tampilan slider utama kita merubah tampilkan produk terbaru menjadi Tampilkan

    Banner Promo. Selanjutnya kita rubah pengaturan Tampilkan Nomor Rekening di

    Sidebar dari No menjadi Ya, Sampai tahap ini perubahan tampilan produk telah

    selesai, lakukan penyimpanan perubahan dengan menklik Save Changes.

  • 5. Tampilan Toko Online kita sebelum dirubah, masih menggunakan 3 kolom tanpa info

    rekening dan banner promo

  • 6. Hasil perubahan yang di lakukan pada toko online kita dengan 2 kolom, menampilkan

    rekening dan banner promo. Toko online kita terlihat lebih baik dan rapi, mudah di

    baca dan di pahami oleh pembeli.

  • 7. Selanjutnya kita akan mengkonfigurasi cart setting yang akan memanajemen proses

    pembelian di toko online kita, seperti mematikan fitur cart sehingga toko online kita

    hanya berupa katalog, mengatur ongkos kirim JNE secara otomatis dan notifikasi

    tanpa cart. Pilihan pertama adalah kita menggunakan fitur cart/keranjang belanja,

    pilih Ya pada opsi Gunakan Fungsi Cart/Keranjang Belanja, selanjutnya untuk Ongkir

    Otomatis Via API Lapakinstan.com pilih ya dan kota asal pengiriman kita pilih Batam.

    Simpan perubahan dengan mengklik save changes. Kita akan lihat perbedaan

    menggunakan cart dengan tidak menggunakan cart pada halaman berikutnya.

  • 8. Jika kita menggunakan fitur cart maka setiap pembeli mengklik tombol beli pada

    produk, akan langsung di tambahkan kedalam keranjang belanja pembeli.

    9. Jika kita tidak mengaktifkan fitur cart, maka yang akan terjadi adalah toko online kita

    akan memunculkan notifikasi kepada membeli sesuai kalimat yang kita buat

    sebelumnya.

  • 10. Selanjutnya kita akan melakukan styling logo, dan header pada toko online kita melalui

    opsi styling, disini kita bebas melakukan perubahan seperti memilih warna toko online

    kita, mengaktifkan menu responsive mobile atau tidak, merubah favicon (icon web),

    logo, header dan gambar latar belakang toko online kita. Panduan untuk mengupload

    logo maupun header ada di halaman selanjutnya.

    11. Untuk merubah favicon, logo dan header caranya cukup mudah, yaitu klik browse

    pada opsi yang akan kita upload, apakah itu favicon, logo maupun header, kemudian

  • cari dimana file gambar kita berada dan klik insert to post, jangan lupa untuk save

    changes setiap perubahan yang kita lakukan.

  • Pilih lokasi gambar dengan mengklik select files atau bisa dengan cara mengdrop file

    gambar pada tampilan berikut ini

    Setelah terupload klik insert to post

  • Tampilan favicon, logo dan header setelah di upload

  • 12. Pada tahap selanjutnya kita akan mengkonfigurasi opsi Rekening Bank, masukkan

    nama pemilik rekening kemudian no rekening seperti contoh di bawah ini. Jangan lupa

    untuk mengklik save changes.

  • 13. Setelah berhasil merubah rekening bank kita akan mengkonfigurasi akun jejaring

    social, masukkan link Facebook Fanspage, twitter, google plus dan pinterest jika ada

    dan klik save changes.

  • 14. Ok, selanjutnya kita akan mengkonfigurasi opsi promosi, opsi promosi akan

    menampilkan gambar atau berita yang kita inputkan setiap kali halaman toko online

    kita di buka oleh pembeli, biasanya promosi ini berisi gambar produk terbaru atau

    diskon produk. Klik Add Media pada promosi dan upload gambar / pilih gambar yang

    tersedia dan klik insert to post.

  • 15. Berikut tampilan promosi yang telah kita masukkan gambar

    Sampai pada tahap ini kita telah selesai mengkonfigurasi opsi dasar dari smart toko, pada

    materi berikutnya kita akan belajar cara untuk membuat menu, page dan widget sebelum

    melakukan penambahan produk.

    Dont try to be original, just try to be good

    ~ Paul Rand (Graphic Designer)

    Hal ini terkadang menjadi salah satu penghalang orang untuk memulai menjadi seorang entrepreneur, yaitu proses pemilihan ide dan brainstorming. Banyak orang terpaku dengan

    keinginannya untuk menciptakan sesuatu yang original dan tidak ada duanya, sehingga pada akhirnya banyak waktu terbuang dan rencana untuk berwirausaha pun batal karena tidak ada ide yang disuka.

    Terkadang mereka juga lupa bahwa original belum tentu memiliki nilai jual yang cukup baik. Jika boleh memilih, lebih baik Kita mengikuti tren yang ada dan berusaha untuk memberikan nilai jual

    yang baik dan menjadikan bisnis Kita yang terbaik di antara yang lain (kompetitor).

  • Modul 6. Konfigurasi Menu dan Penambahan Page

    Menu disini merupakan Navigasi toko online kita yang berfungsi untuk menghubungkan page

    / halaman yang kita buat dengan pembeli atau orang yang membutuhkan informasi. Page

    disini bisa kita buat seperti halaman reseler, info ukuran atau halaman pertanyaan umum

    yang sering di ajukan oleh pembeli

    1. Sebelum masuk ke pembuatan menu, terlebih dahulu kita membuat sebuah page

    dengan mengklik menu Pages dan pilih opsi All Pages untuk melihat page yang sudah

    di buat sebelumnya

    2. Pada tampilan All Pages, kita pilih Add New untuk membuat page baru

  • 3. Pada Halaman New Page, Masukkan Judul Page pada kolom Enter Title here, dan

    isikan informasi yang akan di tampilkan pada page tersebut seperti gambar dibawah

    ini, kita membuat page Informasi Ukuran yang bertujuan untuk menginformasikan

    ukuran baju kepada pembeli. Setelah selesai membuat Page kita mengklik Publish /

    Update

  • 4. Kemudian kita bisa mengulang membuat page yang akan kita tampilkan pada toko

    online kita dengan cara diatas, disini contohnya membuat page baru dengan judul

    Reseller yang berisikan informasi reseller.

    5. Kita sudah memiliki 2 page pada toko online kita, dan sekarang kita akan belajar

    menampilkan link page kita pada menu toko online yang kita buat. Untuk

    menambahkan menu, klik pada Appearance dan pilih opsi Menus

    6. Ini adalah tampilan halaman konfigurasi menu. Pada sisi kiri terdapat Pages yang

    melisting page yang kita buat, Links untuk menambahkan menu dengan custom links

    dan Categories untuk kategori dari produk kita. Kita akan belajar menambahkan page

    dan custom links pada menu.

  • 7. Untuk menambahkan page yang telah kita buat sebelumnya, centang page-page yang

    akan kita tampilkan pada menu dan klik Add to Menu

    8. Untuk menambahkan Link pilih opsi links, dan masukkan URL link yang akan kita

    tampilkan, disini kita akan menampilkan Katalog produk kita dengan memasukkan URL

    http://ALAMAT_TOKO_ONLINE_KITA/shop/katalog/ pada Link Text tuliskan dengan

    Katalog, dan untuk menambahkan pada menu klik Add To Menu

    Untuk menambahkan link lagi caranya kita tinggal mengulang langkah diatas, kita akan

    menambahkan menu konfirmasi dengan Url

    http://ALAMAT_TOKO_ONLINE_KITA/shop/konfirmasi

  • 9. Untuk menambahkan page dan link pada menu, maka struktur menu toko online kita

    akan tampak seperti gambar di bawah ini, setelah seperti di bawah ini, centang Header

    Menu dan klik Save Menu

    10. Berikut ini adalah tampilan dari halaman depan toko online kita yang sudah

    ditambahkan dengan menu katalog, informasi ukuran, reseller dan konfirmasi.

    Sampai tahap ini kita sudah bisa membuat page dan menambahkan menu pada toko

    online kita, pada tahap selanjutnya kita akan belajar memasang widget pada toko

    online kita.

  • Modul 7. Konfigurasi WidgetPada materi kali ini kita akan belajar memasang widget pada kolom kiri dan bagian

    bawah toko online kita.

    1. Untuk mengkonfigurasi widget kita memilih Appearance dan pilih widgets

    2. Ini adalah tampilan halaman konfigurasi widget yang tersedia, pada sebelah kiri

    terdapat widget-widget yang bisa kita gunakan, dan sebelah kanan terdapat

    lokasi/posisi widget akan ditampilkan

  • 3. Untuk menambah widget, klik widget yang tersedia pada bagian kiri, disini kita akan

    menampilkan kategori produk menggunakan widget categories. Klik widget categories

    selanjutnya pilih posisi widget kiri, dan klik add widget.

    4. Lakukan perulangan penambahan widget untuk Recent Posts dan Recent Widget

    Artikel pada posisi footer widget sehingga footer widget menampilkan gambaran

    seperti di bawah ini

  • 5. Ini adalah tampilan widget categories pada bagian kiri pada toko online kita

    6. Ini adalah tampilan widget recent posts dan artikel terbaru pada bagian bawah toko

    online kita

    Sampai disini kita sudah bisa menambahkan sebuah widget pada toko online kita, kita

    bisa menambahkan widget lain maupun menghapus widget untuk mempercantik toko online

    kita. Pada materi selanjutnya kita akan belajar memasukkan banner promo pada halaman

    depan toko online kita.

  • Modul 8. Konfigurasi Banner Promo / SlideshowBanner Promo / Slideshow adalah gambar yang bergerak pada halaman depan toko

    online kita yang menampilkan info maupun promo yang sedang kita lakukan. Contoh banner

    promo pada halaman toko online kita seperti gambar di bawah ini

    1. Untuk menambahkan gambar bergerak pada halaman toko online kita pilih menu Slide

    Show dan Add New

  • 2. Ini halaman Add new slideshow item, masukkan judul pada kolom Enter title here,

    judul digunakan untuk memudahkan kita memanajemen slideshow, judul bisa di isi

    dengan promo bulan September atau serupa. Kemudian untuk memasukkan gambar

    kita mengklik set featured image, upload gambar slider kita dengan resolusi 738 300

    cara upload gambar sama seperti mengupload logo. Setelah selesai klik publish untuk

    menampilkan slider kita pada halaman depan toko online kita.

    3. Lakukan hal yang sama sampai beberapa kali jika ada penambahan banner promo,

    dengan langkah yang sama seperti di atas kita akan membuat 3 banner promo untuk

    melihat gambar promo kita bergerak pada halaman depan toko online kita.

  • 4. Untuk melihat apakah gambar promo kita sudah ditampilkan dengan benar kita dapat

    melihat halaman depat toko online kita.

    Sampai tahap ini kita sudah bisa menambahkan banner promo / gambar slideshow pada

    halaman depan toko online kita. Pada materi selanjutnya kita akan belajar bagaimana

    menambah sebuah artikel.

  • Modul 9. Penambahan Artikel pada Toko OnlinePenambahan artikel pada toko online kita bertujuan untuk mendekatkan interaksi kita

    dengan pembeli, toko online kita selain menjual sebuah produk, bisa menampilkan

    artikel informative yang bermanfaat bagi pembeli maupun calon pembeli.

    1. Untuk menambah sebuah artikel pilih menu Artikel dan pilih Buat Baru

    2. Ketikkan judul artikel pada kolom judul dan masukkan isi artikel pada kolom isi,

    kemudian boleh di tambahkan dengan blog categories dan featured image. Setelah

    artikel sudah selesai kita buat, klik publish untuk menampilkan artikel kita.

  • 3. Untuk melihat artikel kita sudah tampil pada toko online kita, bisa kita lihat pada

    widget artikel di posisi bawah toko online kita.

    4. Untuk melihat artikel kita, klik judul artikel kita maka akan ditampilkan halaman artikel

    yang kita buat sebelumnya

    Sampai disini kita sudah bisa membuat artikel untuk toko online kita, untuk menambahkan

    artikel lainnya, kita tinggal menggulang langkah diatas. Pada materi selanjutnya kita akan

    belajar menginput produk dan memanajemen produk.

  • Modul 10. ProdukPada bagian produk ini kita akan belajar menginput sebuah produk sampai tampil pada

    halaman toko online kita.

    1. Sebelum menginput sebuah produk, kita akan membagi-bagi kategori produk,

    berdasarkan model, jenis maupun kategori yang telah disepakati bersama. Untuk

    menambah atau merubah kategori pilih menu produk dan pilih opsi categories.

    2. Ini adalah tampilan halaman categories produk, pada bagian kiri merupakan kolom

    untuk menambah kategori baru dan sebelah kanan merupakan list dari kategori yang

    telah kita buat.

  • 3. Untuk menambah kategori baru pada kolom name isikan Judul kategori, contohnya

    Kaos Bola AC Milan, atau Dompet, Tas, dll. Selanjutnya klik Add New Categories

    4. Lakukan perulangan untuk menambah kategori-kategori yang lainnya, setelah semua

    kategori di masukkan, kita akan menambahkan produk pada toko online kita. Untuk

    itu kita kembali ke menu produk dan pilih opsi produk

    5. Hapus produk Hello World dengan mengarahkan kursor ke judul produk dan pilih

    trash.

  • 6. Untuk menambah produk baru, kita mengklik tambah pada halaman produk

  • 7. Ini adalah tampilan dari halaman penambahan produk baru, masukkan judul produk

    dan deskripsi produk, kemudian pilih sesuai kategorinya. Selanjutnya geser ke bagian

    bawah.

    8. Pada produk detail, masukkan kode produk, untuk minimal order boleh di kosongkan,

    dan dapat di isi jika memiliki produk yang menggunakan minimal order, untuk opsi

    produk harga sama, disini pembeli dapat memilih, produk serupa tetapi beda seperti

    warna dengan harga yang sama. Selanjutnya geser ke bawah lagi

  • 9. Selanjutnya untuk opsi Produk Beda Harga disini kasusnya adalah jika kita menjual

    produk dengan ukuran atau paket yang berbeda. Harga merupakan harga normal

    produk, harga promo merupakan harga promo dari produk jika ada. Jumlah stok dapat

    di isi dengan banyaknya stok. Pita buble merupakan icon lingkaran pada gambar

    produk, apakah produk ini limited edition, produk baru ataupun produk terlaris.

    Jangan lupa untuk mengisi berat produk. Geser kebawah untuk menambahkan

    gambar dan detail produk

  • 10. Pada opsi Detail / Fitur Produk isikan detail dari produk yang akan kita tampilkan pada

    toko online kita, Gambar Produk Utama klik Select Files dan pilih gambar produk untuk

    ditampilkan, juga dapat masukkan beberapa gambar produk dengan berbagai sisi

    gambar. Setelah selesai geser ke bagian atas dan klik publish.

  • 11. Untuk melihat produk kita apa sudah tampil pada halaman toko online kita, maka kita

    kembali ke halaman depan toko online kita, maka kita akan mendapatkan gambar

    seperti di bawah ini. Klik nama produk ataupun foto untuk melihat detal produk kita.

    12. Ini adalah tampilan detail dari produk kita

    Sampai tahap ini kita sudah bisa menambah produk kita ke toko online yang kita buat.

  • Modul 11. Proses Pembelian dan Notifikasi

    1. Setelah pembeli memilih produk dan menekan tombol beli sekarang, maka produk

    akan di update kedalam keranjang belanja.

    2. Kemudian pembeli akan melanjutkan ke pembayaran

  • 3. Ini adalah halaman detail pembayaran, pembeli mengisi informasi dan paket kiriman

    dan melakukan konfirmasi pesanan

    4. Ini adalah halaman pemberitahuan kepada pembeli

  • 5. Berikut adalah tampilan di email kita bahwa ada pemesanan masuk, kurang lebih

    seperti ini

    6. Kita juga bisa melihat pesanan pada menu Report Penjualan

    Sampai disini kita telah belajar bagaimana caranya membuat toko online menggunakan

    template smart toko. Semangat !!!