Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 901.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí.

Bạn muốn biết cách tạo biểu mẫu liên hệ trong Elementor?

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ỉ có sẵn trên Elementor Pro. Có nghĩa là bạn cần phải nâng cấp lên phiên bản chuyên nghiệp 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 biểu mẫu liên hệ mà còn 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ý email, 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 biểu mẫu liên hệ bằng tiện ích Biểu mẫu của Elementor, bạn có thể xác định nơi dữ liệu biểu mẫu sẽ được gửi. Cho dù đó là 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

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn tạo Dễ dàng và Miễn phí bất kỳ trang web hoặc thiết kế blog với một cái nhìn chuyên nghiệp. Ngừng trả nhiều tiền cho một trang web mà bạn có thể tự làm.

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ó muốn bán sản phẩm của mình trên internet?

Tải xuống WooCommerce miễn phí, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress và dễ dàng tạo cửa hàng trực tuyến của bạn. Hoàn hảo cho người mới bắt đầu.

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.

Cách tạo biểu mẫu liên hệ trong Elementor

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.

Cách tạo biểu mẫu liên hệ trong Elementor

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, không phải tất cả các nhà cung cấp dịch vụ lưu trữ web đều kích hoạt tính năng này 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ệ.

Trong khi 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 bạn, Elementor cũng có một số mẫu biểu mẫu mà bạn có thể sử dụng. Bạn thậm chí có thể tạo trang liên hệ (tất nhiên là hoàn chỉ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.

...

0 cổ phiếu
cổ phiếu
tweet
Enregistrer