Một mẫu đơn đặt hàng lý tưởng cho một cửa hàng trực tuyến. Mẫu phản hồi. Mã nguồn để gọi biểu mẫu và trình xử lý

Ngày nay bạn có thể tìm thấy một biểu mẫu trên mọi trang web nhận xét, có thể là một trang web thương mại hoặc thông tin. Thật không may, hầu hết chủ sở hữu trang web tạo ra các biểu mẫu bất tiện khi điền hoặc hiển thị chúng một cách quá phức tạp, làm hỏng ấn tượng về toàn bộ công ty. Hãy cùng tìm hiểu vị trí và cách yêu cầu chính xác dữ liệu người dùng để dễ dàng tương tác với trang web.

Các loại biểu mẫu chính cho trang web

Hãy cùng xem xét đặc điểm của từng loại để bạn có thể chọn những loại phù hợp với trang web của mình hoặc sử dụng danh sách làm danh sách kiểm tra để không quên đặt tất cả chúng.

  • Mẫu đơn đặt hàng gọi lại

    Chúng tôi khuyên tất cả các trang web thương mại nên sử dụng mẫu này. Vị trí lý tưởng là tiêu đề trang web, bên cạnh số điện thoại. Hơn nữa, bạn không nên hiển thị các trường nhập ngay lập tức; tốt hơn hết bạn nên ẩn chúng dưới nút “Đặt cuộc gọi” và hiển thị chúng sau khi nhấp chuột. Không cần thiết phải làm cho nút sáng; ở dạng liên kết, nó sẽ hiển thị rõ ràng:

    Trong phiên bản mở rộng, hai trường “Điện thoại” và “Tên” là đủ và chỉ cần điền trường đầu tiên:

    Bạn chỉ có thể để lại một trường để nhập số điện thoại, đây cũng là một tùy chọn hoàn toàn hoạt động, mặc dù trước tiên bạn sẽ phải hỏi tên của từng khách hàng khi gọi:

    Ngoài ra, biểu mẫu gọi lại cũng hữu ích ở phần chân trang của trang web; đặt nó bên cạnh thông tin liên hệ. Bằng cách này, sau khi xem trang, khách hàng sẽ không phải quay lại từ đầu.

  • Hình thức tư vấn

    “Biểu mẫu cứu hộ” dành cho những người dùng trang web của bạn không thể tìm thấy thông tin cần thiết trên trang, nhưng muốn đặt hàng. Tốt hơn là đặt nó ở một trong hai tùy chọn: thu gọn ở góc dưới bên phải màn hình hoặc mở rộng - ở cuối Trang chủ và trên các trang của danh mục sản phẩm hoặc dịch vụ.

    Tùy chọn vị trí đầu tiên (ví dụ từ trang web Tango và Cash):

    Tùy chọn vị trí thứ hai (ví dụ từ trang web Okna-dpa):

    Hình thức này thường được thay thế bởi một nhà tư vấn trực tuyến, về cơ bản là giống nhau, nhưng bạn cần hiểu rằng bạn sẽ cần một nhân viên hỗ trợ nó.

    Biểu mẫu này cũng nên được đặt trên trang liên hệ. Hãy nhớ thêm trường nhận xét để người dùng có thể cho bạn biết họ đang liên hệ với công ty về vấn đề gì.

    Mẫu phản hồi trên trang liên hệ YouDesign:

  • Mẫu đơn đặt hàng dịch vụ

    Rõ ràng, biểu mẫu phải được đặt trên trang dịch vụ, tốt nhất là ở cuối trang, sau phần mô tả công việc, kết quả và giá cả, để hướng dẫn người dùng điền đơn sau khi đọc thông tin. Bạn có thể hiển thị các trường biểu mẫu ngay lập tức, mở rộng chúng sau khi nhấp vào nút hoặc chuyển hướng chúng đến Khu vực cá nhân tới trang thích hợp.

    Thông thường, các trang dịch vụ bao gồm biểu mẫu yêu cầu gọi lại hoặc tư vấn, điều này không hoàn toàn chính xác. Khách hàng đã chọn một trang dịch vụ, thậm chí có thể là biểu giá và được hiển thị dưới dạng chung không có thông tin được chọn. Thật là mất phương hướng. Chúng tôi khuyên bạn nên chỉ định các trường sau:

    • “Loại dịch vụ” hoặc “Biểu phí” - tốt hơn là bạn nên tự động điền vào trường này hoặc đặt nó dưới dạng văn bản ở đầu biểu mẫu
    • "Tên"
    • “Điện thoại” - bắt buộc phải nhập trường này
    • “Email” - để sao chép thông tin đơn hàng cho khách hàng
    • “Nhận xét” - có lẽ khách hàng có giải thích rõ ràng

    Mỗi doanh nghiệp đều khác nhau và bạn có thể cần Tùy chọn bổ sung, nhưng chúng tôi khuyên bạn nên đặt không quá 5-7 trường để không khiến khách hàng xa lánh. Nếu sau tất cả số lượng lớn không thể tránh khỏi các trường, sau đó nhóm chúng theo chủ đề một cách trực quan để giảm thiểu sai sót khi nhập thông tin. Một ví dụ về mẫu đơn đặt hàng đơn giản trên trang web của công ty Stroya:

  • Mẫu đơn đặt hàng sản phẩm

    Tốt hơn là hiển thị biểu mẫu này cho người dùng trên trang giỏ hàng khi họ đã quyết định lựa chọn sản phẩm. Nếu bạn có tài khoản cá nhân trên trang web của mình, bạn sẽ phải lập hai biểu mẫu: dành cho người dùng được ủy quyền và trái phép.

    Dành cho khách hàng mới. Đừng ép họ phải đăng ký để quay lại đơn hàng. Điều này sẽ chỉ đẩy họ đi. Tất cả những gì bạn cần làm là thêm một vài trường có thông tin liên hệ. Hỏi tên, số điện thoại, email và địa chỉ giao hàng. Bằng cách này, người dùng sẽ không phải thực hiện các hành động không cần thiết và bạn sẽ có được một khách hàng mới. Bạn có thể làm điều đó qua email đăng ký tự động và gửi cho khách hàng mật khẩu qua email.

    Ví dụ về cách đặt các trường trong biểu mẫu cho người dùng mới trên Ozon:

    Đối với khách hàng cũ. Những người đặt hàng lại đã cung cấp đầy đủ thông tin liên hệ nên ngoài danh sách hàng hóa, trong mẫu chỉ nên có các lựa chọn giao hàng và thanh toán. Và nếu bạn sử dụng mã khuyến mại, hãy thêm trường để nhập chúng, nhưng không có gì hơn thế. Không cần phải yêu cầu lại thông tin liên hệ của khách hàng.

    Một mẫu đơn đặt hàng cho Wildberries, thậm chí còn hiển thị lựa chọn phương thức giao hàng và thanh toán trước đó (nhưng để lại tùy chọn thay đổi chúng):

    Nhiều người chia việc nhập địa chỉ giao hàng thành nhiều ô, yêu cầu riêng mã zip, tên thành phố, tên đường, số nhà… trông rất rườm rà. Ví dụ phản đối từ trang web Angorochka:

    Người dùng mắc lỗi ngay cả trong các biểu mẫu như vậy, vì vậy tốt hơn là nên để lại một trường nhập địa chỉ chung và kiểm tra tính chính xác của dữ liệu với khách hàng mới qua điện thoại.

    Các trường bắt buộc để nhập phải là thông tin liên hệ, địa chỉ giao hàng, lựa chọn phương thức giao hàng và thanh toán. Biểu mẫu có thể được hiển thị theo từng giai đoạn nhưng không được phép hiển thị tất cả các trường cùng một lúc. Điều chính là phân chia chúng một cách trực quan thành các nhóm ngữ nghĩa.

  • Mẫu đăng ký

    Chúng tôi khuyên bạn nên tách nó khỏi biểu mẫu ủy quyền vì nhiều khách hàng mới nhầm lẫn với nút “Đăng nhập”. Hai link cạnh nhau sẽ không chiếm nhiều dung lượng và giảm thời gian tìm kiếm. Ngoài ra, biểu mẫu phải luôn hiển thị, vì vậy tốt hơn là đặt nó trong tiêu đề của trang web. Tùy chọn phổ biến nhất nằm ở góc trên bên phải dưới dạng liên kết (ví dụ từ Aqua-Viva):

    Nói chung, biểu mẫu phải chứa các trường giống như biểu mẫu đặt hàng (và Phần bắt buộcđối với đầu vào giống nhau), vì vậy chúng tôi khuyên bạn không nên quá tải nó với các mục không cần thiết và tạo một trường chung cho địa chỉ. Hãy nhớ rằng việc đăng ký là hành động bổ sung cho khách hàng, vì vậy đừng trì hoãn anh ta với một danh sách dài. Bạn có thể yêu cầu ngày sinh để gửi lời chúc mừng và giảm giá, nhưng buộc khách hàng phải đặt biệt hiệu hoặc cho biết Điện thoại bổ sung hoặc địa chỉ là dư thừa.

    Đó là một cách thực hành tuyệt vời để cung cấp cho khách hàng đăng ký qua mạng xã hội. Bằng cách này, khách hàng sẽ không phải nhập mật khẩu và nói chung, đăng ký sẽ diễn ra nhanh hơn. Một ví dụ về việc sử dụng tính năng này trên trang web Asos:

    Cửa hàng trực tuyến này là của nước ngoài nên mạng xã hội phổ biến của các quốc gia đó sẽ được hiển thị. Đối với khán giả nói tiếng Nga, tốt hơn hết bạn nên xóa Twitter và thêm các nút cho VKontakte, Odnoklassniki.

    Tài khoản cá nhân phù hợp nhất cho các cửa hàng trực tuyến để lưu trữ thông tin liên hệ của khách hàng, lịch sử đặt hàng, thông tin về giảm giá và tiền thưởng. Cũng thích hợp cho các dịch vụ đăng ký, chẳng hạn như nếu bạn cung cấp quyền truy cập để xem phim ở chế độ gốc.

    Đồng thời, nếu bạn bán hàng công nghiệp, khi mỗi đơn hàng đều kèm theo cuộc gọi từ chuyên gia thì giỏ hàng hay mẫu đăng ký cũng chẳng ích gì. Các trang web cung cấp dịch vụ, chẳng hạn như thiết kế hoặc cải tạo căn hộ, cũng thường không cần tài khoản cá nhân.

  • Hình thức uỷ quyền

    Việc khôi phục mật khẩu thường được thực hiện qua email, gửi cho khách hàng một liên kết đến biểu mẫu để nhập mật khẩu mới. Việc tạo mật khẩu “tạm thời” tự động buộc người dùng phải tự tìm biểu mẫu thay đổi mật khẩu, điều này gây bất tiện và chỉ gây rắc rối không cần thiết cho khách hàng. Tốt hơn hết là đừng để điều này xảy ra.

  • Mẫu đăng ký nhận bản tin

    Chúng tôi đã nhiều lần viết về lợi ích của tiếp thị qua email và đưa ra lời khuyên về sự phát triển của nó, chẳng hạn như trong bài viết này và phần thứ hai của nó. thông tin chi tiết. Vì vậy, hình thức đăng ký là phải có nếu bạn muốn sử dụng kênh này thu hút khách hàng.

    Biểu mẫu phải được đặt trên Trang chủ để người dùng có thể thấy ngay rằng có cơ hội như vậy. Sẽ tốt hơn nếu có tất cả các thông tin cơ bản ở cuối trang (ví dụ từ Lavkalavka):

    Nếu trang web có blog và trong thư, ngoài hàng hóa và dịch vụ, bạn thông báo các bài viết mới thì bạn có thể thêm biểu mẫu vào trang chung chẳng hạn, ở bên phải bài viết, như Vkusnosti của Mado đã làm:

    Tất nhiên, biểu mẫu đăng ký cần có trường “Email” và bạn cũng có thể yêu cầu tên để làm cho email được cá nhân hóa hơn.

  • Bây giờ chúng ta đã quyết định những biểu mẫu nào cần được đặt và vị trí trên trang web, hãy tìm cách làm cho chúng thuận tiện hơn để điền vào.

  • Các biểu mẫu trong cửa sổ bật lên (phương thức). Chúng chỉ được hiển thị sau khi người dùng nhấp vào liên kết cần thiết hoặc nút. Không có cửa sổ bật lên khi mở Trang chủ hoặc khi khách hàng cố gắng rời khỏi trang web. Nhà tư vấn trực tuyến cũng không nên “bật lên”, đề nghị bắt đầu trò chuyện. Những điều như vậy gây khó chịu và đẩy lùi người dùng. Ví dụ phản đối từ Delicat-Servis (các anh chàng hiện đã khắc phục sự cố này và biểu mẫu chỉ mở sau khi nhấp vào):
  • Sử dụng hoạt hình. Hãy đánh dấu điều này như một mục riêng biệt vì đây là một vấn đề phổ biến. Biểu mẫu không được nhấp nháy, nhảy qua màn hình hoặc nổi vào giữa màn hình để thu hút sự chú ý. Hoạt ảnh như vậy khiến người dùng không thể nghiên cứu nội dung chính của trang và trở nên khó chịu khi xem trong thời gian dài. Làm cho các nút trên các biểu mẫu có độ tương phản và khách hàng chắc chắn sẽ không bỏ lỡ chúng.
  • Tên của biểu mẫu. Luôn ký vào các biểu mẫu để người dùng có thể thấy những gì họ đang điền. Trong tiêu đề ghi tên biểu giá, dịch vụ là đúng, nhưng nếu tiêu đề dài quá thì thêm vào thông tin nàyở dạng văn bản bên dưới, như Fullhousedesign đã làm:

  • Tên của các trường biểu mẫu. Tốt nhất là đặt tên trường phía trên nó và chỉ ra ví dụ về cách điền vào bên trong trường. Nếu bạn đặt tên bên trong trường, nó sẽ bị xóa khi điền vào, điều này không hoàn toàn thuận tiện. Đó cũng là một lựa chọn tồi khi tên ở bên trái và các trường ở bên phải; mắt phải tương quan giữa các cột với nhau ( ví dụ tồi mẫu trên trang web của Nhà sách Mátxcơva):

    Một tùy chọn thuận tiện để sắp xếp chữ ký và mẹo (trên trang web Xarakiri.ru):

  • Phần bắt buộc. Luôn đánh dấu * các trường bắt buộc. Ở trên, khi mô tả các biểu mẫu, chúng tôi đã chỉ ra những biểu mẫu nên chọn. Ngoại lệ là các biểu mẫu có một trường - và rõ ràng là nó là bắt buộc. Một ví dụ về đánh dấu các trường bắt buộc từ Izto:
  • Lỗi trong các hình thức. Người dùng thường mắc lỗi và không để ý, vì vậy chúng tôi khuyên bạn nên thêm phần kiểm tra đầu vào cho thông tin liên lạc và các trường bắt buộc. Tốt hơn là hiển thị thông báo lỗi dưới dạng văn bản bên cạnh trường tương ứng. Chúng không được biến mất hoặc chồng chéo các trường đầu vào. Bạn có thể đánh dấu trường bằng khung màu đỏ nhưng cũng phải có thông báo. Ví dụ về thông báo lỗi rõ ràng từ Aristo:
  • Xác nhận gửi dữ liệu. Sau khi khách hàng điền vào tất cả các trường và nhấp vào nút gửi, bạn cần hiển thị thông báo xác nhận nổi bật để họ không cố gắng điền lại biểu mẫu. Có thể được sử dụng cửa sổ phương thức hoặc nếu biểu mẫu đã có trong cửa sổ bật lên, hãy đặt văn bản thích hợp bên dưới nút gửi. Thông báo cũng phải cho biết chính xác thời điểm các chuyên gia sẽ liên hệ với khách hàng hoặc khách hàng nên làm gì tiếp theo. Một câu “Cảm ơn, dữ liệu đã được gửi” đơn giản là không đủ. Một ví dụ về xác nhận lô hàng chi tiết từ công ty Cable Systems:

  • Sử dụng hình ảnh xác thực. Chúng tôi khuyên bạn không nên sử dụng robot kiểm tra trong biểu mẫu vì nó buộc người dùng thực hiện những hành động không cần thiết và thậm chí có thể khiến họ rời khỏi trang web. Sử dụng các phương pháp bảo mật mà người dùng không thể nhìn thấy, ví dụ: theo dõi thời gian điền biểu mẫu trên máy chủ (nếu quá ngắn nghĩa là biểu mẫu đang được robot điền), thêm các trường ẩn (chỉ robot mới có thể điền vào) ), sử dụng dịch vụ chống thư rác để xác minh, v.v. Phương án cuối cùng là bạn có thể sử dụng xác thực đầu vào của Google:

  • Đang lưu dữ liệu. Có lẽ khách hàng vô tình đóng biểu mẫu, xảy ra lỗi hoặc khởi động lại và để không phải nhập lại dữ liệu, hãy lưu lại trước khi gửi. Lời khuyên này đặc biệt áp dụng cho các hình thức dài.
  • Nút reset. Không bao giờ đặt nó bên cạnh nút gửi để người dùng không vô tình nhấp vào nó. Đặt nó vào một phần khác của biểu mẫu hoặc loại bỏ nó hoàn toàn. Một ví dụ về vị trí nút kém trên trang web Avarit:

  • Luật về dữ liệu cá nhân. Để tránh bị phạt khi thu thập dữ liệu cá nhân từ khách hàng, cần chuẩn bị các văn bản quy định và viết về nó trên trang web.
  • Kết quả

    Mỗi hình thức phải được tiếp cận riêng lẻ nên không thể mô tả hết tất cả các trường hợp trong một bài viết. Nguyên tắc chính, cần được tuân theo - tối thiểu các trường. Tốt hơn là gọi cho khách hàng và làm rõ chi tiết bằng lời nói hơn là buộc họ phải điền vào những mẫu đơn dài dòng. Có lẽ khách hàng có thêm một số câu hỏi, khi đó chỉ cần một cuộc gọi, bạn sẽ giải quyết được hai vấn đề.

    Chúng tôi hy vọng rằng các đề xuất của chúng tôi sẽ giúp bạn tạo các biểu mẫu thuận tiện trên trang web của mình và thu thập thêm đơn đặt hàng. Đối với những người muốn phân tích cá nhân về khả năng sử dụng của biểu mẫu, chúng tôi khuyên bạn nên sử dụng dịch vụ này.

    Tái bút Nếu bạn cần thông tin về cách tạo biểu mẫu (khía cạnh kỹ thuật của vấn đề), bạn cần các đề xuất về mã, các hàm tạo thuận tiện, v.v., sau đó viết câu hỏi trong phần nhận xét và chúng tôi sẽ tạo một bài viết riêng về chủ đề này.

    Việc tạo biểu mẫu rất khó khăn và tốn thời gian. Đây rõ ràng không phải là hoạt động mà bạn muốn dành cả ngày làm việc để thực hiện. Về cơ bản, các biểu mẫu được sử dụng để thực hiện phản hồi trên trang web và tạo khách hàng tiềm năng trong Trang đích. Hơn hình dạng phức tạp thường được sử dụng để tạo bất kỳ bảng câu hỏi, khảo sát, v.v. Trong tình huống cần có nhiều trường, việc thiết lập tập lệnh máy chủ sẽ mất rất nhiều thời gian quý báu. Dịch vụ Saas đến giải cứu. Với sự trợ giúp của họ, bằng cách sử dụng hàm tạo có sẵn, bạn có thể tạo thời gian ngắn nhất có thể dưới bất kỳ hình thức phức tạp nào mà không có nỗ lực đặc biệt. Nếu bạn không tìm kiếm những cách dễ dàng, tôi khuyên bạn nên sử dụng tập lệnh để tạo biểu mẫu đã được xuất bản trước đó.
    Nhiều người muốn tạo ra những sản phẩm đáng tin cậy và mạng tiện lợi hình thành nhanh chóng và rõ ràng không phải bằng tay. Hóa ra việc tạo biểu mẫu bằng cách sử dụng một nhà thiết kế được phát triển đặc biệt cho nhiệm vụ này sẽ dễ dàng và nhanh chóng hơn nhiều. Họ có thể tạo các dự án hữu ích và được thiết kế tốt chỉ trong vài cú nhấp chuột. Đúng, một số nhà phát triển tính phí khi sử dụng tài nguyên của họ, nhưng điều đó thường đáng giá. Ngoài ra, nó không quá lớn đến mức sẽ ảnh hưởng đặc biệt đến ngân sách của bạn. Chúng tôi quyết định tiết kiệm thời gian của bạn một chút và tổng hợp danh sách 13 điều tốt nhất nhà xây dựng trực tuyến ov được ưu đãi với một số lượng lớn các chức năng.

    Google Biểu mẫu Chắc chắn rồi Google Biểu mẫu- đây là điều tốt nhất và dịch vụ phổ biến. Cái này nhà xây dựng miễn phí biểu mẫu tự động đặt kết quả vào bảng tính sau khi người dùng trả lời. Việc tạo các biểu mẫu cần thiết được thực hiện dễ dàng hơn nhờ sự hiện diện của các phím nóng và lưu các thay đổi trong thiết lập cá nhân. Tất cả điều này giúp gửi lời mời mà không gặp vấn đề gì đến đúng người, đưa ra câu trả lời như thường lệ e-mail hoặc trong trong mạng xã hội.

    WufooDịch vụ này cũng là một trong những nhà thiết kế biểu mẫu web trực tuyến tốt nhất, có thể giải quyết mọi vấn đề của bạn chỉ trong vài phút. Bạn là thư ký ở một công ty hay chuyên gia CNTT, Wufoo giúp bạn thu thập dữ liệu nhanh chóng mà không cần viết một dòng mã nào.

    FormstackFormstack là trình tạo biểu mẫu web trực tuyến tuyệt vời dành cho người dùng web, được trang bị tất cả các tính năng tối ưu hóa. Anh ấy có thể thực hiện tất cả các ý tưởng tiếp thị của bạn. Không cần phải nhập mã theo cách thủ công trong trình tạo biểu mẫu web này. Chương trình này cho phép bạn tích hợp biểu mẫu vào tài nguyên cá nhân của mình mà không cần người dùng có kiến ​​thức đặc biệt về phần mềm.

    iFormbuilderFormBuilde là dịch vụ độc đáo, dựa trên điện toán đám mây nó có khả năng thu thập dữ liệu cho khách hàng của mình từ khắp nơi trên thế giới thiêt bị di động. Ngoài ra, trình tạo biểu mẫu này có thể tạo các thành phần như biểu mẫu đăng ký, biểu mẫu thử nghiệm, biểu mẫu đặt hàng và đăng ký. Người dùng có thể nhập dữ liệu và thậm chí thay đổi nhiều thông số gần như khi đang di chuyển. Đó là công cụ hoàn hảo cho công việc của bạn.

    FormbakeryNó được trả tiền, nhưng rất dịch vụ hiệu quảđể tạo đơn giản và các hình thức nhanh. Điều bạn cần làm là kéo các thành phần cần thiết (khối văn bản, nút để chọn các tùy chọn mong muốn, hộp kiểm, v.v.) vào trường làm việc và nhập địa chỉ mà bạn muốn gửi biểu mẫu đã tạo. Mã được tạo mà bạn sử dụng trong dự án rất dễ đọc, như thể được viết không phải bởi robot mà bởi một người.

    FormDeskTài nguyên này cũng cho phép bạn tạo các biểu mẫu của riêng mình, chẳng hạn như bảng câu hỏi, biểu mẫu đăng ký và kết quả của các nghiên cứu khác nhau. Sau đó, bạn có thể đăng nó lên các trang Internet, sử dụng nó trên mạng xã hội hoặc trong email. Các biểu mẫu FormDesk được đặt tại máy chủ riêng và có thể dễ dàng truy cập bằng siêu liên kết hoặc khung.

    ReformedReformed là một trình tạo biểu mẫu mở và miễn phí, có thiết kế đẹp, cho phép bạn triển khai và tạo nhiều dự án hữu ích khác nhau cho trang web của mình rất nhanh chóng.

    TypeformMột trình tạo biểu mẫu trực tuyến miễn phí khác thân thiện với người dùng. Tất cả những gì cần thiết cho công việc là đăng ký đơn giản trong tài khoản của bạn, Typeform cũng không yêu cầu bất kỳ khoản tiền bổ sung nào.

    FormsSmarts Trình tạo biểu mẫu trực tuyến này cho phép bạn tạo các biểu mẫu tuyệt vời và xuất bản chúng. Những người tạo ra dịch vụ này cung cấp một số cách để chia sẻ biểu mẫu với người dùng world wide web và nhận phản hồi từ họ. Hầu hết khách hàng cài đặt chúng trên tài nguyên của riêng họ và nhận được biểu mẫu phản hồi qua email hoặc một loạt phản hồi đã được lập bảng trong biểu mẫu Báo cáo Excel.

    MatchFormMachForm là tài nguyên cấp chuyên nghiệp cho phép bạn tạo biểu mẫu với khả năng tương thích tối đa. Nó hoạt động không chỉ cho máy tính để bàn, nhưng cũng thích hợp để làm việc trên hầu hết các điện thoại di động/ thiết bị cảm ứng( , thiết bị Android). Tất cả các phiên bản mới của Trình tạo biểu mẫu giúp bạn dễ dàng tạo biểu mẫu bằng cách kéo và thả và hoàn toàn không cần mã hóa. Nó được tích hợp với các hệ thống thanh toán lớn (PayPal, Authorize.net, Stripe, Braintree). Chỉ trong vài cú nhấp chuột, người dùng sẽ tạo một biểu mẫu đẹp mắt và có thể gửi đơn đặt hàng trực tuyến hoặc chấp nhận thanh toán.


    Xin chào, một mẫu phản hồi sẽ có mặt trên mọi trang web. Hôm nay tôi sẽ đưa ra một ví dụ hình thức làm sẵnđể chèn vào bất kỳ trang web nào, bao gồm cả công cụ WordPress. Sẵn sàng ví dụ htmlmã php Bạn có thể sao chép nó vào trang web của bạn. Ngoài ví dụ làm sẵn, còn có nhiều plugin cũng rất phổ biến. Trên nhiều trang web, biểu mẫu như vậy đã được tích hợp sẵn trong chủ đề, nhưng đôi khi cần phải thêm biểu mẫu khác vào trang khác hoặc thay thế biểu mẫu cũ.

    Trước khi bắt đầu viết bài này, tôi đã lướt Internet để tìm câu trả lời cho câu hỏi này. Đã xem xét lại số lượng nhiều hơn trang web và blog, tôi tìm thấy rất ít câu trả lời chất lượng về việc chèn biểu mẫu phản hồi trên trang web. Hầu hết các tài liệu đều viết về cách làm việc với plugin. Trong một số bài viết không hoàn toàn rõ ràng phải làm gì và làm như thế nào, mã không hoạt động, thư không đến... v.v.

    Tất nhiên, có những câu trả lời xứng đáng, nhưng chúng rất ít. Tôi sẽ cho bạn một ví dụ đơn giản không đòi hỏi nhiều trí thông minh. Không cần có kiến ​​thức đặc biệt về PHP, hay nói đúng hơn là không cần thiết chút nào. Tôi sẽ viết chi tiết những gì và ở đâu cần thay đổi khi cần thiết. Hình thức hoạt động tốt không có bất kỳ trục trặc nào. Một ví dụ về biểu mẫu có trên trang web của tôi. TRONG ví dụ làm sẵn Tôi bổ sung thêm một số kiểu dáng cho đẹp, để hình thức trông không hề “kém sang” chút nào. Nếu muốn, bạn có thể thay đổi mọi thứ theo ý mình.

    Biểu mẫu phản hồi được tạo sẵn cho một trang web bằng html

    TRONG trong ví dụ này, mẫu phản hồi cho trang web bao gồm Mã HTML. Bạn có thể dán ví dụ về mã html này vào bất kỳ trang nào của trang web, bất kể bạn sử dụng ở đâu và sử dụng cái gì. Mã tương tự có thể được chèn vào trang công cụ wordpress, mọi thứ sẽ hoạt động chính xác và không có lỗi.

    Tên Email: Chủ đề Nội dung của bạn:

    < form action = "/wp-content/themes/xmarkup/form.php" method = "post" name = "form" >Tên< input class = "inp" style = "width: 30%;" name = "name" type = "text" / >

    E-mail:< input class = "inp" style = "width: 30%;" name = "email" type = "text" / >

    Chủ đề tin nhắn< input class = "inp" style = "width: 30%;" name = "temma" type = "text" / >

    Văn bản của bạn:

    < textarea class = "inp" style = "width: 80%;" cols = "1" name = "massage" rows = "5" > < / textarea >

    < input class = "inp" type = "submit" value = "Gửi" / >

    < / form >

    Ở phần đầu của mã, ở dòng đầu tiên, bạn phải chỉ ra đường dẫn đến tập tin php form.php (sẽ nói thêm về điều đó sau). Không cần phải thay đổi bất cứ điều gì khác. Nếu bạn không hài lòng với tên của biểu mẫu và các trường của nó, bạn luôn có thể thêm tên mới hoặc thay đổi tên cũ. Bạn cũng có thể thêm trực tiếp các kiểu của riêng mình vào bảng. Nếu tùy chọn này bất tiện cho bạn, hãy xác định các lớp mới và chỉ sau đó thêm kiểu thông qua tệp style.css của bạn

    Đối với những người không biết cách thực hiện việc này, hãy đi tới khu vực quản trị của trang web, vào trình chỉnh sửa và mở tệp style.css. Thêm mã này vào cuối biểu định kiểu. Do đó, mã biểu mẫu sẽ được chèn vào trang và phong cách css vào bảng style.css

    Inp( đệm: 10px; đường viền: 1px Solid #E5E5E5; chiều rộng: 200px; màu: #999999; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0 , 0, 0, 0,1) 0px 0px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px )

    Vào (

    phần đệm: 10px;

    đường viền : 1px liền khối #E5E5E5;

    chiều rộng: 200px;

    màu: #999999;

    hộp - bóng : rgba ( 0 , 0 , 0 , 0.1 ) 0px 0px 8px ;

    Moz - hộp - bóng: rgba ( 0 , 0 , 0 , 0.1 ) 0px 0px 8px ;

    Webkit-box-shadow: rgba ( 0 , 0 , 0 , 0.1 ) 0px 0px 8px ;

    Sau các bước này, bạn sẽ có một biểu mẫu phản hồi như thế này trên trang. Đừng quá lo lắng; hình thức của bạn phải đơn giản và thoải mái nhất có thể. Không có các trường bổ sung không cần thiết...tên, email, chủ đề và tin nhắn. Nếu muốn, thậm chí có thể xóa Chủ đề của tin nhắn.

    Mã mẫu Php

    Chúng tôi đã quyết định đánh dấu biểu mẫu, chúng tôi đã làm cho nó đẹp mắt, bây giờ chúng tôi cần tạo một tệp có phần mở rộng php và thêm đoạn mã sau vào đó. Thêm tập tin qua máy khách FTPđến trang web của bạn. Hầu hết người dùng sử dụng CMS, vui lòng chia sẻ tập tin này trong thư mục chủ đề của bạn. Ban đầu, bạn phải viết địa chỉ và tên của tệp này vào phần đánh dấu của biểu mẫu mà tôi đã trình bày ở trên. Tôi đã viết ra đường dẫn đầy đủ cho ví dụ để biết rõ những gì cần chèn và ở đâu.

    (