Cara Membuat Toko Online Dalam Waktu Kurang Dari 1 Jam

Last Updated on March 10, 2024

Kalau Anda merupakan:

• Pemilik bisnis yang ingin memperluas jangkuan bisnisnya ke ranah online.
• Freelancer dan agensi baru yang ingin menawarkan jasa pembuatan website.
• Seseorang yang ingin mendapatkan penghasilan tambahan melalui toko online.

Anda mungkin akan menanyakan beberapa pertanyaan berikut ini:

1. Bagaimana cara membuat toko online (eCommerce)?
2. Tools apa saja yang dibutuhkan untuk membuat toko online?
3. Apakah semua orang (khususnya pemula) bisa membuat toko online?
4. Apakah memungkinkan membuat toko online (eCommerce) dalam waktu singkat?

Untuk mendapatkan jawaban dari pertanyaan di atas, Anda harus membaca artikel berikut ini sampai tuntas!

Di sini Anda akan mempelajari cara membangun bisnis online dengan menggunakan toko online (eCommerce), dan tools yang dibutuhkan untuk membuat eCommerce tersebut.

Lebih detailnya, kami akan memberikan panduan atau langkah – langkah terkait cara membuat toko online dalam waktu kurang dari 1 jam!

Cara Membuat Toko Online Powerful Dengan 5 Langkah

Di sini kami menggunakan WordPress (self hosted) sebagai panduan untuk membuat toko online (eCommerce). 3 Alasan utamanya:

1. WordPress memiiki banyak fitur powerful namun mudah dikelola.
2. WordPress juga digunakan oleh banyak brand ternama di seluruh dunia.
3. WordPress memiliki komunitas yang membantu Anda jika mengalami kesulitan.

Nah, sebelum masuk ke langkah – langkah pembuatan toko online (eCommerce), Anda harus menyiapkan infrastruktur dan tools berikut ini:

1. Domain Dan Hosting (berbayar).
2. CMS WordPress (gratis)
3. Premium WordPress Theme (berbayar).
4. WooCommerce Plugin (gratis).

Kalau sudah, Anda bisa langsung mempelajari dan mempraktikkan cara membuat toko online powerful dengan 5 langkah berikut ini:

Langkah 1: Membeli Domain Dan Hosting

Domain merupakan alamat website Anda. Sedangkan hosting ibarat “lahan” tempat Anda bisa membangun website.

Anda bisa membeli domain dan hosting di berbagai provider hosting. Baik itu lokal maupun global.

Tapi di panduan kali ini, kami akan memberikan panduan cara membeli domain dan hosting melalui DewaBiz.

Caranya:

1.1: Kunjungi situs resmi DewaBiz. Kemudian klik tulisan Create a New Account.

1.2: Anda akan melihat keterangan Register. Berikutnya Anda harus melengkapi Personal Information berdasarkan data Anda yang sesungguhnya.

1.3: Masih di halaman yang sama, silahkan scroll ke bagian bawah. Anda akan melihat keterangan Additional Information. Silahkan lengkapi dengan data Anda yang sesungguhnya.

Kemudian centang kotak I’m not a robot dan I have read and agree to the Term of Services. Setelah itu klik tombol Register.

Sampai di sini, Anda sudah berhasil membuat akun baru (new account) di DewaBiz.

Berikutnya silahkan buka email yang Anda gunakan ketika membuat akun baru di DewaBiz.

Kemudian klik tulisan Verify Your Email Address. Tujuannya untuk melakukan verifikasi email Anda.

Jika sudah, selamat. Karena alamat Anda sudah berhasil diverifikasi!

1.4: Log in ke Akun DewaBiz Anda. Pilih paket hosting yang Anda butuhkan. Kemudian klik tombol Order Now.

Di panduan kali ini kami memilih Paket Hosting Marketer Pro.

1.5: Berikutnya Anda akan dibawa menuju halaman pembelian domain baru (register a new domain).

Silahkan ketik nama domain yang ingin Anda beli. Pilih ekstensionnya (akhirannya) dan check ketersediaannya.

Kalau domain yang ingin Anda beli tersedia (available), klik tombol Continue. Kalau belum, Anda bisa mencari nama domain yang lain.

Di panduan kali ini kami ingin membeli domain tokotanaman.my.id. Alhamdulillah, domain tersebut masih tersedia (available).

1.6: Berikutnya Anda akan dibawa menuju halaman DNS Management. Silahkan centang kemudian klik tombol Continue.

1.7: Berikutnya Anda akan dibawa menuju halaman Billing Cycle (siklus pembayaran). Silahkan pilih berdasarkan kebutuhan Anda.

Jika sudah, pilih lokasi hosting yang Anda inginkan, lalu klik tombol Continue.

Di panduan kali ini kami memilih billing cycle quarterly (pembayaran per 3 bulan) dengan lokasi hosting di Jakarta.

1.8: Berikutnya Anda akan dibawa menuju halaman Domain Registration. Di sini Anda akan melihat jumlah pesanan Anda (domain dan hosting).

Kemudian isi kolom Promotion Code jika Anda memilikinya (optional).

Alhamdulillah, DewaBiz memberikan kami 100% One Time Discount untuk pembelian hosting quarterly (thank you DewaBiz). Jadi Anda akan melihat bahwa kami cukup membayar biaya domain saja.

1.9: Masih di halaman yang sama, silahkan scroll ke bagian bawah.

Di sana Anda akan melihat beberapa opsi Payment Method (metode pembayaran) yang bisa dipilih. Di panduan kali ini kami memilih VA BCA (otomatis). Jika sudah, silahkan klik tombol Checkout.

Langkah berikutnya, Anda harus melakukan pembayaran.

Kalau pembayaran Anda sudah terverifikasi, berarti Anda sudah berhasil membeli domain dan hosting di DewaBiz.

Setelah itu, Anda akan mendapatkan informasi cPanel dari pihak DewaBiz melalui melalui email yang Anda gunakan ketika membeli domain dan hosting.

Informasi cPanel ini bisa Anda gunakan untuk log in ke dalam server website Anda.

Langkah 2: Install CMS WordPress

Seperti yang sudah dijelaskan sebelumnya, di panduan kali ini kami akan membuat toko online dengan menggunakan WordPress (self hosted).

Apa itu WordPress (self hosted)?

Ringkasnya, WordPress (self hosted) merupakan Free And Open – Source Content Management System (CMS), yang bisa membantu Anda membuat website dengan lebih mudah.

Caranya:

2.1: Silahkan masuk ke server website Anda dengan menggunakan informasi cPanel Anda. Masukkan Username dan Password. Lalu klik Log in.

2.2: Anda akan dibawa ke halaman depan cPanel. Berikutnya silahkan Scroll ke bawah. Lihat keterangan Security. Lalu pilih SSL/TLS Status.

2.3: Anda akan di bawa ke halaman SSL/TLS Status. Silahkan klik tombol Run AutoSSL. Kemudian tunggu sampai ada keterangan berhasil (AutoSSL Domain Validated).

2.4: Jika proses Run AutoSSL sudah berhasil, silahkan kembali ke halaman depan cPanel Anda. Kemudian Scroll ke bawah. Anda akan melihat keterangan Software. Pilih WordPress Manager by Softaculous.

2.5: Anda akan dibawa menuju halaman WordPress Management. Silahkan klik tombol Install.

2.6: Anda akan dibawa menuju halaman install WordPress. Di bagian Software Setup, Anda akan melihat opsi Choose Installation URL.

Silahkan pilih URL yang menggunakan format https. Baik itu www atau non www. Terpenting https.

2.7: Masih di halaman yang sama. Silahkan scroll ke bagian kanan bawah.

Anda akan melihat keterangan Admin Account yang berisikan Username, Password, dan Admin Email.

Anda membutuhkan Username dan Password untuk log in ke dashboard WordPress Anda. Sedangkan Admin Email merupakan email utama yang Anda gunakan untuk mengelola website Anda.

Tips:

