Hướng Dẫn Cấu Hình Contact Form 7 Để Tạo Form Liên Hệ

Sau khi các Sếp cài website từ file mẫu website cài sẵn, giao diện sẽ giống demo gần như đầy đủ nhưng khi đó Form thường chưa hoạt động.

❗ Lý do form không hoạt động?

1. Demo không có email thật & SMTP

Demo chỉ là dữ liệu mẫu nên:

• Email nhận chỉ là email giả
• SMTP không đi kèm file .wpress

👉 Vì lý do bảo mật
→ Import xong, web chưa có hệ thống gửi mail

2. WordPress gửi mail theo cách mặc định (rất yếu)

Sau khi cài xong, web sẽ gửi mail bằng PHP mail():

• Không xác thực
• Không có SMTP

👉 Kết quả:

• Dễ bị hosting chặn
• Gmail chặn
• Hoặc vào spam

3. Email gửi sai domain

Demo thường để:
wordpress@demo.com

Nhưng web các Sếp là domain riêng

👉 Email gửi không trùng domain → bị coi là giả mạo
→ Không gửi được hoặc bị chặn

4. Hosting chặn gửi mail trực tiếp

Nhiều hosting hiện nay:

• Chặn mail()
• Bắt buộc dùng SMTP

👉 Nên dù form báo gửi thành công
→ Thực tế mail không hề được gửi

👉 Vì vậy, để form hoạt động:

Các Sếp cần làm 2 việc:

1. Cài SMTP (để web gửi được mail)
2. Sửa lại email trong form (đúng domain) hoặc đúng email mà các Sếp sở hữu.

⚙️ Bắt đầu cấu hình (làm theo từng bước)

🔥 Bước 1: Cài SMTP trước (quan trọng nhất)

👉 Hiểu đơn giản:
SMTP = “đường gửi mail” cho website

👉 Nếu chưa có SMTP:

• Form vẫn bấm gửi được
• Nhưng mail không đi đâu cả

👉 Các Sếp có thể chọn 1 trong 2 cách:

• Dùng Gmail SMTP (dễ làm, phổ biến)
• Hoặc dùng SMTP theo hosting/domain (ổn định hơn)

Xem thêm: Hướng dẫn cài đặt gửi Email SMTP cho WordPress tại đây

2. Cài Contact Form 7 (nếu chưa có)

• Vào WordPress Dashboard → Plugin → Cài mới (Add New).
• Nhập từ khóa: “Contact Form 7”.
• Nhấn Cài đặt ngay → Kích hoạt.

3. Thiết kế và cấu hình gửi mail 

Bước 1: Tạo khung liên hệ mới

Truy cập Dashboard → Form liên hệ → Tạo form mới.

• Tên form: Đặt tên dễ quản lý (Ví dụ: Form Tư Vấn).
• Nội dung form: Nơi chứa các ô nhập liệu.

Các giá trị mặc định cần lưu ý:

• [your-name]: Họ tên khách hàng.
• [your-email]: Email khách hàng.
• [submit]: Nút gửi (Bắt buộc phải có).

Bước 2: Cấu hình gửi Email (Tab Mail)

Đây là phần quan trọng nhất để xác định mail sẽ gửi về đâu.

• Mail nhận: Điền email bạn muốn nhận thông báo (Ví dụ: cua-hang@gmail.com).
• Mail gửi: Phải dùng email theo tên miền (Ví dụ: wordpress@tenmien.com).
• Message body: Nội dung bạn sẽ nhận được trong email.

4. Chèn Form vào website (nếu chưa có)

Sau khi nhấn Lưu, bạn copy đoạn Shortcode và dán vào Bài viết hoặc Trang muốn hiển thị.

5. Video hướng dẫn nâng cao

Gửi dữ liệu về Google Sheet:

Cấu hình SMTP chuẩn:

🎨 Bí kíp làm form đẹp & chuyên nghiệp (CSS)

Mặc định Contact Form 7 khá đơn giản.
👉 Nếu các Sếp muốn form nhìn hiện đại – chuyên nghiệp – giống web xịn, chỉ cần thêm chút HTML + CSS.

🧱 Bước 1: Dán cấu trúc form (HTML)

👉 Vào Contact Form 7 → tab Form
👉 Dán đoạn dưới:

🎯 Bước 2: Dán CSS làm đẹp

👉 Vào: Giao diện → Tùy biến → CSS bổ sung
👉 Dán đoạn dưới:

✨ Vì sao cách này hiệu quả?

👉 Có khung (box-shadow) → form nổi bật, nhìn “xịn” hơn
👉 Bo góc (border-radius) → mềm mại, hiện đại
👉 Hiệu ứng khi nhập (focus) → tăng trải nghiệm người dùng
👉 Nút rõ ràng → tăng tỉ lệ khách bấm gửi

Chúc bạn thành công!