Hướng dẫn thank you page after form submission html - cảm ơn trang sau khi gửi biểu mẫu html

• Hướng dẫn sử dụng jotform
• Các tính năng tiên tiến
• Tạo một trang cảm ơn tùy chỉnh với tự động phục hồi

Cập nhật cuối cùng: ngày 21 tháng 4 năm 2022

Nếu bạn muốn biểu mẫu của mình chuyển hướng đến một trang web khác hoặc quay lại biểu mẫu sau khi gửi với bộ đếm thời gian đếm ngược, thì tại đây, cách thức:

1. Mở trình soạn thảo văn bản yêu thích của bạn như Notepad.
2. Dán mã sau và sửa đổi các giá trị (văn bản màu đỏ) vào tùy chọn của bạn:

<div style="text-align:center;"> <h2>Thank you!</h2> <p>Your submission has been received.</p> <p>This page will redirect in <span id="timer"></span>s.</p> </div> <script type="text/javascript"> var count = 5; var redirect = "//www.jotform.com"; function countDown() { if(count >= 0){ document.getElementById("timer").innerHTML = count--; setTimeout("countDown()", 1000); }else{ window.location.href = redirect; } } countDown(); </script>

1. Lưu nó dưới dạng tệp HTML, ví dụ: ThankYou.html và tải nó lên máy chủ của bạn.thankyou.html, and upload it to your server.
2. Nhận liên kết của tệp HTML và đặt nó làm trang cảm ơn biểu mẫu của bạn.

Bản demo: //www.jotform.com/220991451611048

Kiểm tra hướng dẫn về chuyển hướng người dùng đến một trang khác để tìm hiểu thêm.

Chúng tôi rất tiếc khi nghe điều đó. Bạn đã gặp vấn đề gì với hướng dẫn?

Làm thế nào chúng ta có thể cải thiện hướng dẫn này?

Tôi đang sử dụng một dịch vụ có tên là Email.js

//www.emailjs.com/

Đây là kịch bản:

```emailjs .send( "service_qenubp3", "template_htul1w9", templateParams, "FKN-7Z513oHHBUzlm" ) .then( function (response) { console.log( "SUCCESS!", response.status, response.text ); setEmailSent(true); }, function (error) { console.log("FAILED...", error); } ); }; };

Tôi có một biểu mẫu hoạt động bằng cách sử dụng tập lệnh của họ tuy nhiên không có tùy chọn chuyển hướng trang thành công.

Tôi chỉ muốn chuyển hướng bằng cách sử dụng tập lệnh này:

window.open("//rococo-kelpie-4411df.netlify.app/thankyou.html "); }

Tôi đang gặp khó khăn trong việc thực hiện nó.

Dưới đây là URL nơi biểu mẫu đang hoạt động (nhấp vào bắt đầu ở đây) trừ trang cảm ơn.

//rococo-kelpie-4411df.netlify.app/xindex

Khi khách truy cập gửi biểu mẫu trên trang web Squarespace, bạn có thể thêm thông báo đăng bài để được hiển thị trên cùng một trang. Thường thì đây là ‘bị mất trên trang và khách truy cập không bao giờ nhìn thấy nó.

Một giải pháp tiềm năng là thêm định dạng HTML trong hộp HTML sau nộp, thay vì văn bản đơn giản. Ví dụ: để tăng kích thước phông chữ, bạn có thể sử dụng:Post-Submit HTML box, instead of simple text. For example, to increase the font size, you could use:

Một giải pháp tốt hơn là tạo một trang ‘Cảm ơn bạn và gửi khách truy cập vào trang này sau khi họ đã gửi biểu mẫu. Bạn có thể định dạng trang cảm ơn theo cách bạn muốn, với các tiêu đề, hình ảnh, v.v.

Bạn có thể thêm & nbsp; mã html & nbsp; để gửi khách truy cập đến một trang khác trong cùng & nbsp; Submit & nbsp; html & nbsp; box. Bạn sẽ tìm thấy thêm thông tin về nó trong các tùy chọn khối hình thức nâng cao hỗ trợ Squarespace.Post-Submit HTML box. You’ll find more information about it in the Squarespace support article Advanced Form Block options.

Đây là một ví dụ. Tạo một trang ‘Cảm ơn bạn với URL FormSubmited. Bạn có thể sử dụng bất kỳ URL nào, nhưng trong ví dụ của tôi, tôi đã sử dụng FormSubmited. Thêm các khối văn bản, khối hình ảnh vào trang để đáp ứng nhu cầu của tôi.formsubmitted. You can use any URL, but in my example, I’ve used formsubmitted. Add Text Blocks, Image Blocks to the page to meet my needs.

Sau đó, quay lại trang với biểu mẫu, chỉnh sửa biểu mẫu và thêm các hình sau trong hộp gửi HTML:

Lưu các thay đổi và sau đó kiểm tra tập lệnh. Sau khi bạn gửi biểu mẫu, bạn nên được chuyển hướng đến trang mới.

Làm cách nào để tạo một trang cảm ơn trong HTML?

Làm thế nào để bạn hiển thị tin nhắn thành công sau khi gửi biểu mẫu HTML?

Làm thế nào để bạn chuyển hướng trình duyệt sau khi gửi biểu mẫu để hiển thị trang cảm ơn?

Làm thế nào để bạn thiết lập một trang cảm ơn?