• Jangan menggunakan kata “admin” sebagai Username.” Karena terlalu umum dan berpotensi dibajak oleh orang – orang yang tidak bertanggung jawab.
• Anda sebaiknya menggunakan kombinasi simbol+huruf besar+angka untuk Password Anda. Contoh: @Merdeka1945

2.8: Masih di halaman yang sama. Scroll ke bagian yang paling bawah. Anda akan melihat 2 keterangan:

1. Install.
2. Email installation details to.

Anda bisa mengisi Email installation details to dengan email yang sama seperti Admin Email.

Jika sudah, silahkan klik Install dan tunggu hingga selesai.

2.9: Jika sudah selsai, Anda akan dibawa menuju halaman yang menginformasikan bahwa proses Install WordPress berhasil.

Sampai di sini, Anda sudah memiliki website WordPress (self hosted).

2.10: Silahkan log out dari cPanel Anda!

Langkah 3: Install WordPress Theme

Langkah berikutnya adalah memilih theme atau tema untuk website Anda.

Melalui situs resminya, WordPress (self hosted) telah menyediakan ribuan tema untuk Anda. Dan jumlah ini kemungkinan besar akan terus bertambah.

Di panduan kali ini kami akan menggunakan Astra Theme. Karena Astra adalah salah satu tema populer di WordPress (self hosted).

Caranya:

