Cara buat website sendiri guna AI, tanpa coding

Apa yang kau perlukan?

Satu AI chat, maklumat kedai, dan sebaiknya sebuah komputer.

• Satu AI chat: ChatGPT, Claude atau Gemini. Versi percuma pun cukup untuk mula, walaupun ada had penggunaan.
• Maklumat kedai: nama, apa yang dijual, harga, waktu buka, alamat dan nombor WhatsApp. AI hanya sebaik maklumat yang kau bagi.
• Gambar sendiri, kalau ada. Jangan ambil gambar orang dari Google; guna gambar sendiri, atau gambar percuma dari Unsplash atau Pexels.
• Komputer paling senang untuk simpan fail dan muat naik. Telefon pun boleh, tapi lebih leceh.

Bahagian apa yang website kedai perlu ada?

Enam bahagian cukup untuk kebanyakan kedai kecil.

1. Kepala

   Nama kedai dan butang WhatsApp, supaya orang boleh terus mesej.

2. Muka depan

   Satu ayat yang terus cakap kau jual apa, dan untuk siapa.

3. Barang dan harga

   Harga yang jelas jimatkan soalan "berapa?" dalam WhatsApp.

4. Kenapa pilih kedai ni

   Tiga sebab yang betul, bukan ayat kosong.

5. Kata pelanggan

   Yang sebenar sahaja, dengan izin. Belum ada? Buang bahagian ni dulu.

6. Hubungi

   Alamat, waktu buka, butang WhatsApp dan pautan Google Maps.

Macam mana nak buat website sendiri, langkah demi langkah?

Tujuh langkah: kumpul maklumat, minta AI, simpan, semak, betulkan, letak online, uji.

1. Kumpul maklumat dulu

   Tulis semua maklumat kedai dalam satu nota. Lebih lengkap maklumat, lebih kurang AI meneka.

2. Bagi AI prompt di bawah

   Salin prompt dalam bahagian "Cuba sekarang", tukar semua yang dalam [kurungan], dan hantar.

3. Simpan sebagai index.html

   Salin kod yang AI beri. Tampal dalam Notepad (Windows) atau TextEdit (Mac: pilih Format, Make Plain Text dulu), dan simpan dengan nama index.html. Dalam Notepad, pilih "All files" dan encoding UTF-8. Buka fail itu dalam browser untuk tengok hasilnya.

4. Semak lima benda

   Nama dan nombor betul. Butang WhatsApp buka chat ke nombor yang betul. Harga betul. Tiada [ISI SINI] tertinggal. Kemas bila dibuka di telefon.

5. Betulkan satu benda pada satu masa

   Contoh: "Tukar warna butang jadi hijau. Jangan ubah benda lain." Ayat terakhir tu elak AI rosakkan bahagian yang dah elok. Kalau kod terhenti sebelum </html>, taip: "Teruskan dari tempat kau berhenti. Jangan ulang dari awal."

6. Letak online

   Daftar akaun percuma di hosting yang terima seret dan lepas (drag and drop), contohnya Netlify atau Cloudflare Pages. Muat naik folder yang ada index.html dan gambar. Kau dapat alamat percuma seperti nama-kedai.netlify.app atau nama-kedai.pages.dev.

7. Uji di telefon sebenar

   Tekan setiap butang. Hantar alamat kepada dua orang kawan dan tanya apa yang mengelirukan.

Cuba sekarang: prompt percuma

Salin, tukar yang dalam [kurungan], dan tampal dalam AI chat kau.

Kau pereka website untuk kedai kecil di Malaysia.
Buat satu website satu halaman dalam satu fail index.html.
Letak HTML dan CSS dalam fail yang sama. Jangan guna JavaScript.

Maklumat kedai:
- Nama kedai: [nama kedai]
- Kami jual: [apa yang dijual]
- Untuk siapa: [contoh: pekerja pejabat sekitar Shah Alam]
- Barang dan harga: [senarai barang dan harga]
- Waktu buka: [hari dan jam]
- Alamat: [alamat penuh]
- WhatsApp: [60123456789]

Susun 6 bahagian:
1. Kepala: nama kedai dan butang WhatsApp
2. Muka depan: satu ayat yang terus cakap kami jual apa, untuk siapa
3. Barang dan harga
4. Kenapa pilih kami: 3 sebab
5. Kata pelanggan
6. Hubungi: alamat, waktu buka, butang WhatsApp dan pautan Google Maps

Peraturan:
- Bahasa Melayu santai yang senang faham.
- Mesti kemas dan senang baca di telefon.
- Butang WhatsApp guna pautan https://wa.me/ dengan nombor di atas.
- Jangan reka harga, kata pelanggan atau maklumat lain. Kalau tak tahu, tulis [ISI SINI].
- Beri kod penuh, dari <!doctype html> sampai </html>.

Berapa kos buat website guna AI?

Boleh bermula dengan RM0.

AI chat ada versi percuma, dan hosting percuma cukup untuk website satu halaman. Kau mula bayar hanya bila mahu nama domain sendiri (.com atau .my, bayaran tahunan), atau pelan AI berbayar untuk guna lebih banyak.

Apa kesilapan biasa?

Kebanyakannya sebab terburu-buru.

• Minta AI ubah banyak benda sekali gus. Satu benda, satu masa, dan akhiri dengan "Jangan ubah benda lain."
• Biar AI reka harga atau kata pelanggan. Website yang jujur lebih dipercayai. Suruh AI tulis [ISI SINI] bila maklumat belum ada.
• Ambil gambar dari Google. Itu gambar orang lain. Guna gambar sendiri, atau dari Unsplash atau Pexels.
• Tak uji di telefon. Buka di telefon sebenar sebelum kongsi alamatnya.

Soalan lazim

Panduan lain

• Prompt ChatGPT untuk caption jualan Bahasa MelayuDraf caption daripada fakta produk sebenar, dengan semakan dakwaan. Di Dengan Ari.
• Cara tulis prompt AI untuk satu kerja bisnesTugas, konteks, sumber, format dan syarat semakan. Di Dengan Ari.
• Semua panduan percumaDisusun ikut topik.