Cách tạo form HTML gửi email cho bạn – Kỷ nguyên công nghệ

Đôi khi ux cải thiện có thể tốn rất nhiều tiền.

Thông thường, một số vấn đề mà du khách có là những giải pháp đơn giản, dễ dàng.

Điều này đặt ra câu hỏi : Làm sao bạn có thể tìm ra liệu khách hàng có thích trải nghiệm trên trang web của họ hay không?.

Câu trả lời có thể đơn giản hơn bạn nghĩ.

Có các form trên trang web của bạn là một cách hiệu quả để nhận được phản hồi của khách hàng về kinh nghiệm của họ trong quá trình truy cập. Các hình thức này cung cấp cho bạn thông tin về cách cải thiện UX của trang web của bạn cho việc chuyển đổi cao hơn về lâu dài.

Trên thực tế,, 74% tiếp thị viên sử dụng các hình thức để tạo ra khách hàng tiềm năng, và của những người tiếp thị, hơn một nửa nói rằng đó là công cụ dẫn đến chuyển đổi thường xuyên nhất.

Nếu bạn muốn chuyển nhiều du khách thành khách hàng tiềm năng, thu thập thông tin cho đội ngũ bán hàng của bạn, hoặc tạo ra những người ủng hộ thương hiệu trung thành hơn, các hình thức là bắt buộc đối với chiến lược nội bộ.

Cuối cùng, các hình thức rất quan trọng để giải quyết sự không hài lòng trong kinh nghiệm của khách hàng, điều này đảm bảo các mối quan hệ khách hàng mạnh mẽ hơn. Nếu bạn không có form trên website, bạn có thể bỏ lỡ nhiều khách hàng tiềm năng hơn, chuyển đổi cao hơn và khách hàng lâu dài vui vẻ hơn.

Ở đây, chúng tôi sẽ hướng dẫn các bạn làm thế nào để tạo một hình thức nhất định để gửi một email đến các bạn, cũng như khách hàng, để đảm bảo form đã được nhận.

Cách tạo form bằng HTML và gửi đến email

Bạn có thể tạo một mẫu HTML gửi email, nhưng nó phụ thuộc vào cách bạn làm việc và vào nền tảng bạn đang làm việc. Điều này là để nói rằng mọi thứ có chút khác biệt nếu kế hoạch là sử dụng hỗn hợp HTML và các kịch bản khác nhau.

Sử dụng các nền tảng

Chỉ cần dùng HTML thôi, chúng tôi có thể bảo đảm cho anh, ngay từ đầu, đây là một mẫu mã để sử dụng :.

 

Mã này sẽ tạo một biểu mẫu yêu cầu tên liên lạc, tin nhắn và bao gồm nút gửi. Lưu ý rằng mã này là cơ bản, nó sẽ trông rất mơ hồ. Để tạo kiểu đẹp hơn, bạn cần thêm vài dòng mã cụ thể cho nhu cầu của mình.

Một điều khác cần lưu ý với mã này là nó không gửi trực tiếp đến địa chỉ email, nhưng nó có thể mở trong một ứng dụng email hoặc cửa sổ công cụ để gửi form.

Mặc dù bạn có thể sử dụng HTML cơ bản, nhưng đây không phải là lựa chọn lý tưởng.

Khó khăn của Email Forms trong HTML

Lý tưởng nhất, các trình duyệt sẽ cho phép bạn định tuyến form submissions trực tiếp đến địa chỉ email. Tuy nhiên,, lý do họ không gửi email trực tiếp từ một trang web HTML sẽ tiết lộ địa chỉ email của du khách, khiến người dùng dễ bị tổn thương bởi các hoạt động độc hại, như phishing.

Mặc dù mã HTML ở trên có thể kích hoạt ứng dụng thư mặc định trên máy tính của người dùng, trình duyệt web sẽ làm như vậy bằng cách gửi một yêu cầu đến nhà cung cấp dịch vụ email, không đến địa chỉ được chỉ định.