3.1: Silahkan masuk ke dashboard WordPress Anda (https://www.tokotanaman.my.id/wp-admin/).

Masukkan Username dan Password Anda. Kemudian klik tombol Log In.

3.2: Langkah berikutnya silahkan klik Appearance -> Themes.

3.3: Langkah berikutnya silahkan klik Themes -> Add New.

3.4: Karena Astra Theme merupakan salah satu tema populer di WordPress (self hosted), Anda akan langsung menemukannya.

Silahkan scroll ke bawah. Di sana Anda akan menemukan Astra Theme. Klik tombol Install dan tunggu hingga selesai.

Langkah berikutnya, Anda harus mengaktifkan Astra Theme di website WordPress (self hosted) Anda. Silahkan klik tombol Activate.

Sekarang, Anda sudah berhasil mengaktifkan Astra Theme di website WordPress (self hosted) Anda. Untuk lebih lengkapnya silahkan lihat pada gambar di bawah ini.

Sekedar informasi, Astra tersedia dalam 2 versi:

1. Free (gratis).
2. Pro (berbayar).

Astra Pro tentunya memiliki fitur yang lebih lengkap (powerful) ketimbang Astra Free.

Nah, kalau Anda ingin membuat toko online yang lebih powerful, Anda sebaiknya menggunakan Astra Pro.

Caranya:

1. Silahkan kunjungi official website Astra Pro. Kemudian klik tulisan Pro.

2. Anda akan dibawa menuju halaman penjelasan tentang Astra Pro. Silahkan klik tombol BUY NOW.

3. Berikutnya Anda akan dibawa menuju halaman produk Astra Pro.

Secara deafult, Astra Pro menggunakan sistem berlangganan per tahun (Annual). Tapi Anda juga bisa memilih opsi seumur hidup (lifetime).

Setelah menentukan opsi berlangganan, Anda bisa memilih 1 diantara 3 paket yang disediakan oleh pihak Astra.

1. Astra Pro.
2. Essential Bundle.
3. Growth Bundle.

Silahkan pilih berdasarkan kebutuhan Anda. Jika sudah, silahkan klik tombol Buy Now.

Di panduan kali ini, kami menggunakan paket Astra Pro ($47) dengan sistem berlangganan per tahun (annual).

4. Berikutnya Anda akan dibawa menuju halaman checkout. Silahkan isi data Anda untuk sekaligus membuat akun di Brainstorm Force (perusahaan induk dari Astra Theme).

Kemudian pilih payment method atau metode pembayaran yang Anda inginkan. Setelah itu klik tombol Checkout.

Di panduan kali ini kami menggunakan metode pembayaran via Paypal. Maka dari itu akan muncul keterangan Checkout with Paypal.

Setelah Anda melakukan pembayaran, Anda akan segera mendapatkan Astra Pro.

5. Silahkan Log In ke Brainstorm Force. Anda. Masukkan Username or Email dan Password Anda. Kemudian klik tombol Log In.

6. Setelah masuk ke Brainstorm Force, silahkan klik tulisan Downloads dan License (buka 2 tab sekaligus).

7. Di halaman Downloads, silahkan klik Astra Pro Addon Plugin – Version 3.9.2 untuk mendownload file tersebut (zip).

Astra Pro Addon Plugin – Version 3.9.2 ini adalah versi terbaru dari Astra Pro ketika tutorial ini kami buat.

FYI, Astra Pro merupakan plugin. Bukan theme.

Jadi kalau Anda ingin menggunakan Astra Pro, Anda tetap membutuhkan Astra Theme (free).

Nah, untuk melakukan aktivasi pada Astra Pro yang Anda beli, Anda membutuhkan Astra Pro Addon Plugin.

8. Di halaman licences, Anda akan mendapatkan Astra Pro Addon Plugin License. Anda bisa menyimpannya di notepad.

9. Upload Astra Pro Addon Plugin (zip file). Untuk lebih lengkapnya silahkan perhatikan gambar di bawah ini.

10. Berikutnya klik Install Now dan tunggu hingga selesai. Jika sudah, klik Activate Plugin. Untuk lebih lengkapnya silahkan perhatikan gambar di bawah ini.

11. Sampai di sini, Anda sudah berhasil mengaktifkan Astra Pro Addon Plugin di website Anda. Namun Anda harus Memasukkan License Key Astra Pro Addon Plugin tersebut.

Caranya?

Klik Appearance -> Astra Options -> Input License -> Activate License. Untuk lebih lengkapnya silahkan perhatikan gambar di bawah ini.

Jika Anda memasukkan license yang benar, Anda akan melihat keterangan sebagai berikut: License successfully validated! 

Sampai di sini, Anda sudah berhasil (100%) menginstall Astra Pro Addon Plugin di website Anda. Untuk lebih lengkapnya silahkan perhatikan gambar di bawah ini.

Langkah 4: Install WooCommerce Dan Plugins Penting Lainnya

Plugin WooCommerce merupakan plugin yang sangat powerful untuk membuat toko online di website WordPress (self hosted).

Kabar baiknya, Astra Pro Addon Plugin sudah terintegrasi dengan WooCommerce.

Untuk membuat toko online dengan Astra Pro Addon Plugin, Anda bisa mengikuti salah 1 dari 2 opsi di bawah ini:

1. Cara Membuat Toko Online Menggunakan Sarter Templates.
2. Cara Membuat Toko Online From Scratch (tetap menggunakan WooCommerce).

Karena ingin mempersingkat waktu, di panduan ini kami akan memilih opsi yang pertama. Yakni membuat toko online dengan menggunakan Starter Templates.

Silahkan ikuti langkah – langkah berikut ini:

4.1: Pilih Appearance -> Astra Options -> Install Importer Plugin. Untuk lebih lengkapnya silahkan perhatikan gambar di bawah ini.

4.2: Berikutnya Anda akan dibawa ke Halaman Starter Templates. Silahkan klik tombol Build Your Website Now.

4.3: Berikutnya, silahkan pilih Page Builder yang ingin Anda gunakan. Di panduan kali ini kami menggunakan Elementor.

4.4: Astra menyediakan banyak Starter Templates yang siap pakai. Anda bisa memilih (klik) berdasarkan kebutuhan Anda.

Karena di panduan kali ini kami akan membuat toko online seputar tanaman, maka kami memilih Plant Shop Starter Template.

4.5: Berikutnya Anda akan dibawa menuju halaman Plant Shop Starter Template. Di sini Anda bisa scroll ke bawah untuk melihat tampilan toko online Anda.

Jika sudah oke, silahkan klik tombol Skip & Continue.

4.6: Berikutnya Anda bisa memilih colors & fonts yang ingin digunakan. Jika sudah, silahkan klik tombol Continue.

4.7: Berikutnya Anda akan diminta untuk melengkapi beberapa data penting. Silahkan isi dengan data Anda yang sesungguhnya. Jika sudah, klik tombol Submit & Build My Website. Tunggu prosesnya hingga selesai.

4.8: Jika semuanya berjalan dengan lancar, Anda akan melihat keterangan “Your Website is ready and it took just 2.13 minutes to build.”

Untuk lebih lengkapnya silahkan perhatikan gambar di bawah ini.

Jika Anda melihat keterangan seperti gambar di atas, selamat!

Karena Anda sudah berhasil membuat toko online powerful dengan menggunakan WordPress (self hosted) + Astra Pro Addon Plugin + WooCommerce.

Note: Karena Anda menggunakan Starter Template (plugin), secara otomatis plugin tersebut akan menginstall beberapa plugins penting yang diperlukan untuk membuat toko online Anda.

Langkah 5: Mempersiapkan Toko Online Agar Siap Pakai

Silahkan klik WooCommerce -> Settings. Untuk lebih lengkapnya silahkan perhatikan gambar di bawah ini.

Di tab General, lakukan beberapa pengaturan untuk toko online Anda:

Store Address

• Address: Alamat.
• City, Country/State (Provinsi): Kota, Provinsi.
• Postcode/ZIP: Kode POS.

General Options

• Selling Locations: Indonesia.
• Shipping Location: Indonesia.
• Enable Taxes: Silahkan Dicentang.

Currency Options

• Currency: Indonesian rupiah (Rp).
• Currency Position: Left.

Jika sudah, silahkan klik tombol Save Changes. Setelah itu Anda akan melihat keterangan seperti gambar di bawah ini.

Sekarang kita akan melanjutkan beberapa pengaturan penting lainnya.

5.1: Tax. 

Lihat bagian Tax Options. Kemudian Prices entered with tax. Silahkan centang 1 dari 2 opsi di bawah ini:

• Yes, I will enter prices inclusive of tax (harga termasuk pajak).
• No, I will enter prices exclusive of tax (harga belum termasuk pajak).

Jika sudah, klik tombol Save Changes.

Berikutnya, untuk memasukkan nilai pajak, klik tulisan Standard rates -> Insert row.

Berikutnya, isi kolom Country code dengan ID. Dan Rate % dengan 0,5.

Mengapa Rate % diisi dengan 0,5?

Karena toko online ini masih baru buka. Penghasilan brutonya tidak lebih dari Rp 4,8 Miliar. Jadi termasuk UMKM.

Nah, berdasarkan UU PPH Pasal 17, pedagang online shop dengan penghasilan bruto tidak lebih dari Rp 4,8 Miliar akan dikenakan pajak UMKM sebesar 0,5%.

Sekarang, silahkan klik tombol Save Changes. Hasilnya akan terlihat seperti gambar di bawah ini.

5.2: Shipping

Silahkan klik tulisan Shipping Options. Kemudian lakukan pengaturan sesuai kebutuhan Anda. Atau Anda bisa juga mengabaikan bagian ini. Jika sudah, klik tombol Save Changes.

5.3: Payments

Berikutnya di bagian Payments, scroll ke bawah. Anda akan melihat Payment Methods atau metode pembayaran toko online. Di sini Anda bisa memilih satu atau beberapa opsi. Kemudian klik tombol Save Changes.

Di panduan kali ini kami hanya memilih Direct Bank Transfer sebagai metode pembayaran.

Berikutnya klik tombol Manage untuk mengelola pengaturan Direct Bank Transfer di atas.

Anda akan dibawa menuju halaman pengaturan Direct Bank Transfer. Seperti:

• Account Name: Nama pemilik rekening.
• Account Number: Nomor rekening.
• Bank Name: Nama bank.

Jika sudah, klik tombol Save Changes.

5.4: Adding Products

Berikutnya, kami akan menunjukkan kepada Anda tentang cara menambahkan produk di toko online Anda.

Silahkan klik tulisan Products -> Add New.

Anda akan dibawa ke halaman khusus dimana Anda bisa menambahkan produk. Silahkan isi Product Name, Deskripsi, dan Product Image.

Berikutnya scroll ke bawah. Anda akan melihat informasi seputar Product Data. Di sini Anda bisa mengisinya berdasarkan data toko online Anda.

General

• Regular Price: Harga normal.
• Sale Price: Harga promo.

Inventory

• Stock Status (ketersediaan barang): In Stock, Out of Stock, On Backorder.

Shopping

• Weight: Berat barang.
• Dimension: Dimensi barang.

Selain itu, pastikan juga Anda melengkapi: Product Gallery, Categories (dicentang), dan Product Tags.

Masih di halaman yang sama. Silahkan scroll ke bawah. Anda akan melihat keterangan Product Short Description. Silahkan isi berdasarkan informasi produk yang Anda jual.

Jika sudah, silahkan klik tombol Publish.

Sampai di sini, Anda sudah berhasil menambahkan produk baru di toko online Anda!

5.5: Testing Your Store

Selamat! Karena Anda sudah berhasil memiliki toko online powerful dan siap pakai dengan menggunakan WordPress (self hosted) + Astra Pro Addon Plugin + WooCommerce.

Berikutnya Anda tinggal mengganti semua produk (sample) di toko online Anda, dengan produk yang ingin Anda jual.

Nah, untuk memastikan apakah toko online Anda sudah berfungsi dengan baik, Anda bisa langsung melakukan uji coba.

Langkah 6 (Additional): Mempromosikan Toko Online

Sampai dengan langkah ke – 5 di atas, Anda sebenarnya sudah berhasil memiliki toko online yang powerful.

Tapi, Anda tentunya ingin agar toko online Anda mendapatkan banyak kunjungan bukan?

Maka dari itu, Anda harus mempromosikannya.

Berikut ini adalah beberapa cara promosi yang bisa Anda lakukan:

• SEO (Search Engine Optimization).
• Content Marketing.
• Email Marketing.
• PPC Advertising.
• Social Media Marketing.

Di tahap awal, Anda tidak harus menggunakan semua cara promosi di atas. Karena pastinya akan membutuhkan banyak biaya.

Anda bisa memilih 1 cara promosi terlebih dahulu. Silahkan tentukan berdasarkan budget dan sumber daya yang Anda miliki.

Closing Statement

Sebagai penutup, kami akan merangkum estimasi waktu yang dibutuhkan untuk membuat toko online (eCommerce) dengan menggunakan Astra Pro Addon Plugin.

Dimulai dari langkah ke – 3 hingga langkah ke – 5.

Mengapa langkah ke – 1, 2, dan 6 tidak dihitung?

Karena:

• Langkah 1: Membeli Domain Dan Hosting.
• Langkah 2: Install WordPress.

Keduanya masih sebatas membuat WordPress (self hosted) secara umum.

Sedangkan:

• Langkah 6 (additional): Mempromosikan Toko Online.

Ini bersifat tambahan, karena lebih fokus pada cara mempromosikan toko online.

Jadi, berikut ini adalah estimasi waktu yang dibutuhkan untuk membuat toko online (eCommerce) dengan menggunakan Astra Pro Addon Plugin.

Langkah 3: Install WordPress Theme

Kalau Anda sudah membeli Astra Pro Addon Plugin, Anda membutuhkan waktu kurang lebih sekitar 5 – 10 menit untuk menginstall Astra Theme dan Astra Pro Addon Plugin di website WordPress (self hosted) Anda.

Langkah 4: Install WooCommerce Dan Plugins Penting Lainnya

Kalau Anda menggunakan Starter Templates, Anda membutuhkan waktu kurang lebih sekitar 10 – 15 menit untuk membuat toko online (eCommerce).

Langkah 5: Mempersiapkan Toko Online Agar Siap Pakai

Di bagian ini, Anda membutuhkan waktu yang relatif lebih lama. Kurang lebih sekitar 30 menit.

---

Secara keseluruhan, dengan menggunakan Astra Pro Addon Plugin, Anda membutuhkan waktu kurang lebih sekitar 45 – 55 menit (kurang dari 1 jam) untuk membuat toko online (eCommerce).

Jadi mulai sekarang, kalau Anda membutuhkan toko online (eCommerce) powerful, Anda bisa segera membuatnya dengan menggunakan Astra Pro Addon Plugin!

---