share

Thiết kế web cực dễ :)

Cách tạo form liên hệ cho WP với contact form 7

Lưu ý: Các link Mediafire trong các bài viết vẫn còn hoạt động. Các bạn copy link dán vào address của trình duyệt là dùng bình thường.

Bất cứ web nào các bạn cũng thấy phần liên hệ, điều đó đã nói lên phần nào sự quan trọng của nó.

Vuikhoe sẽ hướng dẫn các bạn tạo form liên hệ bằng plugin contact form 7

Download: http://wordpress.org/extend/plugins/contact-form-7/

Plugin này có hổ trợ chức năng capcha chống spam, nhưng phải cài thêm Really siplme CAPCHA nếu không sử dụng có thể bỏ qua, nhưng mình khuyên các bạn nên sử dụng để hạn chế spam mail.

Phần cài đặt mình đã có hướng dẫn ở các bài trước nên mình không nhắc lại nhé.

Sau khi cài đặt xong bạn nhìn ở tận cùng menu chức năng bên tay trái sẽ thấy contact, click vào để chúng ta cấu hình cho nó.

Đầu tiên các bạn sẽ thấy biểu mẫu như hình

Các bạn sẽ copy (Ctrl + C) dòng [contact-formt 1 "Biểu mẫu liên hệ 1"] dán vào bài viết, hoặc trang cần tạo form liên hệ. Lưu ý, không phải click vào copy ở góc phải nhé, đó là tạo thêm biểu mẫu.

Sau đó các bạn sẽ thấy, phần chỉnh sửa form

Đây là phần chỉnh sửa để trang trí, thêm chức năng cho form liên hệ của bạn. Nếu muốn người dùng phải nhập phần nào rồi mới được gửi đi thì bạn thêm dấu * vào các mục tương ứng như trong hình.

Để thêm chức năng các bạn click vào Tạo thẻ, ở đây mình hướng dẫn thêm capcha, các chức năng khác làm tương tự.

Các bạn copy 2 dòng màu nâu rồi dán vào phần chỉnh sửa form, các bạn paste vào chỗ nào thì nó sẽ hiển thị ở chỗ đó trong form, vì đây là capcha nên chúng ta sẽ dán nó trên nút Gửi, như vậy sẽ hay hơn.

Tiếp theo là cấu hình cho email (click vào hình để xem kích thước thật)

Phần Gửi đến là email mà bạn dùng để nhận thư, còn phần Nội dung thông điệp là những gì bạn nhận được khi có người gửi liên hệ.

Lưu ý: bạn phải chắc rằng bộ lọc mail của bạn không chặn các thư từ tên miền của bạn, nếu không bạn sẽ không nhận được mail. Và một số host free sẽ không sử dụng được vì chức năng hạn chế.

Đến phần Các thông điệp, các bạn bấm vào hiển thị

Đây là các thông điệp sẽ hiển thị khi người dùng gặp sai sót khi dùng form, các bạn có thể để mặc định, hoặc sửa lại nội dung theo ý mình.

Cuối cùng nhớ bấm nút Lưu nhé :hihi:

Những thay đổi tại đây sẽ ảnh hưởng đến tất cả các form bạn đã dán code ở đầu bài, nên nếu bạn muốn thay đổi form thì cứ sửa tại đây và lưu lại, không cần phải copy dán lại code.

Vậy là xong bạn đã có form liên hệ của mình, các bạn nên test lại xem nó hoạt động có giống như những gì mình đã cấu hình không nhé.

Sau một thời gian dài bận rộn và lười biếng Vuikhoe đã trở lại. Mình sẽ viết 1 loạt bài mới về kiếm tiền online, chỉnh sửa lại bài cũ và hệ thống lại để các bạn dễ tìm hiểu hơn. Mong nhận được ý kiến đóng góp và ủng hộ của các bạn :)

Nhanh tay mua host để được nhận ưu đãi cùng vui khoẻ dot net

9 comments

  1. Bạn ơi cho mình hỏi khi active các plugin này lên thì cái slite hình ảnh của mình nó không chạy nữa, bạn chỉ cho mình cách khắc phục nhé? cảm ơn bạn nhiều

  2. Cảm ơn bài viết hay của bạn, nhờ bạn mình đã tạo được form liên hệ. Thanks

  3. mình dùng host mua và domain mua! mình tạo contact của bạn thành công. Lúc test mình gửi đi nó vẫn cứ báo ““Hệ thống không thể gửi thông điệp của bạn. Vui lòng thử lại vào lúc khác hoặc liên hệ bằng cách khác.””. Có cách nào khắc phục không thế. Nếu là mail mình cấm thì chỉnh sửa thế nào, mình xài gmail

  4. Bạn ơi mình đã cài đc rồi, lúc đầu chạy thì được, mình tạo thêm 1 form mới rùi chạy thì nó bị lỗi. Nếu không điền vào những ô bắt buộc thì khi bấm GỬI thì nó cứ xoay mãi mà không báo lỗi. Nếu điền đầy đủ thì bấm GỬI nó cũng vẫn xoay .. nhưng gửi thông báo tới mail được.
    (Biểu tượng xoay ở kế nút Gửi đi ấy)
    Mình tháo ra cài lại thì vẫn vậy bạn giúp mình với, mình mua host của vinahost

  5. Có thể bạn test thế nào đó mà Akismet nhầm là spam và chặn, hoặc host bạn nó không hổ trợ nếu xài host free

    • pro /

      Cảm ơn nha.
      Vậy không còn cách nào hả bạn. Host free mà

      • Host free thường thì không có chức năng này đâu bạn ơi, vì nó sợ người dùng tạo host để spam mail lung tung

  6. pro /

    “Hệ thống không thể gửi thông điệp của bạn. Vui lòng thử lại vào lúc khác hoặc liên hệ bằng cách khác.”
    Sao tran của mình khi gửi form về nó cứ báo thế nhỉ

Leave a Reply

Vui lòng gõ tiếng Việt có dấu khi comment tại vuikhoe.net

Không nên chèn link vào comment, Akismet sẽ chặn comment của bạn vì cho là spam

:hihi: :chucmung: :udau: :hoi: :haha: :kiss: :chaymui: :sleep: more » Free WordPress Themes
WordPress Themes