Membuat Website Pertama

Ini dia momen yang paling ditunggu — membuat website pertamamu! Jangan khawatir, prosesnya mudah dan menyenangkan. Panduan ini akan membimbingmu dari nol sampai website-mu live di internet.

Sebelum Memulai

Sebelum membuat website, tentukan dulu tujuanmu. Ini akan membantumu memilih produk yang tepat:

| Tujuan | Produk yang Cocok | |--------|------------------| | Mau bikin website bisnis/profil | AI Web Builder | | Mau ngeblog dan nulis artikel | Wutas | | Mau jualan produk online | WShop | | Mau bikin portal berita | Wpers | | Mewakili pemerintah desa | WDesa | | Mewakili sekolah | WSchool |

Tips: Kalau masih bingung, pilih AI Web Builder — paling fleksibel dan bisa digunakan untuk hampir semua keperluan.

Langkah 1: Mulai Membuat Website

  1. Login ke dash.wahanaweb.com.
  2. Klik tombol "Buat Website Baru" di dashboard.
  3. Kamu akan melihat pilihan 6 produk Wahanaweb.

Langkah 2: Pilih Tipe Website

Klik pada produk yang kamu inginkan. Berikut penjelasan lebih detail tentang masing-masing:

AI Web Builder

  • Cocok untuk: Landing page, portofolio, company profile, website pribadi
  • Keunggulan: AI membantu menyusun konten dan layout
  • Cara kerja: Jawab pertanyaan → AI generate → Edit → Publish

Wutas

  • Cocok untuk: Blog pribadi, blog travel, food blog, media online
  • Keunggulan: Interface penulisan yang nyaman, kategori & tag
  • Cara kerja: Pilih template → Tulis artikel → Publish

WShop

  • Cocok untuk: Toko online UMKM, dropship, produk digital
  • Keunggulan: Katalog produk, keranjang, checkout, pembayaran otomatis
  • Cara kerja: Pilih template → Tambah produk → Atur pembayaran → Publish

Wpers

  • Cocok untuk: Portal berita daerah, media komunitas, newsletter online
  • Keunggulan: Manajemen artikel profesional, multi-penulis
  • Cara kerja: Pilih template → Tambah artikel → Atur kategori → Publish

WDesa

  • Cocok untuk: Website resmi desa, kelurahan
  • Keunggulan: Sudah sesuai format pemerintahan, mudah dikelola perangkat desa
  • Cara kerja: Pilih template → Isi profil desa → Publish

WSchool

  • Cocok untuk: Website sekolah, madrasah, pesantren
  • Keunggulan: Profil sekolah, pengumuman, galeri
  • Cara kerja: Pilih template → Isi profil sekolah → Publish

Setelah memilih, klik "Lanjutkan" atau "Mulai".

Langkah 3: Beri Nama Website

Kamu akan diminta mengisi:

Nama Website

Ini nama yang akan tampil di website-mu, biasanya di bagian header/logo.

Contoh:

  • "Warung Mak Sari" (untuk toko online)
  • "Blog Perjalanan Andi" (untuk blog)
  • "Desa Sukamaju" (untuk website desa)
  • "SMA Negeri 3 Bandung" (untuk website sekolah)
Tips: Gunakan nama yang mudah diingat dan mencerminkan identitasmu. Kamu bisa mengubahnya nanti.

Subdomain

Ini adalah alamat website-mu di internet. Kamu akan mendapatkan alamat gratis:

| Produk | Format Alamat | |--------|-------------| | AI Web Builder | namamu.ai-web-builder.web.id | | Wutas | namamu.wutas.id | | WShop | namamu.wshop.id | | Wpers | namamu.wpers.id | | WDesa | namamu.wdesa.id | | WSchool | namamu.wschool.id |

Tips memilih subdomain:

  • Gunakan huruf kecil tanpa spasi
  • Singkat dan mudah diingat
  • Bisa menggunakan nama bisnis atau singkatannya
  • Contoh: warsar untuk Warung Mak Sari, smansabdg untuk SMA Negeri 3 Bandung
