Hướng dẫn tạo contact form trong WordPress với WPForms

Lượt xem
Home

Plugin WPForms cung cấp một giao diện thân thiện và dễ sử dụng, cho phép bạn tạo các contact form tùy chỉnh theo ý muốn mà không cần kiến thức kỹ thuật. Bạn có thể dễ dàng tùy chỉnh các field, tùy chỉnh hình thức và tích hợp vào email marketing và các công cụ quản lý khách hàng. Để hiểu thêm về vấn đề này, hãy cùng Vietnix tìm hiểu cách tạo contact form trong WordPress với WPForms thông qua bài viết sau.

Những lợi ích plugin WPForms mang lại

Mặc dù có nhiều plugin contact form WordPress miễn phí và trả phí mà bạn có thể lựa chọn, nhưng sử dụng WPForms vẫn là plugin linh hoạt nhất.

Dưới đây là những lợi ích khi dùng plugin WPForms:

  • Plugin contact form dễ dàng sử dụng nhất dành cho người mới bắt đầu. Bạn có thể sử dụng trình tạo kéo và thả để dễ dàng tạo contact form chỉ trong vài cú nhấp chuột.
  • WPForms Lite hoàn toàn miễn phí và bạn có thể sử dụng nó để tạo một contact form đơn giản.
  • Khi bạn đã sẵn sàng sử dụng các tính năng tối ưu hơn, bạn có thể nâng cấp lên phiên bản WPForms Pro.

Bên cạnh plugin WPForms bạn cần nhiều theme và plugin khác để để tạo nên một website WordPress đẹp mắt, chuyên nghiệp và hấp dẫn người dùng.

Hiện tại khi đăng ký dịch vụ WordPress Hosting tại Vietnix bạn sẽ được nhận miễn phí bộ theme & plugin trị giá lên đến 26.000.000 VND giúp bạn nâng cao chất lượng, chức năng và trải nghiệm người dùng của trang web một cách nhanh chóng và hiệu quả.

Nếu bạn cần dịch vụ WordPress Hosting chất lượng cùng hỗ trợ chuyên nghiệp, Vietnix là lựa chọn hàng đầu với các ưu điểm nổi bật:

  • Tải trang nhanh chóng dưới 1 giây với ổ cứng NVMe và công nghệ LiteSpeed Enterprise.
  • Đội ngũ kỹ thuật chuyên nghiệp tư vấn và tối ưu hóa mã nguồn WordPress.
  • Hệ thống sao lưu tự động 4 lần/ngày, bảo vệ dữ liệu an toàn.
  • Hạ tầng hiện đại với Firewall chống DDoS, đảm bảo ổn định và an toàn.
  • Dễ dàng tạo website WordPress qua WordPress Toolkit chỉ với một cú nhấp chuột.
  • Thiết kế website an toàn và tiện lợi với khu vực thử nghiệm không giới hạn. 

Vietnix mang đến trải nghiệm đáng tin cậy cho việc xây dựng và quản lý trang web của bạn.

Cách tạo contact form trong WordPress với WPForms

1. Cài đặt plugin WPForms trên WordPress

Trong hướng dẫn này, chúng ta sẽ sử dụng WPForms Lite vì nó miễn phí và dễ sử dụng.

Bạn có thể cài đặt plugin này trên trang web của mình bằng cách đăng nhập vào bảng điều khiển WordPress và chuyển đến Plugins > Add New.

Tiếp theo, trong ô tìm kiếm, nhập từ khóa WPForms và nhấp vào nút Install Now.

Nhập từ khóa WPForms và nhấp vào nút Install Now
Nhập từ khóa WPForms và nhấp vào nút Install Now

Điều này sẽ tự động cài đặt plugin trên trang web của bạn.

Tiếp theo, bạn cần kích hoạt plugin bằng cách nhấp vào nút Activate.

