Cara Membuat Toko Online Berbasis WordPress & WooCommerce

PIN Women Masterclass | coding for women | toko online | wordpress | woocommerce | blogger bdg

Cara Membuat Toko Online Berbasis WordPress & WooCommerce . Mengenal Toko Online semenjak awal ngeblog hanya sekedar intip-intip saja. Mendalami bagaimana seluk beluknya ketika bekerja di dunia konsultan Internet Marketing DEWA SEO. Bergelut dengan bidang ini hampir setiap hari. Biasanya hanya melototin dan tau beres ajaa atau ngebawelin bagian web design ko lama banget beresnya. Dan kali ini lebih mendalam bagaimana cara membangun toko online sendiri. Berbicara tentang bisnis online di jaman era digital sekarang yang bisa menguntungkan salah satunya dengan membuat toko online atau online shop. Produk yang dijual pun bisa produk sendiri ataupun orang lain. Ibarat membangun sebuah warung atau supermarket banyak yang harus dipersiapkan tak segampang yang dibayangkan.

Kebanyakan si pelaku bisnis online menjual lewat bbm dan sosial media, Tapi alangkah sebaiknya buat Anda yang memang serius berbisnis online bisa membangun toko online sendiri. Kenapa? Ya, agar terlihat profesional dan terpercaya bagi calon konsumen. Menjual produk sendiri baru mempromosikannya di sosial media, dengan cara begini bisnis online akan berjangka panjang. Beberapa waktu yang lalu diberikan kesempatan perwakilan dari Blogger BDG untuk mengikuti acara yang dipersembahkan oleh IM3 Ooredoo. Rangkaian acara yang bernama Women Masterclass ini terdiri dari beberapa kelas yang ada, setiap 2 minggu sekali. Dan selalu berganti tema, kali ini temanya tentang “Coding For Women”

Women Masterclass | coding for women | toko online | wordpress | woocommerce | blogger bdg

Suasana pelatihan yang didampingi oleh instruktur anak2 muda berjenggot

WOMEN MASTERCLASS “CODING FOR WOMEN”

Bertempat di Kantor Pusat IM3 Ooredoo Jakarta, kali ini akan membahas tentang Membangun Toko Online menggunakan WordPress dan WooCommerce, pesertanya pun perempuan dari berbagai komunitas. Perkenalan satu persatu beragam profesi ada yang Dosen, Hijaber Mom Community, Woman Preuneur Community, pebisnis online dan ada juga Blogger BDG. Di era digital seperti sekarang bahwa kaum perempuan pun harus melek internet yang mencakup aspek digital agar mampu berperan memiliki pengetahuan dan keahlian.

Sebagai pelaku Online dan Blogger, mengenal Coding, toko online, WordPress, WooCommerce pastinya sangat familiar sekali. Mengikuti Training bagaimana cara membangun toko online dengan menggunakan WordPress dan WooCommerce Di pandu oleh anak muda bernama Asep Bagja Priandana salah satu indie developer yang sedang berkibar saat ini, Co-founder Froyo  Framework yang dampingi oleh beberapa temannya yang menjadi instruktur kami para perempuan yang bawel.

Apa itu Coding?
Adalah bahasa inggris yang kalo di Indonesiakan artinya adalah pemograman. Coding bertujuan untuk membuat sebuah program komputer.

Apa itu WordPress?
Adalah sebuah CMS (Content Management System) yang bersifat free dan open source. Digunakan untuk mempermudah user mengatur isi dan tampilan sebuah website. Dan merupakan salah satu platform media paling populer untuk membuat website baik itu blog pribadi, situs berita, situs edukasi bahkan situs penjualan ( ecommerce/online shop), situs berita.

Apa itu WooCommerce?
Adalah sebuah plugin WordPress yang digunakan untuk membuat toko online berbasis wp. Dengan ini maka setiap user Wp bisa dengan mudahnya melakukan set up dan mengatur toko onlinenya.

Suasana mulai Gaduh, karena instruktur anak-anak muda mulai menyebar ke setiap meja memindahkan data2 yang perlu di instal di perangkat leptopnya masing-masing. Bagaimana cara kerja website mulai dari jaringan internet yang menghubungkan user dengan server. Dimana User akan melihat isi online shop kita melalui browser. Sementara pengaturan isi website online shop kita lakukan dengan WordPress dan WooCommerce.

