https://github.com/classyid/contact-form-whatsapp-email
Form kontak PHP modern dengan integrasi WhatsApp Gateway dan Email SMTP. Dilengkapi dengan antarmuka responsif, validasi data, dan penyimpanan ke text file. Ideal untuk website bisnis, landing page, atau sistem informasi yang membutuhkan notifikasi real-time.
https://github.com/classyid/contact-form-whatsapp-email
Last synced: about 2 months ago
JSON representation
Form kontak PHP modern dengan integrasi WhatsApp Gateway dan Email SMTP. Dilengkapi dengan antarmuka responsif, validasi data, dan penyimpanan ke text file. Ideal untuk website bisnis, landing page, atau sistem informasi yang membutuhkan notifikasi real-time.
- Host: GitHub
- URL: https://github.com/classyid/contact-form-whatsapp-email
- Owner: classyid
- Created: 2024-10-29T07:54:35.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-29T08:07:47.000Z (over 1 year ago)
- Last Synced: 2025-02-25T06:41:45.219Z (over 1 year ago)
- Language: PHP
- Homepage: https://s.id/artikel-contact-form-whatsapp-email
- Size: 13.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📨 PHP Contact Form Gateway Suite
Form kontak modern dengan integrasi WhatsApp Gateway dan Email SMTP. Dibuat menggunakan PHP, jQuery AJAX, dan CSS modern untuk pengalaman pengguna yang optimal.
## ✨ Fitur Utama
- 📱 Desain responsif untuk desktop dan mobile
- 💬 Integrasi dengan WhatsApp Gateway
- 📧 Pengiriman email otomatis via SMTP Gmail
- 💾 Penyimpanan data ke text file
- ⚡ Pengiriman form menggunakan AJAX
- ✅ Validasi data real-time
- ⚙️ Konfigurasi terpisah dan mudah disesuaikan
## 🚀 Teknologi yang Digunakan
- PHP 7.4+
- jQuery 3.6.0
- PHPMailer
- CSS3 Modern
- WhatsApp Gateway API
## 📋 Prasyarat
- PHP 7.4 atau lebih tinggi
- Composer
- Akun Gmail (untuk SMTP)
- API Key WhatsApp Gateway
## 💻 Cara Instalasi
1. Clone repository
```bash
git clone https://github.com/classyid/contact-form-whatsapp-email.git
cd contact-form-whatsapp-email
```
2. Install dependencies
```bash
composer install
```
3. Konfigurasi
- Salin `config.example.php` ke `config.php`
- Sesuaikan pengaturan di `config.php`
```php
// Konfigurasi WhatsApp
define('WA_API_KEY', 'your_api_key');
define('WA_SENDER', 'your_sender_number');
// Konfigurasi Email
define('SMTP_USERNAME', 'your_email@gmail.com');
define('SMTP_PASSWORD', 'your_app_password');
```
4. Pengaturan Folder
```bash
chmod 755 data
touch data/submissions.txt
chmod 644 data/submissions.txt
```
## 📝 Penggunaan
1. Buka `index.html` di browser
2. Isi form dengan data yang valid
3. Data akan:
- Tersimpan di `data/submissions.txt`
- Terkirim ke WhatsApp yang ditentukan
- Terkirim ke email yang dikonfigurasi
## ⚙️ Kustomisasi
- Ubah warna: Edit variabel di `style.css`
- Ubah teks: Edit di `index.html`
- Ubah logika: Edit di `process.php`
## 🤝 Kontribusi
Kontribusi selalu disambut baik! Silakan buat issue atau pull request.
## 📄 Lisensi
MIT License - lihat file [LICENSE.md](LICENSE.md)