Kích hoạt plugin bằng cách nhấp vào nút Activate
Kích hoạt plugin bằng cách nhấp vào nút Activate

Nếu bạn không thấy menu Plugins hoặc muốn có hướng dẫn chi tiết hơn, hãy xem hướng dẫn từng bước của Vietnix về cách cài đặt một plugin WordPress.

2. Tạo contact form trong WordPress với WPForms

Bây giờ khi bạn đã kích hoạt WPForms, tiếp theo cần tạo một contact form trong WordPress.

Để làm điều này, hãy điều hướng đến WPForms > All Forms trong bảng điều khiển quản trị WordPress. Sau đó, nhấp vào nút Add New.

Cách tạo contact form trong WordPress với WPForms
Cách tạo contact form trong WordPress với WPForms

Điều này sẽ mở WPForms từ builder template library. Bắt đầu bằng cách đặt tên và sau đó chọn mẫu contact form.

Để chọn một mẫu, đơn giản di chuột qua và nhấp vào nút Use Template.

WPForms Lite đi kèm với hơn 20+ form template miễn phí để lựa chọn. Bạn có thể sử dụng chúng để tạo hầu hết bất kỳ loại contact form nào bạn muốn.

Ví dụ, chúng ta sẽ chọn mẫu “Simple Contact Form“. Plugin sẽ tự động thêm các field tên, email và tin nhắn.

Bạn có thể nhấp chuột vào bất kỳ field form nào để chỉnh sửa chúng.

Khi bạn nhấp vào một field form, sẽ hiển thị một bảng điều khiển Field Options ở phía bên trái, nơi bạn có thể thực hiện các thay đổi.

Khi nhấp vào một field form sẽ hiển thị một bảng điều khiển Field Options
Khi nhấp vào một field form sẽ hiển thị một bảng điều khiển Field Options

Bạn cũng có thể sử dụng chuột để kéo và thả các field để thay đổi thứ tự chúng.

Sử dụng chuột để kéo và thả các field
Sử dụng chuột để kéo và thả các field

Nếu bạn muốn thêm một field mới, chỉ cần chọn từ các field có sẵn trên sidebar bên trái.

Bạn có thể kéo vào form hoặc nhấp vào và field sẽ tự động được thêm vào form của bạn.

Có thể kéo vào form hoặc nhấp vào sau đó field sẽ tự động được thêm vào form
Có thể kéo vào form hoặc nhấp vào sau đó field sẽ tự động được thêm vào form

Khi hoàn thành tùy chỉnh form của mình, hãy đảm bảo nhấp vào nút Save.

Ngoài cách tạo contact form trong WordPress với WPForms, bạn cũng có thể đọc bài viết sau để tham khảo cách tạo contact form khác:

3. Cấu hình thông báo và xác nhận form WordPress

Bây giờ sau khi bạn đã tạo contact form của mình, việc quan trọng là cấu hình đúng các tùy chọn thông báo và xác nhận form.

Xác nhận form là những gì khách truy cập trang web của bạn sẽ thấy sau khi họ gửi form. Điều này có thể là một thông báo cảm ơn đơn giản, một trang chứa các tệp PDF có thể tải xuống hoặc bất cứ điều gì bạn muốn.

Thông báo form là email mà bạn nhận sau khi có người gửi contact form trên blog WordPress.

Để tùy chỉnh thông báo xác nhận, nhấp vào tab Settings sau đó chọn tab Confirmations trong trình tạo form.

Mặc định đã có một thông báo cảm ơn. Tuy nhiên, bạn có thể tùy chỉnh nó trong ô Confirmation Message nếu muốn.

Có thể tùy chỉnh nó trong ô Confirmation Message nếu muốn
Có thể tùy chỉnh nó trong ô Confirmation Message nếu muốn

Nếu bạn muốn chuyển hướng người dùng sau khi gửi form thành công thay vì hiển thị một thông báo, hãy chọn Go to URL từ menu thả xuống Confirmation Type.