Yang Perlu Diperhatikan: Subdomain tidak bisa menggunakan spasi, karakter khusus (@#$), atau huruf kapital. Gunakan strip (-) sebagai pengganti spasi.

Langkah 4: Pilih Template

Template adalah desain dasar website-mu. Kamu bisa memilih dari koleksi template yang sudah disediakan:

Cara Memilih Template

  1. Scroll untuk melihat semua template yang tersedia.
  2. Klik pada template untuk melihat preview.
  3. Preview menunjukkan seperti apa website akan terlihat.
  4. Setelah cocok, klik "Gunakan Template Ini".

Apa Bedanya Setiap Template?

| Aspek | Keterangan | |-------|-----------| | Layout | Susunan konten (satu kolom, dua kolom, grid, dll.) | | Warna | Palet warna dasar (bisa diubah nanti) | | Font | Jenis huruf (bisa diubah nanti) | | Style | Gaya desain (minimalis, bold, elegant, playful) |

Tips: Jangan terlalu lama memilih template! Yang penting layout-nya cocok. Warna, font, dan gambar semuanya bisa diubah nanti.

Bisakah Ganti Template Nanti?

Bisa! Kamu bisa mengganti template kapan saja. Konten yang sudah kamu masukkan (teks, gambar) akan tetap ada — hanya tampilannya yang berubah.

Langkah 5: Kustomisasi Website

Setelah template dipilih, kamu masuk ke editor. Di sini kamu bisa mengubah hampir semua aspek website:

Mengubah Teks

  1. Klik pada teks yang ingin diubah.
  2. Ketik teks baru langsung di sana.
  3. Kamu bisa mengubah ukuran, warna, dan style teks.

Mengubah Gambar

  1. Klik pada gambar yang ingin diganti.
  2. Pilih "Ganti Gambar".
  3. Upload fotomu sendiri atau pilih dari galeri.

Menambah Bagian Baru

  1. Klik tombol "+" atau "Tambah Bagian".
  2. Pilih jenis bagian:

- Hero — banner besar di bagian atas - Tentang — bagian profil/bio - Layanan — daftar layanan/produk - Testimoni — review pelanggan - Kontak — formulir kontak dan peta - Galeri — kumpulan foto - FAQ — pertanyaan yang sering ditanyakan

  1. Drag-and-drop ke posisi yang diinginkan.

Mengubah Warna dan Font

  1. Buka panel "Desain" atau "Theme" di sidebar.
  2. Ubah warna utama, warna sekunder, dan warna aksen.
  3. Pilih font heading dan font body.

Langkah 6: Preview Sebelum Publish

Sebelum mempublikasikan, selalu preview dulu:

  1. Klik tombol "Preview" (ikon mata 👁️).
  2. Website akan tampil persis seperti yang dilihat pengunjung.
  3. Cek di HP juga — klik ikon mobile untuk melihat versi HP.
  4. Pastikan semua teks sudah benar, gambar sudah tepat, dan link berfungsi.

Checklist Sebelum Publish

  • [ ] Nama website sudah benar
  • [ ] Teks di halaman utama sudah sesuai
  • [ ] Gambar sudah diganti dengan yang relevan
  • [ ] Informasi kontak benar (jika ada)
  • [ ] Navigasi menu berfungsi dengan baik
  • [ ] Tampilan di HP sudah rapi

Langkah 7: Publikasikan!

Saatnya go live!

  1. Klik tombol "Publikasikan" atau "Publish" (biasanya di pojok kanan atas).
  2. Tunggu beberapa saat proses publikasi.
  3. Kamu akan melihat konfirmasi bahwa website sudah live.
  4. Klik "Lihat Website" untuk membuka website-mu di browser.

Website-mu sekarang sudah online dan bisa diakses oleh siapa saja di seluruh dunia! 🎉

Setelah Publikasi

Apa yang Terjadi di Belakang Layar?

Saat kamu klik Publikasikan:

  1. Website-mu di-build dan dioptimalkan.
  2. File disimpan di server global Cloudflare (CDN).
  3. SSL (HTTPS) diaktifkan otomatis.
  4. Website bisa diakses dari seluruh dunia dengan cepat.

Apa yang Bisa Dilakukan Selanjutnya?

  • Bagikan link website-mu ke teman, keluarga, dan pelanggan.
  • Hubungkan domain sendiri (misalnya warungmaksari.com).
  • Edit konten kapan saja — perubahan langsung terlihat.
  • Tambah halaman baru (Tentang, Kontak, Galeri, dll.).
  • Upgrade paket untuk fitur lebih (custom domain, analytics, dll.).

Contoh: Membuat Website Warung Online dalam 5 Menit

Berikut contoh nyata bagaimana kamu bisa membuat website warung online:

  1. Pilih produk: WShop (toko online)
  2. Nama website: "Warung Mak Sari"
  3. Subdomain: warsar.wshop.id
  4. Template: Pilih template restoran/food
  5. Edit:

- Ganti hero image dengan foto warung - Ubah deskripsi jadi "Nasi goreng dan makanan rumahan sejak 2015" - Tambah produk: Nasi Goreng Spesial (Rp15.000), Es Teh (Rp5.000) - Tambah bagian kontak dengan alamat dan nomor WhatsApp

  1. Publish!
  2. Bagikan link warsar.wshop.id ke pelanggan.

Troubleshooting

Tidak Bisa Memilih Template

  • Pastikan koneksi internet stabil.
  • Coba refresh halaman.
  • Gunakan browser yang lebih baru.

Editor Terasa Lambat

  • Tutup tab browser lain yang tidak perlu.
  • Gunakan Chrome untuk performa terbaik.
  • Cek koneksi internet.

Gagal Publish

  • Pastikan semua kolom wajib sudah terisi.
  • Cek koneksi internet.
  • Coba lagi dalam beberapa menit.

Website Tidak Muncul Setelah Publish

  • Tunggu 1-2 menit untuk propagasi.
  • Coba buka di incognito/private window.
  • Bersihkan cache browser.