Bạn muốn biết cách tạo một Mẫu liên hệ trong phần tử?
Trang liên hệ là một trong những trang quan trọng của một trang web. Nó thường được sử dụng như một tham số cho dù một trang web có được phê duyệt hay không. Elementor đi kèm với một widget gốc - widget Biểu mẫu - để cho phép bạn thêm một biểu mẫu vào một trang. Bài viết này sẽ chỉ cho bạn cách.
Bản thân tiện ích Biểu mẫu chỉ khả dụng trên Elementor Pro. Điều đó có nghĩa là bạn phải nâng cấp lên phiên bản pro nếu bạn vẫn đang sử dụng phiên bản miễn phí. Bạn không chỉ có thể sử dụng tiện ích Biểu mẫu để tạo Mẫu liên hệ, nhưng bạn cũng có thể sử dụng nó để tạo các loại biểu mẫu khác bao gồm biểu mẫu đăng ký email, biểu mẫu đăng ký người dùng, biểu mẫu tải lên tệp, Vv ...
Cách tạo biểu mẫu liên hệ trong Elementor
Khi bạn tạo một Mẫu liên hệ Sử dụng tiện ích Biểu mẫu của Elementor, bạn có thể đặt vị trí nơi dữ liệu biểu mẫu sẽ được gửi. Cho dù trong tài khoản email của bạn hay trong trình quản lý gửi biểu mẫu mặc định của Elementor.
Trong bài viết này, chúng ta sẽ chuyển thẳng sang việc thêm tiện ích Biểu mẫu vào hộp chỉnh sửa của Elementor. Chỉ cần thêm tiện ích Biểu mẫu từ bảng tiện ích vào hộp chỉnh sửa như sau:
Như bạn có thể thấy, tiện ích Biểu mẫu tự động tạo một biểu mẫu bao gồm ba trường.
Đọc cũng: Cách thêm lưới giá trong Elementor
Để chỉnh sửa một trường hiện có, bạn chỉ cần mở nó. Bạn có thể thay đổi loại trường, ghi đè nhãn và trình giữ chỗ mặc định và đặt nó làm trường bắt buộc nếu bạn muốn.
Để xóa một trường hiện có, bạn có thể chỉ cần nhấp vào X của trường bạn muốn xóa.
Để thêm một trường mới, bạn có thể chỉ cần nhấp vào nút THÊM MỘT PHẦN TỬ. Bản thân tiện ích Biểu mẫu hỗ trợ hai mươi loại trường.
Xác định hành động biểu mẫu
Như chúng tôi đã đề cập trước đây, bạn có thể gửi dữ liệu biểu mẫu (gửi) đến tài khoản email của mình hoặc gửi biểu mẫu có sẵn của Elementor. Để đặt điểm đến, bạn có thể mở khối Sau khi gửi hành động dưới tab Nội dung từ bảng cài đặt.
Xem thêm: Cách tạo hình ảnh tròn trong Elementor
Chọn một hành động mà bạn muốn xác định trên trường có sẵn (bạn có thể thêm nhiều hành động). Trong ví dụ này, chúng tôi chọn E-mail.
Nếu bạn cũng đặt hành động biểu mẫu trên email, bạn có thể mở khối E-mail để xác định địa chỉ e-mail để nhận dữ liệu biểu mẫu. Như bạn thấy, bạn cũng có thể đặt chủ đề nếu bạn muốn.
Theo mặc định, Elementor bao gồm nội dung của tất cả các trường trên biểu mẫu. Nếu bạn chỉ muốn bao gồm nội dung từ các trường cụ thể, bạn có thể dán mã ngắn của các trường bạn muốn vào trường. Thông điệp.
Ví dụ: cài đặt bên dưới sẽ chỉ gửi nội dung của trường tin nhắn.
Để lấy mã ngắn của một trường, bạn có thể nhấp vào tab NÂNG CAO trong trường liên kết của khối Các trường biểu mẫu.
Định nghĩa tin nhắn
Khi dữ liệu biểu mẫu được gửi thành công, khách truy cập của bạn sẽ thấy thông báo thành công bên dưới biểu mẫu. Tương tự như vậy, họ cũng sẽ thấy thông báo lỗi khi dữ liệu biểu mẫu không được gửi.
Xem thêm: Cách tạo phần thành viên trong nhóm với Elementor
Bạn có thể ghi đè các tin nhắn mặc định này cũng như hai tin nhắn khác khỏi khối Tùy chọn bổ sung dưới tab Nội dung từ bảng cài đặt. Kích hoạt Tin nhắn tùy chỉnh để ghi đè các tin nhắn mặc định.
Tùy chỉnh biểu mẫu
Sau khi bạn thực hiện xong các cài đặt cơ bản trong tab Nội dung từ bảng cài đặt, bạn có thể chuyển sang Phong cách để tùy chỉnh biểu mẫu. Có năm khối bạn có thể mở ở đây.
Mẫu
Bạn có thể mở khối này để xác định không gian giữa các cột và các dòng của biểu mẫu, khoảng cách nhãn, kiểu chữ (họ phông chữ, cỡ chữ, kiểu phông chữ, v.v.) của nhãn biểu mẫu và màu văn bản của biểu mẫu.
- Phần
Bạn có thể mở khối này để xác định kiểu chữ của văn bản trong trường cũng như màu sắc, màu nền của các trường biểu mẫu, kích thước, màu đường viền và bán kính đường viền của các trường biểu mẫu.
- Buttons
Bạn có thể mở khối này để tùy chỉnh nút gửi. Bạn có thể đặt những thứ như kiểu chữ nút văn bản cũng như màu sắc, màu nền, bán kính đường viền, kích thước đường viền, màu đường viền và tô văn bản. Để đặt kích thước của nút, bạn có thể thực hiện từ khối nút dưới tab Nội dung.
- Tin nhắn
Bạn có thể mở khối này để xác định kiểu chữ cũng như màu sắc của văn bản tin nhắn.
- Các bước
Bạn chỉ có thể mở khối này nếu muốn tạo biểu mẫu nhiều bước.
Sau khi hoàn tất việc tùy chỉnh biểu mẫu, cũng như trang, bạn có thể xuất bản trang của mình.
Lỗi tiềm ẩn
Một trong những lỗi phổ biến khi bạn đặt hành động biểu mẫu thành E-mail là biểu mẫu không được gửi đi. Thay vào đó, bạn sẽ thấy thông báo sau.
Elementor và hầu hết các plugin biểu mẫu liên hệ - bao gồm Biểu mẫu liên hệ 7 - sử dụng tính năng gửi thư mặc định của WordPress được gọi là wp_mail. Chức năng này phụ thuộc vào chức năng gửi thư mà phụ thuộc vào PHP để hoạt động.
Đọc cũng: Cách thêm thanh trượt lời chứng thực trong Elementor
Thật không may, tất cả các nhà cung cấpweb hosting không kích hoạt chức năng gửi thư của PHP. Nếu vậy, biểu mẫu của bạn sẽ không được gửi. Thay vào đó, bạn sẽ nhận được thông báo lỗi như trên.
Để giải quyết vấn đề, bạn có thể cài đặt và định cấu hình dịch vụ gửi thư tùy chỉnh trên WordPress của mình. Ngoài ra, nếu có thể, bạn có thể yêu cầu nhà cung cấp dịch vụ lưu trữ của mình kích hoạt tính năng gửi thư của PHP.
Cuối cùng
Elementor là một trong những plugin trình tạo trang toàn diện nhất. Nó đi kèm với một số yếu tố thiết kế (được gọi là widget) để bạn dễ dàng thêm các yếu tố vào trang, bao gồm cả biểu mẫu liên hệ.
Mặc dù bạn có thể sử dụng tiện ích Biểu mẫu để tạo biểu mẫu liên hệ từ đầu với thiết kế của riêng mình, Elementor cũng cung cấp các mẫu biểu mẫu mà bạn có thể sử dụng. Bạn có thể tạo trang liên hệ (tất nhiên là hoàn thành với biểu mẫu liên hệ) từ một mẫu.
Tải xuống Elementor Pro ngay!
Kết luận
Đây là ! Đó là nó cho bài viết này hướng dẫn bạn cách tạo biểu mẫu liên hệ trong Elementor. Nếu bạn có bất kỳ mối quan tâm nào về cách đến đó fcho chúng tôi biết trong ý kiến.
Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.
Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.
...
