Membuat Toko Online dengan Wordpress Part 2

Membuat Toko Online dengan Wordpress Part 2

Mari Belajar Coding    1/07/2020   

Dalam artikel kali ini kita akan melanjutkan tutorial sebelumnya tentang membuat toko online dengan wordpress. Setelah teman-teman berhasil menginstall cms Wordpress dan menginstall tema shop Isle, selanjutnya kita akan menginstall plugin WooCommerce. Plugin Woocomerce sendiri merupakan sebuah plugin untuk mendukung fitur web toko online di wordpress seperti shop, cart, checkout dan sebagainya. 

Membuat Toko Online dengan Wordpress Part 1

Membuat Toko Online dengan Wordpress Part 1

Mari Belajar Coding    12/18/2019   

Tidak sedikit perusahaan maupun perorangan yang memanfaatkan teknologi berbasis website untuk menawarkan produk yang mereka jual kepada konsumen. Toko online merupakan sebuah media yang tepat untuk sarana promosi produk tanpa terbatas ruang dan waktu. 

Pembuatan website untuk toko online bisa di lakukan dengan berbagai cara seperti memahami bahasa pemrograman kemudian ngoding sendiri, menggunakan bantuan CMS(Sistem manajemen konten) dan sebagainya.

Bagi orang awam di dunia pemrograman tentu akan menyusahkan jika membangun sebuah toko online dengan menulis koding sendiri. Wordpress merupakan CMS yang powerfull untuk membuat  sebuah website dengan plugin WooCommerce yang mendukung fitur toko online untuk mempermudah pekerjaan kita.

Pada tutorial kali ini kita akan belajar bagaimana cara membuat sebuah web toko online menggunakan Wordpress dan plugin WooCommerce.

Persiapan
CMS Wordpress
Plugin WooCommerce
thema ShopIsle 

Instalasi Wordpress
Dalam instalasi wordpress pada tutorial ini kita akan menggunakan server lokal komputer dengan Xampp control panel dan penyedia hosting gratisan 000webhost untuk kebutuhan pembelajaran. Bagi teman-teman yang sudah menginstall wordpress di hosting silahkan ikuti tutorial selanjutnya. 

Install di xampp control panel
Sebelum memulai instalasi wordpress buat database bernama tokoonline di komputer teman-teman.
Silahkan download wordpress melalui link tautan diatas, kemudian ekstrak file hasil download dan pindahkan kedalam directory xampp/htdocs/.  Rename folder wordpress dengan nama toko-online. Buka localhost:/toko-online melalui browser kemudian ikuti langkah-langkah instalasinya.
Pilih bahasa yang akan kita digunakan.

Konfigurasi database, isikan nama basis data dengan tokoonline yang sudah di buat tadi kemudian sesuaikan settingan database komputer teman-teman untuk nama pengguna dan kata sandi.

Isikan judul situs nama pengguna dan kata sandi untuk login pada akun wordpress dan terakhir isikan alamat email.

Instalasi wordpress di server lokal telah selesai, teman-teman akan diarahkan pada halaman dasbor wordpress seperti gambar dibawah ini.

Install Wordpress di 000webhost
Silahkan teman-teman kunjungi situs id.000webhost.com kemudian daftarkan akun baru atau bisa login menggunakan akun facebook dan google.
Setelah login di dasbor 000webhost teman-teman bisa pilih create new site. Masukan alamat domain kemudian buat site baru.
Pilih Manage Website, Kemudian pilih install WordPress.

Install Tema ShopIsle
Pilih menu Tampilan pada sisi kiri menu Wordpress, kemudian tambahkan tema baru. Upload file shop-isle.1.1.58.zip tunggu hingga pemasangan tema selesai. Terakhir Aktifkan tema shop ishle.
Tampilan tema shop ishle.

Baca juga Membuat Toko Online dengan Wordpress Part 2

Menambahkan Ongkos Kirim di Wordpress

Menambahkan Ongkos Kirim di Wordpress

Mari Belajar Coding    12/13/2019   

Selamat datang di blog Mari belajar coding. Jika tutorial sebelumnya kita pernah belajar membuat aplikasi web untuk cek ongkos kirim menggunakan api RajaOngkir dengan PHP. Tutorial kali ini kita akan belajar mengintegrasikan Api RajaOngkir dengan CMS Wordpress. 

Saat kita membangun sebuah website ecommerce atau web toko online, tentu kita perlu menambahkan sebuah layanan shipping untuk mengirim produk yang kita jual. Pada Wordpress sendiri kita dapat menambahkan plugin WooCommerce untuk membuat web ecommerce dengan fitur yang mendukung fungsi toko online. Akan tetapi, secara default WooCommerce tidak menyediakan ongkos kirim untuk Indonesia.

Kita dapat menginstall plugin Woongkir untuk menambahkan ongkos kirim untuk pengiriman domestik dan internasional Indonesia seperti JNE, POS Indonesia, TIKI dan lain sebagainya dengan bantuan Api RajaOngkir. Silahkan kunjungi situs https://rajaongkir.com/.Pilih menu daftar kemudian isi form pendaftaran, pastikan alamat email yang teman-teman gunakan valid. Sistem RajaOngkir akan mengirimkan email aktivasi ke email yang digunakan untuk pendaftaran. Buka menu panel untuk mendapatkan api RajaOngkir.

Silahkan login pada akun wordpress teman-teman kemudian pilih menu plugin. Install plugin Woongkir seperti dibawah ini.

Setelah plugin Woongkir di install, buka menu WooCommerce pada bagian setting. Pilih tab shipping kemudian pilih Add shipping zone.

Pilih Add shipping method untuk menambahkan plugin Woongkir pada shipping method WooCommerce.

Selanjutnya kita akan setting Woongkir seperti dibawah ini.

Keterangan:

Shipping Origin Province merupakan alamat provinsi toko teman-teman berada.
Shipping Origin City merupakan alamat kota toko teman-teman.

Shipping Origin Subdistrict merupakan alamat kecamatan toko teman-teman.

Tax status merupakan status pajak, pilih none jika tidak.

Show ETA menampilkan perkiraan kedatangan produk.

Base Cart Contents Weight (gram) berat produk dasar yang akan di hitung. Jika teman-teman tidak menambahkan berat pada produk yang dijual, maka berat ini yang akan di hitung.

RajaOngkir API Key diisi dengan api key yang di dapat dari RajaOngkir.com

RajaOngkir Account Type merupakan tipe akun pada RajaOngkir.

Domestic Shipping merupakan jenis kurir yang akan digunakan, silahkan sesuaikan dengan tipe akun RajaOngkir.

Teman-teman bisa mencoba untuk order produk kemudian checkout produk yang di beli. Setelah menginputkan alamat pengiriman maka pilihan Shipping akan seperti gambar dibawah ini.