Hal yang harus dilakukan adalah persiapan development, menyiapkan web server dan wordpress dengan menginstall XAMPP WEb Server. XAMPP adalah sebuah paket software yang terdiri dari Apache web server, bahasa pemograman. Multi flatform yang dapat berjalan di windows, linux dan MacOs digunakan sebagai local server. Selain itu juga menyiapkan database dan menginstal WordPress.

Dalam Website Eccomerce tersebut ada dasar-dasar HTML dan CSS. HTML (Hypertext Markup Language) digunakan untuk menstruktur tampilan web. Sedangkan CSS (Cascading Stle Sheet) digunakan untuk mempercantik struktur web yang sudah dibuat dengan HTML tadi. Ahh ternyata senangnya, mempraktekan step by step  dan akhirnya berhasil membuat toko online sendiri.

Women Masterclass | coding for women | toko online | wordpress | woocommerce | blogger bdg

Hmm, ternyata bisa juga yaa membangun toko online

Nah buat pebisnis online jika ingin membuat toko online, hal-hal yang perlu diperhatikan cara membangun toko online secara profesional dengan menggunakan WordPress adalah :

1. Menyiapkan Nama  Domain dan  Hosting.

Domain adalah alamat dari website agar dapat diakses dengan mudah oleh orang lain. Nama domain yang unik sangat penting karena menjadi identitas bisnis di internet. Biaya sewa domain dibayar tahunan sedangkan harga sewa domain tergantung jenis TLD (Top Level Domain) nya misalnya .com, .co, .co.id, .id, dll. Contoh
penyedia domain bisa godaddy, name.com, domain.com, Qwords dan masih banyak lagi
Hosting adalah rumah dari website kita. Biaya sewa hosting berbeda setiap provider biasanya dibayar bulanan,
3 bulanan, 6 bulanan atau tahunan. Mengupload seluruh file website bisa menggunakan cpanel yang disediakan oleh pihak hosting.

2. Menginstal WordPress dan Template Toko Online

Menggunakan paltform berbasis wordpress banyak sekali keuntungannya, tersedia banyak template harga yang murah. Meskipun sebenernya ada template yang gratisan tapi alangkah lebih baik memakai yang premium agar lebih profesional apalagi kalau buat bisnis.

Menginstal WordPress
– Instalansi Wp
– Manajemen wordpress, pages digunakan untuk mengelola halaman yang statis, posts digunakan untuk mengelola artikel dimana setiap post memiliki kategori dan tags, themes digunakan untuk mengelola tema website yang tampil di bagian depan web tersebut, plugin untuk menambah fungsi yang tak tersedia di sistem wp. untuk mempercantik toko online tinggal men-setting sendiri bagaimana cara mengatur widget, side bar,membuat halaman, kategori, cara posting aplod produk, memberikan harga dll

3. Menginstall Plugin Pendukung

Plugin dugunakan untuk menambahkan fungsi-fungsi yang tidak tersedia di sistem standar Wp. Membantu performa toko online yang dibangun dibutuhkan beberapa plugin . Terlalu banyak plugin pun tidak dibenarkan karena akan memperlambat loading sebuah website. so, bener-bener sesuai kebutuhan saja misalnya Akismet untuk mencegah spam, Wp SEO untuk mengoptimalkan SEO dalam postingan dll.

Dipelatihan kali ini   membangun toko online dengan menggunakan  Wordpress dan WooCommerce. Setelah menginstall WordPress lalu Menginstal WooCommerce. Mencari di menu plugin lalu tinggal di aktifkan. Mulai deh melakukan konfigurasi misalnya Locale tentang format harga, ukuran, dan lokasi bisnis berada. Payment Gateway tentang format pembayaran di website eccommerce kita bisa dengn paypall, transfer bank dll.

4. Belajar Internet Marketing dan SEO

Setelah toko onlinenya jadi, lalu bagaimana agar orang lain menemukan toko online kita? Sebagai pengguna internet segala sesuatu informasi yang dibutuhkan langsung melalui search engine. Maka dari itu dibutuhkan belajar SEO (Search Engine Optimization) agar toko online nongkrong dan mampu bersaing di halaman pertama si mbah google akan berpeluang besar untuk mendapatkan penjualan. Atau bisa juga di pasarkan lewat sosial media tentunya dengan belajar cara-caranya juga.

Woman Masterclass kali ini gampang-gampang susah, pada anteng masing-masing tapi ga lupa bercanda juga biar ga manyun, stress dan ngantuk sama teman semeja bundar. Bawaannya pengen nyemil mulu plus ngebayangin makan Curry . Melirik meja sebelah dah banyak yang nyerah beberapa personil dah kabur.Alhamdulillah bisa mengikuti dan mempraktekkan bagaimana cara membangun toko online. Dan hasilnya belajar praktek kali ini memuaskan meski cuma beberapa jam . Hasil dari uyel-uyelan coding terbitlah toko online fiktif ala Nchie Hanie.

Women Masterclass | coding for women | toko online | wordpress | woocommerce | blogger bdg

Hasil karya Sibening Shop, masih kurang rapi, ternyata memang memasukan produk gambar dan resolusi tetep harus diperhatikan ya.

Women Masterclass | coding for women | toko online | wordpress | woocommerce | blogger bdg

Kelakuan teman satu meja rombongan dari Bandung, setelah mengikuti kelas coding langsung pada ngeheng semua.

Women Masterclass | coding for women | toko online | wordpress | woocommerce | blogger bdg

Hmm, nambah lagi koleksi sertifikat. Tengkyu  banget buat Women Masterclass, IM3 Ooredoo Jabar,  Asep Bagja dkk serta Manteman dari Bandung .

Selalu ada drama tatkala hendak menimba ilmu ke Ibu Kota ya 😀

Comments (72)

  1. Lendyagasshi

    September 27, 2016 at 1:54 AM

    Hayoo…drama apa ini..teh?
    Kerreen genk blogger Bandung. Semangatnya ruaarr biaassa.

    *berharap bisa dapet ilmu dari teh Nchie and team.

    • nchiehanie

      September 27, 2016 at 7:46 AM

      hahhaa..ada drama lupa bangun subuh2 :v

      Amin, sellau semangat donk lendy :p

  2. Dani

    September 27, 2016 at 4:55 AM

    Hihihihi. Baca komen di atas sebenernya kepo sih.Tapi lebih kagum sama ilmu yang didapet… Bahkan toko online bisa buat sendiri ya Teh….

    • nchiehanie

      September 27, 2016 at 7:48 AM

      sssttt iihh bapak2 ga usah kepoan :p

      Iya gampang2 susah kalo buat sendiri mah,kudu rajin, ulet penuh dengan kesabaran.
      Sekarang baru tau kan kenapa bikin website toko online tuh agak mihil hahhaa..
      Cukup tau aja dan bisaaa, yeeay!!

  3. ira duniabiza

    September 27, 2016 at 7:07 AM

    Wihii… keren.. mau pindah bandung ah biar bisa ikutan acara Mba Nichie yang alway seru..

    aniwei itu sertifikat siapa mba, upss jadi itu sosok di balik seorang Nchiehanie yang masyur itu.. 🙂

    • Sumpah, Penghasilan Gue dari Bisnis Online!

      September 27, 2016 at 7:43 AM

      itu sertifikat nchie…. nama aslinya kan Sri Susilowati, disingkat jadi Nchie Hanie, Ga nyambung kan?….. wkwkwk *kabooorrrr….

      • nchiehanie

        September 27, 2016 at 7:49 AM

        wakkakaaa..maksotloh kaaang?

        Atulah itu kan mesti nama KTP eeaa

    • nchiehanie

      September 27, 2016 at 7:49 AM

      Jangaan , Bandung dah penuh Mak!
      Aku aja kabor ke Jakarta subuh2 pulang tengah malem demi ikutan acara ini eeaa

  4. Ety Abdoel

    September 27, 2016 at 9:12 AM

    Keren ih, Mba Sri, udah lulus ya. Selamat.
    Kapan ngajarin dakuuuuh?

    • nchiehanie

      September 27, 2016 at 11:40 AM

      wakakakaka..lulus kelas nyubii Maak

  5. Shona Vitrilia

    September 27, 2016 at 9:52 AM

    Jadi inget dulu th 2013 juga pernah bikin oshop pake WP, tp ga ngerti setelahnya mau di apain, wkwk..

    Akhirnya pake jasa penyedia web oshop.. penting bgt y teh ilmu beginian buat oshopers..

    • nchiehanie

      September 27, 2016 at 11:43 AM

      iya memang kalo mau praktis, mendingan minta dibikinin sama ahlinya saja, mis ke dewaseo gituh eeeaa *ngiklaan hahahaa

      Tapi minimal yang punya olshop setidaknya memahami dan mengerti barang sedikit aja, biar ga dibodoin Ibuu

  6. Kang Alee

    September 27, 2016 at 10:01 AM

    Pengin bisa bikin juga euy

    • nchiehanie

      September 27, 2016 at 11:44 AM

      coba kemaren ikot kaang..
      tak kasih pinjem hijabnya eeaaa

  7. Rach Alida Bahaweres

    September 27, 2016 at 10:16 AM

    Coding saat ini lagi ngtren banget ya mba. Dan aku aru tahu kalau bisa juga ya diaplikasi untuk emak-emak seperti kita ya 🙂

    • nchiehanie

      September 27, 2016 at 12:26 PM

      NgeTren sih dari dulu jugaa Mbaa, cuma memang sekarang lebih di familiarkan ke setiap perempuan2 yang melek internet. Biasanya kan kebanyakan kaum Adam xixixii

      Minimal bisa diaplikasikan ke blog kita atau web jualan kita

  8. lianny hendrawati

    September 27, 2016 at 10:25 AM

    Aku juga pernah denger nih tentang woocommerce, temen suami rasanya pake ini juga bikin olshopnya.
    Btw baru tau nama asli Nchie 🙂

    • nchiehanie

      September 27, 2016 at 12:19 PM

      iya emang familiar pake ntu Mba

      Hahahaa..ntu nama KTP , jiyaah di bahas , Nchie mah nama panggilan kecil

  9. PutriKPM

    September 27, 2016 at 10:48 AM

    Teh Nchie!!!! Bootsnya ya ampun gemes amaaaat tapi pasti gaada ukuran aku deh hiks *salah fokus*

    • nchiehanie

      September 27, 2016 at 12:18 PM

      hahhaaa..aahh ada Puut, coba tanya2 ajaa..
      Lucuu taau, gemez..gemezz (njiwel pipi putri)

  10. LIZA

    September 27, 2016 at 12:57 PM

    woocommerce itu untuk ecommerce rupanya. thanks for sharing teh

    • nchiehanie

      September 27, 2016 at 3:30 PM

      iya bu dokter..

      masama yaa

  11. herva yulyanti

    September 27, 2016 at 2:24 PM

    Mba sharing knowledge mba di Bandung xixixi..pengen deh tahu ttg knowledge ttg ini 🙂

    • nchiehanie

      September 27, 2016 at 3:31 PM

      ahh masih jauh ilmunya hehee

      japri aja, ngobrol2 cantik sambil ngopi sharingnya hehee

  12. Rusydina Tamimi

    September 27, 2016 at 2:30 PM

    kalo bikin web utk olshop emang lebih enak pake WP ya teh daripada blogspot?

    • nchiehanie

      September 27, 2016 at 3:33 PM

      kalo wp enaknya banyak plugin yang membantu..

      banyak yang pake blogspot juga, tergantung nyamannya masing2, karena ada kelebihan dan kekurangannya masing2 😀

  13. Noe

    September 27, 2016 at 4:46 PM

    Akuuu doyan wordpress, tp ttp ngga ngerti yg rumit2. Haha. Seledar install plugin msh bisa, selebihnya wasalam. Hiks

    • nchiehanie

      September 27, 2016 at 10:37 PM

      hehee..sama aja Noe aku jugaa..

  14. Ernawati Lilys

    September 27, 2016 at 5:22 PM

    keren teh si bening shopnya , jago ya teh nchi hanie sudah mainan coding sekarangmah, #cakeppisan

    • nchiehanie

      September 27, 2016 at 10:39 PM

      wakakakkaa..engga ahh, cuma sekedar pengalaman aja,

  15. Ida Tahmidah

    September 27, 2016 at 5:37 PM

    Wow mantap teh Nchie makin keren n kinclong aja nih si bening eh teh Nchie 🙂 Dah main coding2 an..aku mah angkat tangan ajah 😀

    • nchiehanie

      September 27, 2016 at 10:40 PM

      belajaar dikiit aja Teteeh :v

      jangan atuh, angkat kaki aja eehh :v

  16. Inna Riana

    September 27, 2016 at 5:48 PM

    mak nchie yg jago aja bisa ngehang… apalagi eike yg gaptek parah. udah tiwas ditempat jangan2 haha
    keren euy ols sibeningnya

    • nchiehanie

      September 27, 2016 at 10:52 PM

      hahhaaa..maak jangan tiwas ntar susah angkatnya :v

  17. rara febtarina

    September 27, 2016 at 6:36 PM

    teh mau ikutan kaya gini, seru banget keknya

    • nchiehanie

      September 27, 2016 at 10:53 PM

      iya seruu pisan, nambah temen jugaa

  18. Jarhie

    September 27, 2016 at 6:59 PM

    Waaaah dulu sempet coba bikin, tapi lieur haha

    • nchiehanie

      September 27, 2016 at 10:53 PM

      iya emang lieur, kudu pokus..pokus…

  19. Lingga

    September 27, 2016 at 8:07 PM

    Wuaaaahhj mupeng pengen ikutan..kebetulan punya online shop kecil2an..tfs ya mba..jadi tau bisa bkin web os sndiri

    • nchiehanie

      September 27, 2016 at 10:54 PM

      iya masama…

      wah sukses atuh olshopnya yaaa

  20. Khoirur Rohmah

    September 27, 2016 at 8:14 PM

    Wah… cuman wordpress yah teh. Heee
    Aku salfok dan baru tau nama lengkapmya teh Nchie hheee
    Asyiikk nambah ilmu codingnya nih. Kira2 masih ada klas lanjutannya ga teh? Hhee

    • nchiehanie

      September 27, 2016 at 10:55 PM

      hahhaa plis deh, jangan intip namakuuu :p

      kurang tau tah, lupa deh jadwalnya 😀

  21. lindaleenk

    September 28, 2016 at 12:35 AM

    wah ada kang asep

    • nchiehanie

      September 28, 2016 at 8:08 AM

      iya, belio yang mandunya 😀

  22. Nurul Fitri Fatkhani

    September 28, 2016 at 4:38 AM

    Wah..acaranya seru deh…banyak nambah ilmu. Ternyata buat online shop bisa pakai wordpress ya… Kirain hanya buat ngeblog aja. Jadi pengen punya online shop. Ajarin koding-kodingannya atuh, Teeh…. 😄

    • nchiehanie

      September 28, 2016 at 8:11 AM

      ahh seru2 gemana gituh..
      Pastinya teh,wp kan bisa buat situs apa aja,
      Hahaa..ahh aku masih diajar juga, buan ahlinya atuh ahh :p

  23. Nia Haryanto

    September 28, 2016 at 4:55 AM

    Acara yang seru. Banyaaak sekali ilmu. Ada kelas Blogspot-nya gak, ya? 😀

    • nchiehanie

      September 28, 2016 at 8:12 AM

      hahhaaa..kurang tau tah..
      Mungkin ada juga kayanya,

      seru pisan, saking serunya pada anteng masing2

  24. cputriarty

    September 28, 2016 at 5:31 AM

    Wow.acaranya pelatihan woman masterclassingnya menarik aekali.jadi pengin deh, scra jaman kuliah sdh mempelajari basic coding+html*udahlumutan😥

    • nchiehanie

      September 28, 2016 at 8:13 AM

      whuaa kereen itu Mak, ayo di asah lagi 😀

  25. Nyi Penengah Dewanti

    September 28, 2016 at 6:27 AM

    wihihi si teteh keren banget ihh
    ajarin daku tehhhh

    • nchiehanie

      September 28, 2016 at 8:13 AM

      ahh biasa aja Nyii

      Ayo tak ajarin masak2 yaa

  26. Uwien Budi

    September 28, 2016 at 8:18 AM

    Aku pengen bikin toko online teh. Nampaknya perlu les privat ini sama teh Nchie.

    • nchiehanie

      September 28, 2016 at 4:33 PM

      mo jualan opoo Uwien,

      hahhaaa, boleh2..

  27. Helena

    September 28, 2016 at 10:00 AM

    coding *____* dan naksir dengan boots cewek itu.
    karena gampang puyeng ketemu coding, aku jualannya lewat market place seperti qlapa aja. Tinggal upload barang, ga mikirin tampilan website.

    • nchiehanie

      September 28, 2016 at 4:35 PM

      iya, sebenernya dimana aja bisa jualannya
      Tergantung kemauan diri sendiri nyamannya aja

      hihihii ambil aja Mak 😀

  28. Titis Ayuningsih

    September 28, 2016 at 1:53 PM

    Wah, wanita ini super tangguh ya dr jkt bandung bolak balik mulu, pelatihan ink cocok ya teh nchie di era digital ini. Kapan lagi ya kopdaran sama teteh hits dari Bandung ini

    • nchiehanie

      September 28, 2016 at 4:37 PM

      Jkt-Bdg deket Tis, hampir sama dengan jalan2 di BAndung yang macet jua

      Hayu kopdaran kalo ke BAndung atuh,
      Aha cocok buat kita semua yang melek internet, biar ga gaptek :p

  29. Vita

    September 28, 2016 at 6:27 PM

    Indosat Makassar gak ngadain kelas seperti ini, ih.. Jadi pengen mention marcomm Indosat Makassar. Hahahaha

    • nchiehanie

      September 28, 2016 at 6:33 PM

      hahahaaa..iya itu acara pusat Mak :v

  30. Arina

    October 3, 2016 at 10:28 PM

    Wah, kereeeen! aku bayangin belajar coding udah mumet duluan 😀

    Dulu pernah dibelikan domain di WP sama suami, buat jualan online, tapi ga keurus.. huhu akhirnya ga diupdate 🙁

    *ehm! baru tahu nama aslinya.. *piss

  31. indah nuria

    October 6, 2016 at 1:48 AM

    jadi pengen belajaar bareng teteh nan caem iniiii 🙂

    • nchiehanie

      October 6, 2016 at 6:04 AM

      hayuuu maaak..

  32. Alma Wahdie

    October 7, 2016 at 1:55 PM

    Mau diajarin bikin web buat commerce gini dong, Teh.
    Nunggu pengumuman kopdar belajar bareng hehee :*

    • nchiehanie

      October 9, 2016 at 2:56 PM

      iya aku juga mau lagi diajarin niy..
      yuk manggil gurunya..

  33. Ngoceh

    October 18, 2016 at 1:58 PM

    Aku dari dulu malah nggak terlalu ngerti banget sama yang namanya WordPress, punya sih blog wordpress, tapi sekrang sudah terbengkalai dan berdebu *fiuhhh….

    Soalnya aku lebih cinta sama blogger hihi…

    • nchiehanie

      October 19, 2016 at 7:54 PM

      iya sih itu gimana diri sendiri nyamannya di mana ajaa 😀
      yang penting heppi

  34. cicifera

    October 19, 2016 at 11:06 PM

    Waa! Ini tulisan mesti di bookmark nih, siapa tau nanti punya toko online :)) Eh teh nchie kenal asep bagja juga? Haha, sempit duniah xD

    • nchiehanie

      October 26, 2016 at 6:42 AM

      hahahhaaa..nah itu kan yang ngajarnya cifeeeer

      wah2 jadi penasaran,siapa ituh 😀

  35. William

    February 21, 2017 at 10:38 PM

    Waa lengkap banget mbak.
    saya juga pengguna plugin woocommerce lho, dan emang ngebantu banget untuk membuat olshop hehe

    • nchiehanie

      February 23, 2017 at 12:36 AM

      asiiik yaa

  36. Ahmad

    March 21, 2017 at 6:15 AM

    wah .. acara nya menarik sekali …. pingin ikutan

Leave a Reply to herva yulyanti

This site uses Akismet to reduce spam. Learn how your comment data is processed.