🎯 Mục tiêu

Sau bài này, khách hàng sẽ:

  • Biết tạo form liên hệ đơn giản.

  • Biết chèn các nút gọi điện, Zalo, Messenger, Email.

  • Làm được 1 trang Liên hệ chuyên nghiệp.


📝 Nội dung hướng dẫn

1. Tạo Form liên hệ 

  • Kéo widget Form vào Phần/Cột.

  • Mặc định có 3 trường: Name, Email, Message.

  • Có thể thêm Phone (Số điện thoại) bằng cách bấm Thêm mục.

  • Ở phần Buttons, đổi văn bản thành “Gửi ngay”.

Kéo widget Form vào vùng chứa.
Có thể thêm Phone bằng cách bấm Thêm mục.
Cài đặt cho trường Phone theo mong muốn của bạn.

 

Sắp xếp vị trí các trường theo mong muốn.

 

Đổi văn bản của Nút thành “Gửi ngay”

2. Thêm Nút gọi điện

  • Kéo widget Nút bấm → dán link: tel:0912345678.

  • Khi khách bấm nút trên điện thoại → sẽ hiện ngay màn hình gọi.

Dán liên kết số điện thoại vào nút bấm.

3. Thêm Nút Zalo / Messenger

  • Nút Zalo: https://zalo.me/0912345678

  • Nút Messenger: https://m.me/username

  • Chọn icon tương ứng (biểu tượng Zalo/Messenger).

4. Thêm Nút Email

  • Dùng link: mailto:info@tenmien.com

  • Khi click sẽ mở sẵn ứng dụng email.

Chọn thư viện biểu tượng để sử dụng các icon.

 

Chọn biểu tượng bạn muốn và nhấn “Chèn”. (Có thể Tải lên icon theo thiết kế riêng của bạn).

5. Ghép thành Trang Liên hệ

  • Phần 1: Tiêu đề “Liên hệ với chúng tôi”.

  • Phần 2: Form liên hệ.

  • Phần 3: 4 nút liên hệ nhanh (Gọi điện – Zalo – Messenger – Email).

Ghép thành trang Liên hệ.

🎯 Bài tập thực hành

  • Tạo 1 form liên hệ có 4 trường: Họ tên – Email – Số điện thoại – Nội dung.

  • Thêm 4 nút liên hệ nhanh bên dưới form.

  • Xuất bản thành trang Liên hệ hoàn chỉnh.

Tagged: