Selasa, 15 November 2011

Cara membuat toko online lengkap dengan basis data I


I.            FITUR – FITUR PENDAFTARAN HOSTING

A.  Hosting di webasyst.net

2.    Akan tersedia form pendaftaran isikan
Ø  Masukan Accont address,
Ø  Masukan loggin name
Ø  Masukan password
Ø  Masukan  confirm password
Ø  Masukan Email
Ø  Masukan Name
Ø  Masukan no yang ada di gambar pada kolom yang disediakan
Ø  kemudian klik CREATE ACCOUNT




Gb1. Form pendaftaran



II.          FITUR – FITUR PEMBUATAN TOKO ONLINE

A.  CARA  LOGIN

  •   Masukan account address yang sebelumnya telah didaftarkan.
  •   Masukan login name
  •   Masukan Password
  •   Lalu klik login



Gb2. Form Login

Lalu akan tampil ke account anda yang tersedia menu – menu yang digunakan mengatur webasyst seperti ini .


Gb3. Account

A.  MENGEDIT TOKO ONLINE

a.     MENAMBAHKAN GAMBAR , KETERANGANG PRODUK

1.    Masuk ke Store,
2.    Pilih products
3.    Klik add new category

Gb4. Membuat Category
4.    Setelah di klik akan muncul form yang dapat diisi dengan kategori produk, yang di dalam category dapat diisi sejumlah produk, klik “browser” untuk memasukan logo kategori..
5.    Jika semua diskripsi sudah diisi lalu klik save yang ada di pojok kiri bawah form.

Gb5. Form pengisian Category produk


 1.    Setelah membuat category lalu menambahkan produk di dalam category- category yang sudah di buat. Klik pada “Add new product”
 
 
 
Gb6. Membuat  produk



1.    Lalu  akan muncul form product yang dapat diisi tentang gambar,harga , keterangan tentang produk yang disediakan.

Gb7. Form pengisian keterangan produk
8. Setelah selesai mengisikan diskripsi, harga, dan mengupload gambar tentang produk yang disediakan klik save pada pojok kiri bawah pada form. Lakukan beberapa kali untuk produk – produk lain.

b. CARA MENGUBAH CURRENCY

1. Klik menu “Store”
2. Klik “setting”
3. Klik “Currencies”



Gb8 . pengaturan Cureecies

4. klik edit untuk mennganti mata uang yang di gumakan akan tampil gambar seperti dibawah ini


Gb9.  Form Currency

1.    Isi data mata uang dengan lengkap dan benar lalu klik “save”

a.    MENAMBAHKAN DAN MENGEDIT  LINK INFO PAGES

1.    Klik menu “Store”
2.    Klik “tools”
3.    Klik  “info pages”
Gb10. Tampilan info pages

1.    Klik “edit” pada page title yang akan dirubah, isikan data setelah itu klik “save”
Gb11. Tampilan edit page title
a.    MENGUBAH TEMA WEB

1.    Klik menu “Store”
2.    Klik “design”
3.    Klik  “design editor”


Gb12. Tampilan design editor

4.    Akan tampil beberapa theme yang tel ah disediakan webasyst, gunakan scroll untuk melihat desain- desain yang disediakan.
5.    Klik “theme preview” untuk melihat tampilan sementara web jika menggunakan thema yang akan kita pilih.
6.    Klik “ set for storefront” untuk menggunakan thema  itu.
 
Gb13. Design theme
 

a.    MENGUBAH TAMPILAN DESIGN TOKO ONLINE

1.    Klik menu “Store”
2.    Klik “design”
3.    Klik  “design editor”
4.    Klik “edit” pada samping teme yang kita gunakan untuk theme toko online

 
Gb14. Design editor
5.    Lalu akan muncul tampilan seperti dibawa ini, pada pojok kanan akan terlihat pilihan yang akan di gunakan untuk mengedit.
 
Gb15. Tampilan general layout.
6.    Untuk menambah link url maka klik pada “custom HTML code”.
 
Gb16. Tampilan petunjuk “custom HTML code”.

7.    Tulis kode – kode HTML untuk menambahakan link
 
Gb17. Tampilan kode html

8.    Untuk menambahkan gambar logo pilih klik “logo” lalu klik “browser” untuk mencari gambar logo yang akan digunakan . 
 
Gb18. Tampilan petunjuk “logo”.

9.    Klik “embed in template  ” untuk menngunakan gambar yang telah dipilih. 
10.    Lalu  drag&drop untuk meletakkan logo pada tempat yang diinginkan.
11.    Untuk menghapus “components” yang di gunakan, drag template yang akan di guankan lalu drop ke dalam Recycle Bin.
 
Gb19. Tampilan untuk menghapus komponen

 Dah kelar deh postingan cara pembuatan n pengeditan toko online nya, buat  pemasaran dan pelaporan akan di bahas di postingan selanjutnya dech,,, heheh semoga bermanfaat.

0 komentar:

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best Buy Coupons