Bước 6: Mở rộng chức năng của website với Joomla!extensions
Làm việc với thành phần mở rộng (Extensions) mặc định “Contacts”
phép bạn tạo các biểu mẫu (form) liên hệ để mọi người (khách, thành viên) có thể gửi email tới bạn.
Tạo chuyên mục liên hệ
Chúng ta cần tạo các danh sách liên hệ trước khi thành viên có thể gửi tới cho chúng ta email thông qua biểu mẫu liên hệ nào đó. Nhưng để tổ chức phần liên hệ tốt hơn, chúng ta cần tạo các chuyên mục liên hệ trước. 1. Vào “Components” => “Contacts” => “Categories”
Chọn các chuyên mục liên hệ
Tạo mới một liên hệ
Khi mục liên hệ đã được tạo xong, bạn có thể tạo các liên hệ riêng lẻ mà bạn muốn. 1. Các bạn vào “Components” => “Contacts” => “Contacts”
Nhấn vào danh mục con "Contacts"
2. Tiếp theo, nhấn vào “New” trên thanh công cụ để tạo mới liên hệ.
Nhấn “New” để tạo một liên hệ mới
Nhập thông tin liên hệ
4. Tiếp theo, trong thẻ “Contact Details”, điền địa chỉ email liên hệ trong phần “Email”. Đây là tham số rất quan trong vì sau đó tất cả các thông tin liên hệ để được gửi đến địa chỉ email này.
Nhập email liên hệ
Tạo một danh mục con để hiển thị biểu mẫu liên hệ
Bây giờ bạn đã tạo một biểu mẫu liên hệ để gửi liên hệ tới nó, lúc này hãy tạo một form cho thành viên để họ có thể gửi liên hệ được cho bạn.
1. Vào “Menus” => “Main Menu” => “Add new menu items”
Thêm mới một danh mục con
2. Tiếp đó, nhấn “Select” để chọn loại danh mục con.
3. Tiếp, chọn “Single Contact”.
4. Tiếp theo, bạn cần chọn mẫu liên hệ mà bạn muốn bằng cách nhấn vào “Select”.
Nhấn “Select”
5. Sau đó nhấn vào liên hệ bạn đã tạo trước đó.
6. Điền tiêu đề cho “Menu Title” như bạn muốn, ví dụ “Contact”.
Điền tiêu đề trong “Menu Title”
Bây giờ, hãy truy cập front-end của website để xem kết quả. Phần “Main Menu” đã có thêm một mục mới là
“Contact”. Nhấn vào và bạn sẽ thấy biểu mẫu liên hệ xuất hiện.
Biểu mẫu liên hệ trên website
Tùy chình thêm
Vào “Contacts” hay “Categories” và nhấn vào biểu tượng “Options” trên thanh công cụ.
Ở đây bạn có thể cấu hình tất cả các tham số bạn cần.
Thêm mới Extension
(adsbygoogle = window.adsbygoogle || []).push({});