24

Làm thế nào để tạo trang Liên hệ (Contact us) trong website?

  • 22
  •  
  •  
  •  
  •  
  •  
  •  
    22
    Shares

Một website tốt cần có một nơi nào đó để người dùng có thể tương tác được với tác giả trong trường hợp họ có ý kiến phản hồi hay họ có vấn đề gì đó cần chúng ta hỗ trợ, hoặc là họ muốn đặt mua hàng của chúng ta chẳng hạn. Trong những trường hợp đó, trang liên hệ sẽ rất hữu ích cho chúng ta. Và hôm nay mình xin chia sẻ với các bạn cách làm thế nào để tạo trang liên hệ (Contact us) trong website của bạn nhé.

Chúng ta sẽ đi qua ba bước, trước tiên là chúng ta sẽ tạo ra contact form nhờ vào gói mở rộng wpforms. Sau đó chúng ta sẽ chèn cái form đó vào bất kỳ nơi đâu chúng ta muốn, thường là chèn vào một trang, và cuối cùng là hiển thị trang liên hệ lên menu chính để mọi người có thể nhìn thấy. Nào chúng ta bắt đầu nhé!

Bước 1 – Tạo contact form dựa vào gói mở rộng wpforms

Các bạn sẽ phải cài đặt và kích hoạt gói mở rộng có tên là wpforms. Cách thức chi tiết cài đặt và kích hoạt gói mở rộng như thế nào bạn tham khảo ở bài viết này nhé.

Cài đặt và kích hoạt gói mở rộng wpforms

Cài đặt và kích hoạt gói mở rộng wpforms

Sau khi kích hoạt xong, trong trang quản trị (admin) bạn sẽ thấy có menu WPForms, bạn nhấn vào đó và chọn Add New để tạo một contact form mới nhé.

Vào menu WPForms >>> Add New

Vào menu WPForms >>> Add New

Đây chính là giao diện chính khi bạn vào trang tạo form mới trong WPForms.

Gieo diện chính khi tạo form mới trong WPForms

Trong phần Form Name, bạn nhập vào tên form, ví dụ như là “Liên hệ”. Sau đó bạn nhấn vào ô Simple Contact Form như hình bên dưới.

Tiếp theo, một màn hình chỉnh sửa form sẽ hiện ra như thế này. Bạn thấy là trên form này đã có sẵn những ô nhập liệu về họ tên, email, và nội dung liên hệ.

Bạn có thể chọn vào từng ô để chỉnh sửa lại tiêu đề bằng tiếng Việt nếu muốn theo như hình bên dưới.

Tiếp theo bạn bấm vào mục Settings >>> Notifications để thiết lập một số thông số như địa chỉ email nào sẽ nhận được thông tin liên hệ này khi có người liên hệ với bạn.

Send To Email Address – Địa chỉ email sẽ nhận được thông tin phản hồi từ phía người dùng

Email Subject – Tiêu đề của email, cái này có thể giúp bạn lọc email trong hộp mail của mình

From Name – Tên của người gửi

From Email – email của người gửi

Những thông số bên trên bạn có thể để mặc định như trong hình nhé.

Tiếp theo trong Settings bạn bấm vào mục Confirmation để cài đặt dòng thông điệp sẽ hiện ra cho người dùng sau khi họ đã gửi thông tin cần liên hệ với chúng ta. Bạn có thể nhập vào thông điệp giống bên dưới hoặc bất kỳ thông điệp nào mà bạn muốn.

Sau cùng bạn đừng quên bấm vào nút Save ở góc trên cùng bên phải nhé. Như thế là chúng ta đã tạo thành công một cái contact form rồi nhé.

Bước 2 – Chèn contact form vào trong trang

Trong màn hình quản trị (admin), bạn vào menu Trang >>> Thêm trang mới để tạo một trang mới.

Trong màn hình thêm trang mới bạn sẽ thấy có một cái nút tên là Add Form như trong hình, bạn nhấn vào đấy.

Một hộp thoại hiện ra và bạn chọn cái form mà lúc nãy mình đã tạo, sau đó bạn bấm vào nút Add Form.

Lúc này cái form đã được chèn vào trang. Bạn có thể đặt tiêu đề cho trang là Liên hệ, sau đó thì bấm Đăng bài viết để lưu trang đó lại nhé.

Bước 3 – Hiển thị trang liên hệ lên menu chính

Trong trang quản trị (admin), bạn chọn menu Giao diện >>> Menu.

Trong màn hình hiện ra, bạn sẽ thấy có một cái khung có tiêu đề là Trang, bạn check vào trang có tên là Liên hệ, là trang mà bạn đã tạo ở bước 2, sau đó nhấn vào nút Thêm vào menu.

Như vậy là trang liên hệ đã được thêm vào menu, giờ bạn có thể sắp xếp lại thứ tự của menu bằng cách trong khung Cấu Trúc Trình Đơn, bạn bấm vào khung Liên hệ, kéo và thả vào vị trí mà bạn mong muốn. Sau cùng bạn đừng quên bấm vào nút Lưu trình đơn nhé.

Vậy là chúng ta đã hoàn tất, bây giờ bạn quay trở ra trang chính và sẽ thấy kết quả sau cùng như thế này

Chúc các bạn thành công nhé. Cảm ơn các bạn đã theo dõi bài viết, hẹn gặp lại các bạn trong những bài tiếp theo nhé.

 

— Phạm Hữu Hiền

 


  • 22
  •  
  •  
  •  
  •  
  •  
  •  
    22
    Shares

Phạm Hữu Hiền

Lập trình viên, đam mê ca hát và chia sẻ kiến thức cho mọi người với phương châm Gieo Kiến Thức - Gặt Niềm Vui. Rất vui được kết nối với mọi người!

24 Comments

  1. Ôi đúng cái mình đang cần cho web. Cảm ơn bài chia sẻ của bạn HIền, rất hữu ích, hướng dẫn cũng rất đơn giản.

  2. Rất tuyệt vời! Cám ơn bạn mình tìm kiếm công cụ này cả tháng nay giờ nhờ bài viết này giúp ích mình rất nhiều!

  3. Cám ơn chia sẻ của bạn, rất hữu ích. Để thiết kế hoàn chỉnh 1 website cần bao nhiêu thời gian cho người mới, bao nhiêu nếu chuyên gia làm vậy bạn?

    • Chào bạn, càm ơn bạn đã quan tâm. Để trả lời cho câu hỏi này, bạn hãy giúp mình làm rõ một số điểm như sau thì mới ra con số chính xác được bạn
      – Quy mô website bạn muốn xây dựng (web cá nhân hay cho doanh nghiệp vừa và nhỏ)
      – Những chức năng bạn muốn có trên website (viết bài thông thường, trang mua bán online, thanh toán online)
      – Những chức năng phụ thêm bạn muốn có (bào mật hai lớp, https hay http, tự động sao lưu dự phòng hay làm thủ công, những tính năng bảo mật thêm khác)
      – Gói giao diện bạn muốn dùng là gì (có loại miễn phí, có loại trả tiền)
      – Bạn muốn có địa chỉ email theo tên miền của web hay không
      Đó chỉ là những câu hỏi cơ bản, nó sẽ giúp bạn làm rõ những nhu cầu của bạn.
      — Thân

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *