Membuat Toko Online WordPress

Membuat toko online dengan wordpress buat anda yang baru memulai bisnis online memang  alternatif paling tepat dan cepat , bahkan jika anda belum pernah membuat toko online apapun sebelumnya.

Mengapa banyak orang memilih wordpress ?

Kalau ditanya alasan , saya yakin semua orang yang sudah menggunakan wordpress pasti setuju , wordpress itu mudah penggunaannya dan yang lebih penting lagi wordpress sangat friendly dengan search engine.

Dalam tutorial singkat ini saya coba akan merubah wordpress yang biasanya digunakan untuk ngeblog menjadi toko online wordpress dengan cara yang sangat sederhana dan cepat

Tampilan toko online WordPress Sandal lucu murah  

Ok langsung aja untuk membuat toko online dengan wordpress ini ikuti tutorialnya berikut …..

Sebelum Mulai..

Saya anggap disini anda sudah memiliki produk siap jual lengkap dengan gambar-gambarnya , sistem penjualan dan bisa membuat webblog wordpress gratisan sendiri , jadi langkah  awal pembuatannya akan saya lewati.

Kita langsung masuk ke bagian setting untuk membuat toko onlinewordpress anda dan langsung jualan.

Ok Kita mulai …

Berikut enam langkah  cara membuat toko online dengan wordpress

Step 1: Ganti Themes

Setelah webblog wordpress anda jadi , sekarang coba masuk ke bagian admin area dan rubah tampilan themes awal dengan themes yang akan digunakan sebagai toko online.

Note  : Themes toko online yang saya buat menggunakan themes Delicacy

Step 2: Buat Halaman ( Home )

Karena toko online yang saya jelaskan disini produknya sifatnya statis ( tidak ada penambahan produk baru ) maka anda harus membuat satu halaman statis yang akan digunakan untuk menampilkan produk , ikut langkah-langkahnya berikut ini  :

1. Buka Dashboard dan pilih menu  Pages → Add New.
2. Ketikan nama halaman yang akan dibuat  ( Home ).
3. Publish

Sekarang setelah halaman statis ( home ) dibuat anda harus menampilkan halaman tersebut  sebagai halaman utama , caranya

1. Buka menu  Settings → Reading)
2. Lanjutkan pada bagian  “Front page displays”, pilih  “A static page.”
3. Dari kotak pilihan  “Front page,” pilih  Home.
4. Pada bagian “Posts page,” biarkan saja.
5. Simpan perubahan dengan menekan tombol Save Changes

Untuk halaman lain anda bisa buat sesuai dengan kebutuhan seperti , halaman tentang kami, cara order , cara pemesanan dll  caranya sama dengan cara pembuatan halaman “Home “..

Step 3: Menampilkan Bagian Menu

Untuk menampilkan bagian menu di toko online sederhana anda ikuti langkah – langkah berikut  :

1. masuk ke bagian menu “ Appereance “ kemudian pilih “ Menu “
2. Pada bagian “ Create menu” buat satu kata yang berfungsi sebagai pemanggil  daftar halaman yang anda buat menjadi deretan menu .
3. Selanjutnya pada bagian “ primary menu” pilih kata yang sudha anda buat pada bagian ‘create meu “
4. Lanjutkan ke bagian daftar pages yang sudah anda buat sebelumnya pilih pages yang ingin anda tampilkan di daftar menu.perhatikan pada bagian sebelah kanan akan terisi dengan daftar “ pages “ yang ingin anda tampilkan .
5. Pada bagian kanan area yang kosong sekarang akan teisi dengan daftar pages yang akan anda jadikan menu navigasi
6. Simpan dengan menekan tombol  “Save Menu”

 

Step 4 : menampilkan Produk

Setelah halaman statis sudah siap , sekarang anda bisa menampilkan produk. masukkan kode berikut di bagian halaman “Home”  ……….

1. Buka halaman “ Pages” pilih all pages dan buka halaman “ Home”
2. Pada halaman Home , pilih tab “ Text ( Html ) “
3. Copy kode dibawah ini dan masukkan kedalam halaman “ Home” untuk menampilkan kotak pembagi produk ….

<center></center>
<table style=”width: 500px;” border=”1″>
<tbody>
<tr bgcolor=”#F2F2F2″>
<td align=”center”>
<div style=”clear: both; text-align: center;”>Isi Dengan Image Produk</div>
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Js8mflbF6I2EtMKWFWCAxzuKGxdD8gv-oGSfqTQ4fsJ5cgbohd4hqvCBJtIDkHf_EqUedCeHjq8sVf-LlZjoCv3bkG8rn9xngwDtRBMhTj5ujjP9t0fUfge9q0IcmzdGr9hBHHrIyxg/s200/images.jpg” alt=”” width=”200″ height=”59″ border=”0″ /></td>
<td align=”center”>
<div style=”clear: both; text-align: center;”>Isi Dengan Image Produk</div>
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Js8mflbF6I2EtMKWFWCAxzuKGxdD8gv-oGSfqTQ4fsJ5cgbohd4hqvCBJtIDkHf_EqUedCeHjq8sVf-LlZjoCv3bkG8rn9xngwDtRBMhTj5ujjP9t0fUfge9q0IcmzdGr9hBHHrIyxg/s200/images.jpg” alt=”” width=”200″ height=”59″ border=”0″ /></td>
<td align=”center”>
<div style=”clear: both; text-align: center;”>Isi Dengan Image Produk</div>
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Js8mflbF6I2EtMKWFWCAxzuKGxdD8gv-oGSfqTQ4fsJ5cgbohd4hqvCBJtIDkHf_EqUedCeHjq8sVf-LlZjoCv3bkG8rn9xngwDtRBMhTj5ujjP9t0fUfge9q0IcmzdGr9hBHHrIyxg/s200/images.jpg” alt=”” width=”200″ height=”59″ border=”0″ /></td>
</tr>
<tr>
<td style=”width: 100px;” align=”center”>
<div style=”clear: both; text-align: center;”>Isi Dengan Image Produk</div>
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Js8mflbF6I2EtMKWFWCAxzuKGxdD8gv-oGSfqTQ4fsJ5cgbohd4hqvCBJtIDkHf_EqUedCeHjq8sVf-LlZjoCv3bkG8rn9xngwDtRBMhTj5ujjP9t0fUfge9q0IcmzdGr9hBHHrIyxg/s200/images.jpg” alt=”” width=”200″ height=”59″ border=”0″ /></td>
<td style=”text-align: center; width: 300px;”>
<div style=”clear: both; text-align: center;”>Isi Dengan Image Produk</div>
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Js8mflbF6I2EtMKWFWCAxzuKGxdD8gv-oGSfqTQ4fsJ5cgbohd4hqvCBJtIDkHf_EqUedCeHjq8sVf-LlZjoCv3bkG8rn9xngwDtRBMhTj5ujjP9t0fUfge9q0IcmzdGr9hBHHrIyxg/s200/images.jpg” alt=”” width=”200″ height=”59″ border=”0″ /></td>
<td style=”text-align: center; width: 100px;”>
<div style=”clear: both; text-align: center;”>Isi Dengan Image Produk</div>
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Js8mflbF6I2EtMKWFWCAxzuKGxdD8gv-oGSfqTQ4fsJ5cgbohd4hqvCBJtIDkHf_EqUedCeHjq8sVf-LlZjoCv3bkG8rn9xngwDtRBMhTj5ujjP9t0fUfge9q0IcmzdGr9hBHHrIyxg/s200/images.jpg” alt=”” width=”200″ height=”59″ border=”0″ /></td>
</tr>
<tr>
<td style=”width: 100px;” align=”center”>
<div style=”clear: both; text-align: center;”>Isi Dengan Image Produk</div>
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Js8mflbF6I2EtMKWFWCAxzuKGxdD8gv-oGSfqTQ4fsJ5cgbohd4hqvCBJtIDkHf_EqUedCeHjq8sVf-LlZjoCv3bkG8rn9xngwDtRBMhTj5ujjP9t0fUfge9q0IcmzdGr9hBHHrIyxg/s200/images.jpg” alt=”” width=”200″ height=”59″ border=”0″ /></td>
<td style=”text-align: center; width: 300px;”>
<div style=”clear: both; text-align: center;”>Isi Dengan Image Produk</div>
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Js8mflbF6I2EtMKWFWCAxzuKGxdD8gv-oGSfqTQ4fsJ5cgbohd4hqvCBJtIDkHf_EqUedCeHjq8sVf-LlZjoCv3bkG8rn9xngwDtRBMhTj5ujjP9t0fUfge9q0IcmzdGr9hBHHrIyxg/s200/images.jpg” alt=”” width=”200″ height=”59″ border=”0″ /></td>
<td style=”text-align: center; width: 100px;”>
<div style=”clear: both; text-align: center;”>Isi Dengan Image Produk</div>
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Js8mflbF6I2EtMKWFWCAxzuKGxdD8gv-oGSfqTQ4fsJ5cgbohd4hqvCBJtIDkHf_EqUedCeHjq8sVf-LlZjoCv3bkG8rn9xngwDtRBMhTj5ujjP9t0fUfge9q0IcmzdGr9hBHHrIyxg/s200/images.jpg” alt=”” width=”200″ height=”59″ border=”0″ /></td>
</tr>
<tr>
<td style=”width: 100px;” align=”center”>
<div style=”clear: both; text-align: center;”>Isi Dengan Image Produk</div>
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Js8mflbF6I2EtMKWFWCAxzuKGxdD8gv-oGSfqTQ4fsJ5cgbohd4hqvCBJtIDkHf_EqUedCeHjq8sVf-LlZjoCv3bkG8rn9xngwDtRBMhTj5ujjP9t0fUfge9q0IcmzdGr9hBHHrIyxg/s200/images.jpg” alt=”” width=”200″ height=”59″ border=”0″ /></td>
<td style=”text-align: center; width: 300px;”>
<div style=”clear: both; text-align: center;”>Isi Dengan Image Produk</div>
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Js8mflbF6I2EtMKWFWCAxzuKGxdD8gv-oGSfqTQ4fsJ5cgbohd4hqvCBJtIDkHf_EqUedCeHjq8sVf-LlZjoCv3bkG8rn9xngwDtRBMhTj5ujjP9t0fUfge9q0IcmzdGr9hBHHrIyxg/s200/images.jpg” alt=”” width=”200″ height=”59″ border=”0″ /></td>
<td style=”text-align: center; width: 100px;”>
<div style=”clear: both; text-align: center;”></div>
<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Js8mflbF6I2EtMKWFWCAxzuKGxdD8gv-oGSfqTQ4fsJ5cgbohd4hqvCBJtIDkHf_EqUedCeHjq8sVf-LlZjoCv3bkG8rn9xngwDtRBMhTj5ujjP9t0fUfge9q0IcmzdGr9hBHHrIyxg/s200/images.jpg” alt=”” width=”200″ height=”59″ border=”0″ /></td>
</tr>
</tbody>
</table>
&nbsp;

Catatan  : untuk memasukkan kode ini halaman yang anda buka tampilannya pilih dalam format “ text atau Html “.

Step 5: Mengganti Gambar Produk

Kembali ke Dashboard, pada bagian halaman “ Home” yang sudah diberi kode  pilih tab “ Visual “ dan upload gambar produk dengan memilih tab “ upload media “

1. Letakan kursor didalam area produk
2. Pilih tab visual dan upload image
3. Pada kolom upload image setelah selesai pilih “ insert into post”

Catatan : Jangan lupa pada image “ tombol pesan sekarang ” hubungkan ke halaman order produk yang sudah anda buat ….

Contoh hasilnya :

6. Mengganti Header

Header sangat penting untuk meningkatkan penjualan di toko online anda , manfaatkan header ini sebagai bagian dari strategi promosi , anda buat dulu header menggunakan sofware pengolah gambar seperti photoshop dengan ukuran 980 X 250 Pixel .

Selanjutnya upload header tersebut kedalam toko online wordpress anda..

1. Buka menu “ Appereance” dan lanjutkan dengan memilih sub menu “ Header”
2. Uplod imeg header yang sudah dibuat dengan menekan tombol “ browse” kemudian lanjutkan dengan menekan tombol “ upload”
3. Pada bagian croping image  sesuaikan  ukuran 980 X 250 pixel
4. Simpan gambar dengan menekan tombol “ Save change”

 

Sekarang toko online dengan wordpress anda sudah tampil selayaknya toko online . tapi masih ada beberapa bagian yang harus ditambahkan .

Sumber : http://www.caramembuatwebsiteku.com