Hướng dẫn tạo Form liên hệ nhiều bước

Form liên hệ nhiều bước không chỉ giúp giao diện website trông gọn gàng, mà còn mang lại trải nghiệm tốt hơn cho người dùng bằng cách chia nhỏ thông tin cần điền. Điều này đặc biệt hữu ích khi bạn cần thu thập nhiều dữ liệu từ khách hàng. Trong bài viết này, chúng ta sẽ tìm hiểu cách tạo form liên hệ nhiều bước trên WordPress bằng plugin Multi-step for Contact Form 7.

Tải Và Kích Hoạt Plugin

1. Truy cập WordPress Dashboard và vào mục Plugins > Add New.
2. Tìm kiếm plugin Multi-step for Contact Form 7.
3. Nhấn Install Now để cài đặt và Activate để kích hoạt plugin.

Tạo Form Liên Hệ Nhiều Bước

1. Truy cập vào Form liên hệ> Tạo form mới trên Dashboard.
2. Đặt tên cho form để dễ quản lý, ví dụ: “Form Liên Hệ Nhiều Bước”.
3. Đặt Tên Cho Các Nút Chuyển Bước
4. Bạn có thể tùy chỉnh tên nút bằng cách thêm nội dung vào các ô Next Button và Back Button

Tùy Chỉnh Giao Diện Form

Sử Dụng Multi-step Settings

Truy Cập Multi-step Settings, Vào mục Contact > Multi-step Settings để mở giao diện tùy chỉnh.

• Thay Đổi Màu Sắc Nút: Bạn có thể thay đổi màu nền, màu chữ và viền nút để phù hợp với giao diện tổng thể của website.
• Tùy Chỉnh Hiển Thị Bước: Hiển thị tiến trình các bước bằng thanh trạng thái hoặc biểu tượng số. Điều này giúp người dùng dễ dàng theo dõi họ đang ở bước nào trong quá trình điền form.

Tùy Chỉnh CSS (Tùy Chọn)

Nếu bạn muốn tùy chỉnh sâu hơn, có thể thêm mã CSS tùy chỉnh vào website của mình.

Tích Hợp Form và kiểm tra

Truy cập Contact > All Forms và chọn form vừa tạo, sau đó copy shortcode của form. Truy cập vào Pages > Add New để tạo trang mới. Dán shortcode của form vào phần nội dung và nhấn Publish.

Kiểm Tra Hiển Thị Trên Nhiều Thiết Bị, đảm bảo form hiển thị đẹp trên cả máy tính và thiết bị di động.