Cách Đơn Giản Nhất Để Tạo Contact Form trên Side Bar và trong trang Contact Me

Chào các bạn , đã có không ít người phải đau đầu cũng như phải tốn nhiều thời gian để tạo một contact form trên blog mà đôi khi lại không chạy theo ý muốn. Hôm nay mình sẽ hướng dẫn cách thật đơn giản mà chỉ tốn không đầy 10 phút để tạo được một contact form  trên side bar và trong trang độc lập contac me hay contact us (tuỳ theo cách bạn muốn gọi).

Tạo một contact form trên side bar của blog

Trước tiên bạn cần phải đăng nhập vào trang blog của bạn để điều chỉnh trong dashboard (thông cảm, mình không biết gọi tiếng việt của một vài thuật ngữ, :) )

Bước 1: click vào mục layout tab ở trong dashboard sau đó click vào Add a Gadgets


Bước 2: sau khi click vào Add a Gadget thì một cửa sổ mới xuất hiện với nhiều loại gadget để lựa chọn. Bạn click vào thẻ More Gadgets và bạn sẽ thấy contact form trong danh sách. click vào contact form rồi click vào Save arrangement.

Refresh lại trang blog, bạn sẽ thấy contact form xuất hiện trong side ba r như hình dưới.

Xong phần một, bây giờ mình sẽ hướng dẫn tạo một contact form trong mot trang riêng biệt, bạn có thể gọi nó là contact page, contact me hay contact us, gì cũng được, tuỳ các bạn.

Trước tiên mình sẽ tạo một mẫu contact form từ một trang web khác rồi cài đặt vào trang contact us trên blog. Các bạn yên tâm, đây là một trang web cung cấp dịch vụ miễn phí và đáng tin tưởng.
Bước 1: mở một trình duyệt mới và gõ vào địa chỉ trang web sau: www.foxyform.com

Bước 2: chọn những thuộc tính bạn muốn xuất hiện trong contact form, ví dụ tên, địa chỉ email, vân vân


Bước 3: điền địa chỉ email của bạn để nhận thông tin từ contact form. Sau đó điền vào chỗ the câptch như hình minh hoạ ở dưới (có thể thay đổi bằng cách click chuột để xác nhận bạn không phải là rôbôt). Sau cùng click vào Create Formular


Sau khi click vào Create Formular, bạn sẽ nhận được mã code của contact form, bạn copy đoạn mã code đó và chuyển về dashboard trên blog của bạn.
Bước 4: Tạo một trang mới (click vào pages trên dashboard rồi click vào New Page).

Bước 5: Chuyển sang chế độ HTML để chỉnh sửa trang. dán code bạn vừa copy từ foxyform

lưu lại và bạn đã vừa hoàn thành xong việc tạo một contac form trong trang riêng contact page. Hình dưới minh hoạ cho message được gửi tới email từ contact form

Lời Kết

Kiến thức thì vô tận, nếu bạn nào có phương pháp nào khác hay hơn thì xin chia xẻ. Còn nếu bài viết của mình có chỗ nào cần chỉnh sửa thì xin góp ý, comment. Nếu thấy bài viết hữu dụng thì cứ tự nhiên sử dụng (coppy, share, G+) nhưng làm ơn trích rõ nguồn.