Sau đó, nhập URL mà bạn muốn chuyển hướng người dùng tới.

chọn Go to URL từ menu thả xuống Confirmation Type
Chọn Go to URL từ menu thả xuống Confirmation Type

Nếu bạn thực hiện bất kỳ thay đổi nào ở đây, hãy đảm bảo nhấp vào nút Save.

Sau đó, bạn có thể kiểm tra xem các cài đặt thông báo form có chính xác hay không. Bạn hãy bấm vào tab Notifications trong cùng menu Settings.

Phần tốt nhất về WPForms là cài đặt mặc định rất lý tưởng cho người mới bắt đầu. Khi bạn chuyển đến cài đặt thông báo, tất cả các field sẽ được điền tự động.

Khi chuyển đến cài đặt thông báo tất cả các field sẽ được điền tự động
Khi chuyển đến cài đặt thông báo tất cả các field sẽ được điền tự động

Thông báo mặc định sẽ được gửi đến địa chỉ email quản trị mà bạn đã thiết lập khi tạo trang web.

Nếu bạn muốn gửi nó đến một địa chỉ email tùy chỉnh, bạn có thể thay đổi điều đó. Nếu bạn muốn gửi thông báo đến nhiều địa chỉ email, chỉ cần phân tách mỗi địa chỉ email bằng dấu phẩy.

Email Subject Line đã được điền sẵn với tên form. Field From Name tự động được điền bằng tên của người dùng.

Field From Name tự động được điền bằng tên của người dùng
Field From Name tự động được điền bằng tên của người dùng

Khi bạn trả lời yêu cầu của form, nó sẽ được gửi đến địa chỉ email mà người dùng điền vào contact form.

Hãy đảm bảo bạn nhấp vào nút Save nếu bạn thay đổi thông tin ở đây.

4. Thêm contact form WordPress vào một trang

Bây giờ bạn đã hoàn tất cấu hình contact form WordPress của mình, đến lúc thêm nó vào một trang.

Bạn có thể thêm nó vào một trang liên hệ hiện có hoặc tạo một trang mới trong WordPress.

Nếu bạn muốn tạo một trang contact form mới, chỉ cần đi tới Pages > Add New và sau đó đặt tên cho trang.

Trong nội dung này sẽ sử dụng block WPForms để thêm form vào một trang. Đơn giản chỉ cần nhấp vào nút Plus và tìm kiếm WPForms.

Sau đó, nhấp vào block WPForms.

nhấp vào block WPForms
Nhấp vào block WPForms

Block WPForm sẽ xuất hiện trong khu vực nội dung của trang. Bạn cần nhấp vào menu thả xuống để chọn form bạn đã tạo trước đó.

Block WPForm sẽ xuất hiện trong khu vực nội dung
Block WPForm sẽ xuất hiện trong khu vực nội dung

WPForms sẽ tải xem trước contact form của bạn trong trình soạn thảo. Bây giờ, bạn có thể nhấp vào nút Publish hoặc Update để lưu form.

Bây giờ, bạn có thể truy cập trang web của mình để xem nó hoạt động.

Dưới đây là hình ảnh về form trên một trang liên hệ WordPress mẫu:

Form trên một trang liên hệ WordPress mẫu
Form trên một trang liên hệ WordPress mẫu

Nếu bạn chỉ muốn thêm contact form vào một trang, thì bạn đã hoàn thành. WPForms cũng đi kèm với một shortcode contact form WordPress. Bạn có thể sử dụng nó bằng cách truy cập WPForms > All Forms và sau đó sao chép shortcode bên cạnh form của bạn.

Truy cập WPForms chọn All Forms và sau đó sao chép shortcode
Truy cập WPForms chọn All Forms và sau đó sao chép shortcode

Sau đó, bạn chỉ cần mở trang mà bạn muốn thêm nó và nhấp vào nút Plus và tìm kiếm Shortcode.

