Làm thế nào để tạo trang liên hệ trong Flatsome?

Tạo một trang liên hệ chuyên nghiệp là rất quan trọng để khách hàng có thể dễ dàng liên hệ với bạn. Flatsome cung cấp các công cụ linh hoạt để bạn thiết kế và tùy chỉnh trang liên hệ theo ý muốn. Dưới đây là hướng dẫn chi tiết từng bước:

Bước 1: Tạo Trang Liên Hệ Mới

1. Đăng nhập vào bảng điều khiển WordPress:
   • Điều hướng đến Pages > Add New để tạo một trang mới.
2. Đặt tên cho trang:
   • Nhập tên cho trang của bạn, ví dụ: “Liên hệ” hoặc “Contact Us”.
3. Chọn template:
   • Trong phần Page Attributes ở cột bên phải, chọn Full Width từ menu Template để tạo một trang không có sidebar, giúp tập trung vào nội dung chính.

Bước 2: Sử Dụng UX Builder để Tạo Trang Liên Hệ

1. Khởi động UX Builder:
   • Nhấp vào nút Edit with UX Builder để bắt đầu chỉnh sửa trang bằng UX Builder.
2. Thêm các phần tử cần thiết cho trang liên hệ:
   • Tiêu đề:
     • Thêm một Text Block để hiển thị tiêu đề trang, ví dụ: “Liên hệ với chúng tôi”.
   • Thông tin liên hệ:
     • Thêm một Text Block hoặc Icon Box để hiển thị thông tin liên hệ như địa chỉ, số điện thoại, và email.
     • Bạn có thể tùy chỉnh biểu tượng, màu sắc, và kiểu chữ để phù hợp với thương hiệu của mình.
   • Biểu mẫu liên hệ:
     • Để thêm biểu mẫu liên hệ, trước tiên bạn cần cài đặt plugin Contact Form 7 hoặc sử dụng bất kỳ plugin tạo biểu mẫu nào mà bạn thích.
     • Sau khi cài đặt và tạo biểu mẫu trong Contact Form 7, bạn sẽ nhận được một shortcode.
     • Trong UX Builder, thêm một Text Block và dán shortcode của biểu mẫu liên hệ vào đó. Biểu mẫu sẽ hiển thị trên trang.
   • Bản đồ:
     • Nếu bạn muốn thêm bản đồ Google Maps để khách hàng dễ dàng tìm thấy địa chỉ của bạn, hãy thêm Google Maps element từ UX Builder.
     • Bạn có thể tùy chỉnh chiều cao, thu phóng, và vị trí của bản đồ.
   • Nút gọi hành động:
     • Thêm một Button hoặc Call to Action để khuyến khích người dùng liên hệ với bạn. Ví dụ: “Gửi tin nhắn” hoặc “Gọi ngay”.
3. Sắp xếp các phần tử:
   • Kéo thả các phần tử để sắp xếp chúng theo thứ tự mong muốn.
   • Bạn có thể tạo một bố cục có nhiều cột hoặc sử dụng các hàng để chia bố cục thành các phần riêng biệt.
4. Tùy chỉnh thiết kế và phong cách:
   • Sử dụng các tùy chọn trong UX Builder để tùy chỉnh phông chữ, màu sắc, khoảng cách giữa các phần tử, và hiệu ứng.
   • Đảm bảo rằng thiết kế của bạn đồng nhất với thương hiệu và dễ sử dụng cho khách hàng.
5. Lưu và xem trước:
   • Sau khi hoàn thành, nhấp vào Save để lưu thay đổi.
   • Nhấp vào Preview để xem trước trang liên hệ mới của bạn trước khi xuất bản.

Bước 3: Cấu Hình Thêm Trong Contact Form 7 (Tùy Chọn)

1. Tùy chỉnh biểu mẫu liên hệ:
   • Vào Contact > Contact Forms và chọn biểu mẫu bạn muốn tùy chỉnh.
   • Bạn có thể thêm các trường mới như Họ và Tên, Số điện thoại, Lời nhắn, và nhiều hơn nữa.
   • Tùy chỉnh email nhận thông báo, xác nhận gửi email, và các tùy chọn khác.
2. Tích hợp reCAPTCHA:
   • Để bảo vệ biểu mẫu của bạn khỏi spam, bạn có thể tích hợp reCAPTCHA. Cài đặt và kích hoạt reCAPTCHA từ Contact Form 7 và Google reCAPTCHA.

Bước 4: Công Bố Trang Liên Hệ

1. Xuất bản trang:
   • Khi bạn hài lòng với trang liên hệ, nhấp vào nút Publish để công bố trang.
2. Thêm trang vào menu điều hướng:
   • Đi tới Appearance > Menus và thêm trang liên hệ vào menu điều hướng chính của bạn để khách hàng dễ dàng tìm thấy.

Bằng cách làm theo các bước trên, bạn sẽ có một trang liên hệ đẹp mắt, chức năng, và dễ dàng tùy chỉnh theo nhu cầu của bạn trong Flatsome.