Panduan Website Generator Pro

Dari Generate Hingga Live di Hosting — Dalam 10 Menit

Daftar Isi

1. Gambaran Umum Sistem 2. Cara Generate Website 3. Upload ke Hosting 4. Menjalankan Installer 5. Menggunakan Admin Panel 6. Kustomisasi Lanjutan 7. FAQ & Troubleshooting

1. Gambaran Umum

Apa itu Website Generator Pro dan bagaimana cara kerjanya.

Website Generator Pro adalah tool yang mengubah data bisnis Anda menjadi website premium siap hosting.


Teknologi yang digunakan:

  • PHP 7.4+ — Back-end logic
  • SQLite / MySQL — Database
  • Tailwind CSS — Styling

Fitur:

  • SPA (Single Page Application) mobile-first
  • Admin panel lengkap untuk kelola konten
  • Booking via WhatsApp otomatis
  • Animasi premium (zoom-in, glassmorphism)
  • 9 preset jenis bisnis siap pakai

2. Cara Generate Website

Langkah-langkah mengisi form wizard dan download .ZIP.

Pilih Jenis Bisnis

Klik salah satu kartu bisnis. Semua ikon, nama halaman, dan form booking akan otomatis menyesuaikan.

Isi Identitas Bisnis

Nama brand, tagline, dan data perusahaan. Field bertanda * wajib diisi.

Kontak & Desain

Nomor WhatsApp (format 62xxx), dan pilih warna primer + sekunder sesuai brand Anda.

Konten Halaman

Isi visi, misi, keunggulan, layanan, dan statistik showcase. Semua sudah memiliki default dari preset.

Katalog Produk/Jasa

Tambahkan item satu per satu. Isi nama, kategori, spesifikasi, dan harga.

Tip: Foto bisa di-upload nanti via Admin Panel setelah website live.

Syarat & Ketentuan

Atur 2 kategori syarat/ketentuan. Bisa diubah nanti via admin.

Generate & Download

Review ringkasan, lalu klik "Generate & Download .ZIP". File .ZIP berisi semua file website siap upload.

3. Upload ke Hosting

Cara upload website ke hosting cPanel atau DirectAdmin.

Opsi A: File Manager cPanel

  1. Login ke cPanel hosting Anda
  2. Buka File Manager → masuk ke folder public_html
  3. Upload file .ZIP yang sudah di-download
  4. Klik kanan file .ZIP → Extract
  5. Pastikan semua file ada di root public_html (bukan di subfolder)

Opsi B: FTP Client (FileZilla)

  1. Extract .ZIP di komputer lokal
  2. Buka FileZilla, koneksi ke server FTP
  3. Upload semua file ke folder public_html
Penting: Pastikan folder uploads/ memiliki permission 755 atau 777 agar foto bisa di-upload via admin.

4. Menjalankan Installer

Setup database dan akun admin otomatis.

  1. Buka browser: https://domain-anda.com/install.php
  2. Installer akan otomatis membuat database SQLite + tabel + seed data
  3. Jika semua berhasil, akan muncul tombol "Buka Website" dan "Login Admin"
  4. HAPUS file install.php setelah selesai!
Akun Admin Default: ──────────────────── Username: admin Password: admin123 ⚠️ Segera ganti password di Admin → Akun
Jika hosting Anda tidak support SQLite, edit config.php dan ubah DB_TYPE ke 'mysql', lalu isi DB_HOST, DB_NAME, DB_USER, DB_PASS.

5. Admin Panel

Cara mengelola konten website melalui panel admin.

Akses admin: https://domain-anda.com/admin/login.php


Menu Admin:

  • Dashboard — Ringkasan statistik website
  • Pengaturan — Nama website, tagline, warna, logo
  • Profil — Visi, misi, statistik, deskripsi perusahaan
  • Katalog — CRUD produk/jasa + upload foto
  • Gallery — Upload dan kelola foto gallery
  • Booking — Lihat dan kelola pesanan masuk
  • Kontak — Nomor WhatsApp, telepon, alamat
  • Syarat — Edit syarat & ketentuan
  • Akun — Ganti password admin

6. Kustomisasi Lanjutan

Untuk developer yang ingin memodifikasi kode sumber.

Menggunakan MySQL

// config.php define('DB_TYPE', 'mysql'); // ubah dari 'sqlite' define('DB_HOST', 'localhost'); define('DB_NAME', 'nama_database'); define('DB_USER', 'username_mysql'); define('DB_PASS', 'password_mysql');

Ubah Warna via Admin

Login admin → Pengaturan → pilih warna primer dan sekunder baru. Reload website untuk melihat perubahan.

Menambahkan Halaman Baru

Tambahkan div baru dengan pattern <div id="page-nama" class="page-transition page-hidden"> di dalam index.php, lalu tambahkan tombol navigasi.

7. FAQ & Troubleshooting

Solusi masalah umum.

Q: Halaman blank putih setelah upload?

A: Pastikan hosting mendukung PHP 7.4+. Cek error log di cPanel → Error Log.

Q: Database error saat install?

A: Untuk SQLite, pastikan folder root bisa ditulis (permission 755). Untuk MySQL, pastikan kredensial di config.php benar dan database sudah dibuat.

Q: Foto tidak muncul?

A: Pastikan folder uploads/ dan subfoldernya memiliki permission 755 atau 777.

Q: Booking tidak tersimpan?

A: Pastikan file api/booking_save.php bisa diakses. Cek bahwa database.sqlite bisa ditulis.

Q: Apakah bisa custom domain?

A: Ya, website ini bisa dipakai di domain apapun. Cukup upload ke public_html domain tersebut.

Q: Apakah aman untuk production?

A: Ya, sudah dilengkapi CSRF protection, password hashing (bcrypt), prepared statements (anti SQL injection), dan .htaccess security. Pastikan hapus install.php setelah setup.

Kembali ke Generator