Hướng dẫn sử dụng Ninja Form

Hiện nay có khá nhiều Plugin giúp tạo Form liên hệ cho WordPress nhanh chóng. Góp mặt trong số đó phải kể đến Ninja Form. Bài viết này chúng tôi sẽ hướng dẫn bạn sử dụng Ninja Form để xây dựng biểu mẫu liên hệ trong một trang web đơn giản.

Các bước hướng dẫn sử dụng Ninja Form

Bước 1: Cài đặt

Vào Plugin => Add new (Cài mới) => Gõ Ninja Form vào ô tìm kiếm

ninja-form

Sau đó ấn Active để kích hoạt

Bước 2: Tạo Form

Nhìn sang menu bên trái của bảng quản trị

Ấn vào Add new (Thêm mới)

Hướng dẫn tạo Ninja Form

Ấn vào Blank Form

ninja-form-3

Nhấp chuột trái vào các trường ở cột bên phải để thêm trường

Nhấp vào cột bên trái để sửa lại họ, điện thoại hoặc Email

ninja-form-4

Các trường cần thiết đó là:

  • Họ
  • Điện thoại
  • Email
  • Gửi

Bước 3: Lấy mã shortcode chèn lên website

Ấn vào hoàn thành ở góc trên bên phải

ninja-form-5

Tiếp tục ấn Xuất bản

Điền tiêu đề rồi ấn Đăng tải

ninja-form-6

Ấn vào biểu tượng liên kết

ninja-form-7

Copy mã

ninja-form-8

Bước 4: Chèn vào bài viết hoặc sidebar

Ở trong bài viết bạn chỉ cần ném đoạn code đó vào trong là được

ninja-form-9

Còn ở sidebar bạn sẽ làm như sau:

Appearance (Giao diện) => Widget

Ấn vào Văn bản (Text) => Giữ chuột trái kéo vào Sidebar

Hoặc nhấp vào mũi tên ấn Thêm

ninja-form-10

Paste mã vào ô

ninja-form-13

Như vậy là xong.

Tuy nhiên để gửi mail thành công bạn cần phải cấu hình SMTP cho WordPress. Trong bài viết tiếp theo ThemeFlatsome.com sẽ hướng dẫn chi tiết về vấn đề này.

Kết luận: Bài viết trên đây bạn đã được hướng dẫn tạo một Form liên hệ bằng Ninja Form khá chi tiết. Nếu gặp bất kỳ khó khăn cần giúp đỡ hãy liên hệ với chúng tôi.

.