Tiếp theo, nhấp vào block Shortcode.

nhan vao block Shortcode
Hướng dẫn tạo contact form trong WordPress với WPForms 42

Sau đó, dán shortcode mà bạn đã sao chép ở trên vào ô.

Sau đó, nhấp vào Update hoặc Publish và contact form của bạn sẽ xuất hiện trên trang web của bạn, giống như trên.

nhấp vào Update hoặc Publish
Nhấp vào Update hoặc Publish

Nếu chưa biết cách tạo shortcode, bạn có thể tham khảo bài viết sau:

5. Thêm contact form WordPress vào sidebar

WPForms cũng đi kèm với một widget contact form WordPress có thể sử dụng để thêm contact form vào sidebar hoặc bất khu vực widget sẵn sàng khác trong theme WordPress.

Để làm điều này, bạn cần vào Appearance > Widgets và sau đó nhấp vào biểu tượng Plus (+) ở vùng widget mà bạn muốn thêm form.

Vào Appearance chọn Widgets và sau đó nhấp vào biểu tượng +
Vào Appearance chọn Widgets và sau đó nhấp vào biểu tượng +

Tiếp theo, tìm kiếm WPForms.

Sau đó, nhấp vào block WPForms để thêm vào sidebar.

nhấp vào block WPForms để thêm vào sidebar
Nhấp vào block WPForms để thêm vào sidebar

Sau đó, cần chọn contact form từ danh sách thả xuống.

Điều này sẽ tự động tải bảng xem trước của form.

Chọn contact form từ danh sách để tự động tải bảng xem trước
Chọn contact form từ danh sách để tự động tải bảng xem trước

Tiếp theo, nhấp vào nút Update để lưu các thay đổi.

Bây giờ, bạn có thể truy cập trang web của mình để xem contact form đang hoạt động trên sidebar hoặc khu vực widget khác.

Đưa contact form WordPress lên một tầm cao mới

Ngoài việc tạo các contact form đơn giản với WPForms, nó đi kèm với hơn 600+ form template có sẵn có thể sử dụng để nhanh chóng tạo bất kỳ loại form WordPress nào bạn cần.

Nó có các tính năng mạnh mẽ như logic điều kiện, khả năng thực hiện khảo sát và thăm dò ý kiến, chấp nhận thanh toán, thu thập chữ ký, xử lý việc bỏ form và nhiều tính năng khác nữa.

Hơn nữa, nó tích hợp với hàng nghìn công cụ tiếp thị và kinh doanh như Google Sheets, HubSpot và nhiều công cụ khác giúp bạn tối ưu quy trình làm việc của mình.

WPForms cũng có các công cụ tùy chỉnh form bổ sung như form landing page, form trò chuyện và lead form cho phép bạn thêm các form tương tác trên trang web mà không tốn quá nhiều chi phí.

WPForms cũng có các công cụ tùy chỉnh form bổ sung
WPForms cũng có các công cụ tùy chỉnh form bổ sung

Lời kết

Tóm lại, việc tạo contact form trong WordPress trở nên dễ dàng hơn nhờ WPForms. Với giao diện thân thiện và tích hợp block và shortcode mà không cần kiến thức kỹ thuật. Bạn cũng có thể tham khảo các bài viết khác như cách tạo multi-page form trong WordPress đơn giản hoặc cách tạo khảo sát trong WordPress đơn giản tại Vietnix.vn để hiểu thêm các kiến thức mới, chúc bạn thành công!

Chia sẻ lên

Theo dõi trên

Logo Google new

Đánh giá

5/5 - (93 bình chọn)

Hoàng Vui

Kết nối với mình qua

Icon Quote
Icon Quote
Đăng ký nhận tin
Để không bỏ sót bất kỳ tin tức hoặc chương trình khuyến mãi từ Vietnix

Bình luận