Mình sẽ hướng dẫn cách tạo Form liên hệ (Contact Form) cơ bản với Caldera Forms Free – Plugin tạo form miễn phí nhưng cực kỳ mạnh mẽ.
Video
Tóm tắt
Bước 1. Cài đặt và Kích hoạt Plugin Caldera Form
Đọc bài viết này để biết cách cài đặt và cấu hình gửi Mail (SMTP)
Bước 2. Truy cập vào Caldera Form. Chọn Form
Bấm vào New Form
Tiếp là chọn mẫu Form
Caldera Forms cung cấp một số mẫu với các mục có sẵn, bạn có thể chọn, hoặc chọn mẫu chưa có gì. Ở đây mình sẽ chọn mẫu trắng, chưa có gì hết Blank Form.
Bước 3. Đặt tên Form rồi bấm Create Form
Bước 4. Thêm mục
Caldera Forms đã cho chúng ta sẵn 1 mục. Bạn chỉ cần di chuột vào mục (màu trắng) sẽ thấy hiện lên dấu cộng (+).
Bước 5. Sau khi bấm vào dấu cộng, Caldera sẽ mở ra một hộp thoại với rất nhiều trường
Mục đầu tiên chúng ta tạo là Họ tên, nên sẽ chọn trường là: Single Line Text
Bấm vào Set Field bên phải để chọn nhé.
Bước 6. Điền thông tin cho mục Họ tên (Single Line Text) vừa thêm
- Name: tên của mục, bạn có thể thấy bên trái
- Hide Label: Nếu đánh dấu mục này, thì dòng chữ “Họ tên của bạn bên trái sẽ biến mất” – Thay vào đó là nó sẽ được in vào trong khung nhập (cái khung trắng bên dưới chữ Họ tên của bạn bên trái đó)
- Required: Bắt buộc hay không
- Condition: Điều kiện, sẽ nói ở một bài viết khác
- Custom Class: Bạn thể thêm Class Bootstrap ở đây
Bước 7. Bấm vào dấu cộng để thêm một mục, rồi tiến hành lại từ Bước 6
Giải thích một số trường phổ biến:
- Single Line Text: Dòng văn bản ngắn, dùng cho mục nhập họ tên
- Email Address: Địa chỉ email, dùng cho mục nhập email
- Button: Nút, dùng cho nút GỬI, hoặc NHẬP LẠI
- Number: Số, dùng cho nhập số điện thoại
- Phone Number: Basic và Better: Có vẻ như nhập số điện thoại ở VN không được
- Paragraph Textarea: Nhập đoạn văn bản dài, dùng cho mục nhập Nội dung tin nhắn
- Rich Editor: Giống trên, nhưng có nhiều tính năng hơn, tương tự như lúc viết bài
- URL: Điền được liên kết
- Dropdown Select: Hộp thoại xổ xuống với nhiều lựa chọn. Chỉ được chọn một
- Checkbox: Hộp đánh dấu. Có thể chọn nhiều
Đó là các trường cơ bản nhất.