Để gửi email bằng biểu mẫu HTML, bạn cần thêm id email vào thuộc tính hành động của biểu mẫu. Trong đó, thêm email tiến hành với mailto. tôi. e. gửi thư. emailid@ví dụ. com Show
 Thí dụBạn có thể thử chạy đoạn mã sau để gửi email bằng các biểu mẫu HTML - Bản thử trực tiếp
HTML được phân tích cú pháp ở phía máy khách, trong khi e-mail cần được gửi từ máy chủ. Bạn không thể làm điều đó trong HTML thuần túy. Tôi khuyên bạn nên viết một tập lệnh PHP sẽ xử lý việc gửi email cho bạn Về cơ bản, thay vì MAILTO, hành động của biểu mẫu của bạn sẽ cần trỏ đến tập lệnh PHP đó. Trong tập lệnh, truy xuất các giá trị được truyền qua biểu mẫu (trong PHP, chúng có sẵn thông qua siêu toàn cầu Tất nhiên, điều này cũng có thể được thực hiện bằng các ngôn ngữ phía máy chủ khác. Tôi đang đưa ra giải pháp PHP vì PHP là ngôn ngữ tôi làm việc cùng Một mã ví dụ đơn giản hình thức. html e-mail. php Tất nhiên, tập lệnh phải chứa một số biện pháp an toàn, chẳng hạn như kiểm tra xem các giá trị $ _POST có sẵn hay không, cũng như các tiêu đề email bổ sung (ví dụ: email của người gửi), có lẽ là một cách để xử lý mã hóa ký tự - nhưng điều đó quá Bạn có biết liệu khách hàng của mình có trải nghiệm người dùng tốt nhất khi họ truy cập trang web của bạn không? . Vậy đâu là cách nhẹ nhàng để kết nối với khách hàng mà không ảnh hưởng đến chất lượng?. Chà, một cuộc khảo sát của Hubspot vào năm 2019 cho thấy 74% nhà tiếp thị đang sử dụng thành công các biểu mẫu web để tạo khách hàng tiềm năng của họ Thêm vào đó, nó không chỉ là về khách hàng tiềm năng. Chủ sở hữu doanh nghiệp có thể có được cái nhìn sâu sắc có giá trị về trải nghiệm người dùng tổng thể. Bạn nhận được thông tin bụi vàng từ một khách hàng. Nó có thể giúp bạn điều chỉnh sản phẩm, dịch vụ hoặc trang web của mình. Đối thủ cạnh tranh của bạn sẽ tự hỏi làm thế nào bạn đã làm điều đó. Sử dụng các biểu mẫu trên trang web của bạn có thể thay đổi cuộc chơi cho bạn Thách thức của việc tạo một biểu mẫu HTMLBạn có thể tạo biểu mẫu HTML gửi email cho bạn. Tuy nhiên, thành công của bạn phụ thuộc vào cách bạn tạo ra nó và nền tảng bạn sử dụng. Ngoài ra, khi bạn bắt đầu trộn HTML và các ngôn ngữ kịch bản khác nhau, nó có thể trở nên phức tạp. Vì vậy, việc tìm kiếm một cách dễ dàng để tạo biểu mẫu HTML nên nằm ở đầu danh sách việc cần làm của bạn Hướng dẫn cách - Xây dựng biểu mẫu HTML gửi email cho bạnCó khá nhiều tùy chọn về cách bạn có thể tạo biểu mẫu HTML. Hướng dẫn sau đây sẽ giải thích cách thức hoạt động của từng tùy chọn, cũng như lý do tại sao tùy chọn thứ ba là giải pháp tốt nhất Tùy chọn 1 - Bạn có thể sử dụng mã HTML cơ bảnTùy chọn cơ bản nhất là sử dụng một số mã đơn giản. Bạn có thể tạo biểu mẫu HTML tự động "kích hoạt" email. Đây là một mẫu mã bạn sẽ sử dụng
Mã này sẽ tạo một biểu mẫu đơn giản mà bạn có thể sử dụng để thu thập thông tin liên quan. Trong ví dụ này, bạn sẽ nhận được chủ đề và tin nhắn của liên hệ. Ngoài ra, như bạn có thể thấy ở cuối mã, nó sẽ tạo một nút gửi. Mặc dù đây là một cách miễn phí và dễ dàng để tạo biểu mẫu, nhưng nó có nhược điểm
Tùy chọn 2 - Bắt tay với phần phụ trợ biểu mẫu của bạnLựa chọn thứ hai không dành cho những người yếu tim. Nó chắc chắn là dành cho những người có kinh nghiệm kỹ thuật. Vì vậy, bạn cần tự hỏi bản thân xem bạn có sẵn sàng dành thời gian và công sức. Bạn có thể làm điều đó bằng cách làm cho biểu mẫu của bạn hoạt động với máy chủ email của bạn và gửi nó đến hộp thư khung phụ trợ. Một trong những cách dễ nhất là để PHP làm điều đó Vì vậy, làm thế nào nó hoạt động? . Nó thực hiện điều này bằng cách sử dụng liên kết trong thuộc tính "hành động" của thẻ biểu mẫu. Sau đó, nó sẽ gửi dữ liệu biểu mẫu đến URL đã chỉ định. Đây là một ví dụ về cách bạn có thể sử dụng PHP để làm điều đó Viết mã để tạo biểu mẫuDưới đây là một ví dụ về mã bạn có thể sử dụng dưới đây. Sử dụng mã này sẽ tạo tên cho biểu mẫu, khu vực để người đăng ký viết tin nhắn của họ và gửi cho bạn. "hành động = liên hệ. php" của mã là phần làm cho trang gửi biểu mẫu khi được gửi
Sử dụng PHP để tạo liên hệ. phpTrước tiên, bạn cần đảm bảo rằng nhà cung cấp dịch vụ lưu trữ của bạn hỗ trợ PHP. Sau đó, tạo một tệp mới và nhập phần mở rộng của nó là ". php. " Tên tệp đầy đủ sẽ giống như "liên hệ. php. " Sau khi bạn đã tạo và lưu nó, hãy chuyển sang bước tiếp theo Thực hiện gửi email thực tếBước tiếp theo là rất quan trọng nếu bạn muốn tạo biểu mẫu gửi email. Bạn sẽ cần thêm một số mã khác sẽ xử lý dữ liệu. Bạn có thể sử dụng mã dưới đây. Lưu ý rằng dòng đầu tiên yêu cầu máy chủ đánh giá mã là PHP. Ví dụ này tự động kiểm tra xem người đăng ký đã sử dụng biểu mẫu chưa và trình duyệt đã gửi biểu mẫu chưa Sau khi gửi biểu mẫu, trang sẽ gửi email. Tất nhiên, bạn nên đảm bảo rằng
Dù bằng cách nào, bây giờ bạn sẽ cảm thấy khá thành công. Nhưng, nếu bạn bị lạc, hãy chuyển sang Tùy chọn 3 để có giải pháp tốt nhất Tùy chọn 3 - Sử dụng Nền tảng phụ trợ biểu mẫu linh hoạt như HeroTofuCách dễ nhất để tạo biểu mẫu HTML sẽ gửi email cho bạn là sử dụng nền tảng phụ trợ biểu mẫu như HeroTofu. Nền tảng phụ trợ biểu mẫu rất linh hoạt vì chúng không phụ thuộc vào ngôn ngữ hoặc khung. Họ cũng có thể làm việc với các trang web tĩnh, chẳng hạn như 11ty, Gatsby, Hugo và Jekyll. Các khuôn khổ phía máy khách cũng không phải là vấn đề; Bạn có thể làm theo các bước sau để tạo biểu mẫu HTML gửi email cho bạn. Bạn không cần phải là một bậc thầy công nghệ để làm điều đó. Ngoài ra, bất kỳ biểu mẫu nào bạn tạo trên HeroTofu đều có thể gửi email tới nhiều người qua Slack, Google Sheets, Salesforce hoặc bất kỳ đâu trong CRM tùy chỉnh của bạn. Nó cung cấp một gói miễn phí vĩnh viễn nếu bạn mới bắt đầu và các bản nâng cấp giá cả phải chăng nếu bạn cần chức năng nâng cao. Về cơ bản, nó thân thiện với bất kỳ ai Bước 1 - đăng ký tài khoản miễn phíĐầu tiên, hãy đến herotofu. com và tạo một tài khoản. Ban đầu, bạn sẽ có 14 ngày dùng thử miễn phí và sau đó, bạn có thể rời khỏi gói này với gói miễn phí mãi mãi. Tuy nhiên, với mục đích duy nhất của biểu mẫu liên hệ, nó thường là quá đủ Đăng ký HeroTofu rất đơn giản. Điền vào các trường chính và sau đó xác nhận địa chỉ email của bạn Bước 2 - tạo biểu mẫu mớiKhi bạn đã xác nhận địa chỉ email của mình, bây giờ bạn sẽ ở trong bảng điều khiển chính. Trên menu bên trái, chọn tab Biểu mẫu. Xem ảnh chụp màn hình bên dưới Khi bạn đã chọn tab Biểu mẫu, bạn sẽ cần tạo biểu mẫu đầu tiên của mình để thu thập dữ liệu. Nếu bạn nhìn vào góc trên cùng bên phải, bạn sẽ thấy một nút màu xanh lá cây có nội dung "Mẫu mới. " Nhấn nút này để tiếp tục. Xem ảnh chụp màn hình bên dưới Sau khi bạn đã chọn "Biểu mẫu mới", bạn sẽ được nhắc nhập Tên biểu mẫu và Tên nhóm. Ví dụ: tên biểu mẫu phù hợp sẽ là "Mẫu liên hệ. " Trong phần thứ 2 của trang này, bạn có thể chọn cách bạn muốn dữ liệu được chuyển tiếp. Bạn có thể nhập địa chỉ email ưa thích của mình tại đây và thông tin chi tiết về Slack và Zapier của bạn nếu bạn cũng muốn tích hợp chúng. Nó nhanh như vậy để thiết lập mọi thứ. Xem bên dưới Sau khi bạn đã tạo biểu mẫu của mình, HeroTofu sẽ tự động tạo một điểm cuối biểu mẫu duy nhất Bước 3 - tích hợp biểu mẫu mới của bạnBây giờ bạn có thể thấy một mã biểu mẫu HTML đơn giản. Sử dụng nó để tích hợp vào trang web của bạn Hãy thử điền vào biểu mẫu để gửi lần gửi đầu tiên của bạn. Sau khi bạn nhấn gửi, dữ liệu của bạn sẽ tự động chuyển đến HeroTofu. Đây là một ví dụ dưới đây về những gì nó trông giống như Tùy chọn 3 cho đến nay là cách đáng tin cậy nhất để tạo biểu mẫu HTML gửi email cho bạn. Nó cao cấp hơn tùy chọn một và không cần kiến thức kỹ thuật như tùy chọn 2. Bạn cũng có thêm các lợi thế khi thiết lập thông báo email tùy chỉnh, ngăn chặn bot và chuyển tiếp khách hàng tiềm năng đến CMS của riêng bạn. Bạn có thêm sức mạnh với cú đấm của bạn Tóm tắtKhi bạn tạo biểu mẫu liên hệ, bạn tăng cường kết nối với khách hàng của mình. Do đó, bạn sẽ không phải đoán những gì có vẻ tốt trên trang web của mình. Thay vào đó, bạn có thể tìm hiểu chính xác những gì họ thích và không thích để bạn có thể phù hợp với sở thích của họ. Nó cũng mang lại cho bạn lợi ích bổ sung của việc lưu trữ thông tin trong hộp thư đến của bạn. Vì vậy bạn có thể tham khảo thông tin bất cứ khi nào bạn muốn Bạn có thể tinh chỉnh trang web của mình để khách hàng của bạn có trải nghiệm người dùng tốt nhất. Trên hết, bạn cũng có một cách dễ dàng để khách hàng liên hệ với bạn và tạo ra nhiều khách hàng tiềm năng chất lượng hơn HeroTofu là tùy chọn hiệu quả nhất giúp bạn thiết lập biểu mẫu HTML của mình. Truy cập vào bản dùng thử miễn phí 14 ngày của bạn (không yêu cầu chi tiết thẻ tín dụng) hoặc sử dụng gói miễn phí mãi mãi. Sau đó, bạn có thể bắt đầu thưởng thức việc tạo biểu mẫu liền mạch mà không gặp căng thẳng Làm cách nào để thu thập dữ liệu từ biểu mẫu HTML?Thuộc tính phương thức chỉ định cách gửi dữ liệu biểu mẫu (dữ liệu biểu mẫu được gửi đến trang được chỉ định trong thuộc tính hành động). Dữ liệu biểu mẫu có thể được gửi dưới dạng biến URL (với method="get" ) hoặc dưới dạng giao dịch bài đăng HTTP (với method="post" ) . Ghi chú về NHẬN. Nối dữ liệu biểu mẫu vào URL theo cặp tên/giá trị.
Bạn có thể tải xuống HTML của email không?Để sao lưu và các mục đích khác, Marketo cho phép bạn tải xuống nội dung HTML của email . Tìm email và chọn nó. Trong trình đơn thả xuống Tác vụ email, hãy nhấp vào Tải xuống HTML.
Làm cách nào để gửi dữ liệu biểu mẫu HTML tới email bằng HTML?Để gửi email bằng biểu mẫu HTML, bạn cần thêm id email vào thuộc tính hành động của biểu mẫu . Trong đó, thêm email tiến hành với mailto. tôi. e. gửi thư. emailid@ví dụ. com.
Dữ liệu biểu mẫu HTML được lưu trữ ở đâu?Đối tượng Lưu trữ Web HTML
. cửa sổ. localStorage - lưu trữ dữ liệu không có ngày hết hạn. cửa sổ. sessionStorage - lưu trữ dữ liệu cho một phiên (dữ liệu bị mất khi đóng tab trình duyệt)on the client: window.localStorage - stores data with no expiration date. window.sessionStorage - stores data for one session (data is lost when the browser tab is closed) |