Có một vài vấn đề với tuỳ chọn mailto :. Ví dụ,, nó không hoàn toàn tương thích với tất cả các trình duyệt, nó không thân thiện với người dùng, và không thể kiểm soát việc định dạng dữ liệu khi form được gửi bởi trình duyệt.

Bên ngoài đó, một thông báo cảnh báo sẽ hiện ra khi người dùng gửi form, cho họ biết thông tin họ sắp gửi sẽ không được mã hoá cho riêng tư. Điều này có thể khiến người dùng không muốn gửi form nữa.

Vậy mã HTML nào cho phép bạn gửi form submissions trực tiếp đến địa chỉ email?.

Để làm cho form có thể hoạt động với máy chủ email của bạn và gửi nó đến hộp thư, hãy tìm kiếm tuỳ chọn đó ngay bây giờ.

Tạo một form hoàn chỉnh

Để tạo một form subscribers có thể liên lạc với bạn, kịch bản PHP sẽ là người bạn thân nhất của bạn. Tôi biết, một từ viết tắt khác. Cái này viết tắt của Hypertext Preprocessor, và ngôn ngữ này hợp tác với HTML để xử lý hình thức.

Trước khi bắt đầu thực hiện quy trình này, hãy chia nhỏ một vài hình thức cơ bản.

Một trang web có hai mặt : Phần trước, được người xem nhìn thấy trong trình duyệt và một kịch bản backend chạy trên máy chủ.

Trình duyệt web của du khách sử dụng mã HTML để hiển thị hình thức. Khi mẫu được gửi, trình duyệt gửi thông tin đến hậu trường bằng cách sử dụng liên kết được đề cập trong thuộc tính ” hành động ” của thẻ form, gửi dữ liệu form đến URL đó.

Ví dụ : <form action= https://your websites.com/myform-processor.php>.

Sau đó, máy chủ truyền dữ liệu đến kịch bản được chỉ định trong URL hành động – bộ xử lý form của tôi. Php trong trường hợp này. Sử dụng dữ liệu này, kịch bản backend có thể tạo một cơ sở dữ liệu của các form submissions, hướng người dùng đến một trang khác ( e. G. Thanh toán ) và gửi một email.

Có nhiều ngôn ngữ viết kịch bản khác mà bạn có thể sử dụng trong chương trình hậu trường, như Ruby, Perl hoặc ASP cho Windows. Tuy nhiên, PHP là phổ biến nhất và được sử dụng bởi hầu hết các nhà cung cấp dịch vụ lưu trữ web.

Nếu bạn cần làm một mẫu đơn hoàn chỉnh, hãy làm theo các bước dưới đây.

Cách tạo form HTML gửi email

  1. Sử dụng PHP để tạo một trang
  2. Tạo mẫu bằng mã
  3. Tạo mẫu gửi email

1. Sử dụng PHP để tạo một trang

Khi bạn tạo một trang web, thay vì sử dụng “. Html ” mở rộng, nhập “. Php ” thay vào đó. Điều này tương tự như những gì xảy ra khi bạn lưu một ảnh dưới dạng “jpg ” so với “png “.

Bằng cách này, máy chủ sẽ biết để lưu trữ phần mềm mà bạn viết. Thay vì để lại trang HTML trống, bạn hãy để lại như sau : “subscriberform “. Php “. Sau khi trang được tạo và lưu lại, bạn sẽ có thể tạo form.

2. Tạo mẫu bằng mã

Trong bước này, bạn sẽ viết mã để tạo form.

Nếu bạn không chắc làm thế nào để tạo các hình thức trong HTML, hãy kiểm tra tài liệu của HTML Dog để tìm hiểu về các kiến thức cơ bản.

Mã sau là những gì cần thiết cho một hình thức cơ bản :.

 

Bởi vì điều này tương tự như phần ghi chỉ dành cho HTML, các dòng này cũng sẽ tạo một tên cho form và một khu vực cho người đăng ký để nhập một tin nhắn tuỳ chỉnh và gửi nó cho bạn.

Một khác biệt quan trọng là ” hành động= liên lạc “. Phần php “. Phần mã này là thứ sẽ khiến trang gửi form khi gửi. Hãy nhớ lại rằng trong ví dụ thứ nhất, đó không phải là một lựa chọn.

3. Tạo mẫu gửi email

Sau khi tạo form và thêm tất cả các sửa chữa thích hợp tuỳ thuộc vào tuỳ chọn thiết kế của bạn, đến lúc tạo phần email.

Để thực hiện điều này, bạn sẽ cuộn đến đầu trang ( ngay từ đầu, ngay cả trước khi xác định định định dạng tài liệu HTML ). Để kích hoạt việc gửi dữ liệu trong email, chúng ta phải thêm mã để xử lý dữ liệu. Sao chép mã này hoặc tạo điều tương tự :.

 

Nhớ rằng mọi thứ bên trong dòng thứ nhất và cuối cùng sẽ yêu cầu trang web thực hiện các chức năng này dưới dạng PHP. Mã này cũng kiểm tra xem một người đăng ký có sử dụng form. Từ đó, nó kiểm tra xem form có được gửi hay không.

Tiếp tục phá vỡ nó, ” email ” gửi mẫu đã hoàn thành dưới dạng email đến ” your@ email “. Địa chỉ, ” và dòng tiêu đề là những gì tiếp theo. Trong dòng tiếp theo, bạn có thể viết bản sao của email bên trong các trích dẫn để gửi từ bất kỳ địa chỉ email nào bạn chọn.

Tóm lại quá trình tạo form email HTML :.

Một khi form được gửi đến, trang sẽ gửi dữ liệu đến chính nó. Nếu dữ liệu đã được gửi thành công, trang sẽ gửi nó dưới dạng email. Sau đó trình duyệt sẽ tải HTML của trang – – dạng bao gồm.

Như vậy, bạn có mật mã cơ bản cần thiết để tạo form.

Lưu ý rằng đây chỉ là một cách thay thế, bạn cũng có thể tạo một form bằng cách sử dụng CRM như HubSpot.

Nếu bạn là khách hàng HubSpot, hãy tiếp tục đọc để học cách sử dụng công cụ của HubSpot để tạo một form HTML gửi cho bạn một email.

Sử dụng HubSpot

Forms HubSpot là một phần của Marketing Hub, và không yêu cầu bất kỳ kiến thức kỹ thuật trước đó.

Nếu bạn muốn học cách nhận email sau khi nộp mẫu, hãy xem bài viết của chúng tôi về nền tảng kiến thức.

Khi bạn sử dụng forms HubSpot, bạn có thể xây dựng các forms tuỳ chỉnh để kết nối với danh sách liên lạc của bạn. Bạn cũng có thể tuỳ biến các form đó và kích hoạt email tự động dựa trên việc hoàn thành các form của bạn. Lưu ý rằng sau này yêu cầu nâng cấp cao cấp. Nhấp vào đây để biết thêm thông tin về các form của HubSpot.

Hình thức HTML là một quá trình khá đơn giản và là một cách tuyệt vời để kết nối với người đăng ký. Có những thứ này trên trang web của bạn sẽ giúp khách hàng dễ dàng liên hệ với công ty của bạn hoặc đăng ký email.

Forms gửi lại một email cho bạn giữ thông tin trong hộp thư đến để tham khảo và dễ dàng. Nhớ rằng đây không phải là lựa chọn duy nhất của bạn trong việc xây dựng các hình thức. Nếu bạn muốn có một danh sách các công cụ giúp xây dựng các hình thức, hãy đọc bài viết của chúng tôi ở đây.

Lưu ý của biên tập viên : Bài viết này ban đầu được xuất bản vào tháng 12 năm 2019 và đã được cập nhật về độ toàn diện.