Làm cách nào để chuyển hướng sau khi gửi biểu mẫu trong JavaScript?

Một câu hỏi mà chúng tôi thường gặp là làm cách nào để chuyển hướng người dùng đến một bài đăng, trang hoặc trang web mới sau khi họ đã gửi biểu mẫu thành công. Bằng cách sử dụng tính năng xác nhận Gravity Forms, đây là một quy trình rất đơn giản

Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách chuyển hướng người dùng đến một trang khác sau khi gửi biểu mẫu thành công và thảo luận về lý do bạn có thể muốn bật tính năng này. Chúng tôi cũng sẽ chia sẻ cách sử dụng logic có điều kiện với các xác nhận để cho phép bạn hiển thị các trang chuyển hướng khác nhau cho những người dùng khác nhau, tùy thuộc vào các tùy chọn họ đã chọn trong biểu mẫu

Bắt đầu nào…

Tại sao sử dụng chuyển hướng?

Theo mặc định, khi một biểu mẫu được gửi, Gravity Forms sẽ hiển thị thông báo xác nhận đơn giản…

'Cảm ơn vì đã liên hệ với chúng tôi. Chúng tôi sẽ liên lạc với bạn trong thời gian ngắn. ’

Thông báo xác nhận này có thể dễ dàng tùy chỉnh trong Cài đặt > Xác nhận. Tại đây, văn bản có thể được viết lại cho phù hợp với nhu cầu cụ thể của bạn và giúp trấn an từng người dùng rằng nội dung gửi của họ đã được nhận

Tuy nhiên, thông báo xác nhận 'cảm ơn' ngắn không cung cấp cho người dùng ý tưởng rõ ràng về việc phải làm hoặc nơi tiếp theo trên trang web của bạn, điều này có thể dẫn đến việc mọi người thoát khỏi trang web của bạn ngay sau khi gửi biểu mẫu

Bằng cách đưa người dùng đến một trang mới sau khi gửi biểu mẫu, bạn có thể tiếp tục kết nối với đối tượng mục tiêu của mình, khuyến khích họ tương tác nhiều hơn với nội dung của bạn và cung cấp cho họ trải nghiệm người dùng ấn tượng sẽ giữ họ trên trang web của bạn cũng như cải thiện

Ví dụ về trang chuyển hướng

Các trang chuyển hướng khác nhau về nội dung tùy thuộc vào mục tiêu của trang cụ thể. Các ví dụ về trang chuyển hướng phổ biến bao gồm…

Trang cảm ơn

Tạo trang cảm ơn mà người dùng truy cập sau khi họ hoàn thành biểu mẫu cho phép bạn cảm ơn đối tượng mục tiêu vì hành động của họ – giúp nuôi dưỡng lòng trung thành của khách hàng

Trang cảm ơn cũng có thể cung cấp thêm thông tin sẽ khuyến khích mọi người hoàn thành các hành động tiếp theo trên trang web của bạn và cuối cùng là chuyển đổi so với các mục tiêu khác của trang web. Điều này có thể bao gồm…

  • Chia sẻ nội dung blog hoạt động tốt nhất của bạn
  • Yêu cầu mọi người theo dõi bạn trên mạng xã hội
  • Bán thêm một sản phẩm hoặc dịch vụ

Kiểm tra bài viết này trên blog của chúng tôi – Sau khi gửi. Điều gì xảy ra sau khi điền đơn?

Tiết lộ nội dung ẩn

Trang chuyển hướng có thể được sử dụng để hiển thị nội dung ẩn trước đó đã bị chặn đối với người dùng cho đến khi họ gửi biểu mẫu. Loại trang này có thể chứa một nam châm dẫn, chẳng hạn như hội thảo trên web, video, hướng dẫn chuyên sâu hoặc một số tài nguyên khác có giá trị đối với khán giả của bạn

Ẩn nội dung đằng sau biểu mẫu có thể là một chiến lược tạo khách hàng tiềm năng hiệu quả – hãy đọc nghiên cứu điển hình này để tìm hiểu thêm, Nghiên cứu điển hình. Tạo khách hàng tiềm năng với nội dung được kiểm soát bằng Gravity Forms và Gravity Wiz

Một trang web mới

Sẽ có một số trường hợp khi chuyển hướng người dùng đến một trang web bên ngoài sẽ phù hợp hơn. Ví dụ: bạn có thể muốn đưa người dùng đến một trang web chị em, tên miền phụ hoặc ứng dụng của bên thứ ba

Với Gravity Forms, việc chuyển hướng người dùng đến trang cảm ơn hoặc URL khác sau khi họ gửi biểu mẫu được thiết lập nhanh chóng và dễ dàng. Vì vậy, bây giờ chúng ta hãy tìm hiểu làm thế nào để làm điều đó…

Cách tạo một xác nhận chuyển hướng bên trong biểu mẫu

Trước tiên, bạn cần cài đặt Gravity Forms, cũng như tạo một biểu mẫu. Bạn cũng cần phải tạo trang chuyển hướng hoặc biết URL mà bạn muốn chuyển hướng người dùng đến

Mở biểu mẫu của bạn rồi chọn Cài đặt > Xác nhận > Xác nhận mặc định

Trong Loại xác nhận, sau đó bạn có thể chọn chuyển hướng người dùng đến một trang trên trang web của mình hoặc một URL cụ thể

Tại đây, bạn cũng có tùy chọn thêm chuỗi truy vấn, cho phép bạn chuyển và hiển thị dữ liệu biểu mẫu cụ thể trên trang hoặc URL chuyển hướng có liên quan

Khi bạn đã chọn các tùy chọn phù hợp với mình, hãy nhấp vào Lưu Cài đặt. Bây giờ hãy tiếp tục và kiểm tra biểu mẫu của bạn để đảm bảo rằng nó đang chuyển hướng mọi người đến đúng trang sau khi gửi. Nó là dễ dàng

Để biết thêm thông tin về xác nhận, hãy xem Gravity Forms Docs

Chuyển hướng có điều kiện dựa trên các trường biểu mẫu

Xác nhận cũng hỗ trợ logic có điều kiện để chuyển hướng người dùng đến các trang hoặc URL khác nhau, tùy thuộc vào thông tin họ chọn và gửi trong biểu mẫu

Ví dụ, bên dưới là biểu mẫu yêu cầu báo giá để người dùng có thể chọn dịch vụ làm vườn mà họ quan tâm

Nếu ai đó chọn Làm vườn cảnh quan, sử dụng logic có điều kiện, bạn có thể xác định rằng trang tiếp theo họ nhìn thấy sau khi gửi biểu mẫu sẽ là trang Dịch vụ làm vườn cảnh quan, cung cấp cho họ thêm thông tin cụ thể về dịch vụ này. Điều này giúp bạn cung cấp cho người dùng của mình thông tin liên quan và phù hợp, dựa trên nhu cầu cá nhân của họ

Để thiết lập tính năng này, hãy chọn Cài đặt > Xác nhận > Thêm mới. Trước tiên, hãy đặt tên cho nguồn cấp dữ liệu xác nhận mới và chỉnh sửa Loại xác nhận [ví dụ: Văn bản, Trang hoặc Chuyển hướng đến URL]

Sau đó cuộn xuống Logic có điều kiện nơi bạn sẽ tìm thấy các trường logic có điều kiện. Tùy thuộc vào cách bạn muốn định cấu hình logic của mình, bạn có thể chuyển đổi giữa Tất cả và Bất kỳ. Chọn Tất cả sẽ yêu cầu tất cả các quy tắc phải khớp trước khi xác nhận được gửi – chọn Bất kỳ sẽ chỉ yêu cầu một trong các quy tắc khớp

Tiếp theo, chọn logic mà bạn muốn áp dụng cho xác nhận. Ví dụ: nếu bạn chỉ muốn chuyển hướng gửi biểu mẫu nếu một hộp kiểm cụ thể được chọn, hãy chọn trường Hộp kiểm cụ thể, sau đó chọn is để đánh giá giá trị của trường và cuối cùng là giá trị bạn đang tìm kiếm – tức là nếu bạn có thể

Cuối cùng, lưu xác nhận và kiểm tra biểu mẫu

Để biết thêm chi tiết về cách sử dụng logic có điều kiện trong xác nhận Gravity Forms, hãy xem tài liệu của chúng tôi

Làm được nhiều việc hơn với các tiện ích bổ sung được chứng nhận

Nếu bạn đang muốn làm nhiều hơn với các xác nhận của mình, bạn có thể muốn xem qua một số Tiện ích bổ sung được chứng nhận có sẵn

Suy nghĩ cuối cùng về cách chuyển hướng người dùng đến một trang hoặc URL mới

Chuyển hướng là một cách hiệu quả để kết nối hơn nữa với khán giả của bạn sau khi họ đã gửi biểu mẫu. Và kết hợp với logic có điều kiện, bạn có thể tăng cường kết nối này bằng cách đảm bảo bạn hiển thị đúng thông tin cho đúng người. Điều này sẽ giúp bạn tiếp tục nuôi dưỡng khách hàng tiềm năng của mình ngay cả sau khi gửi biểu mẫu, cuối cùng dẫn đến sự gia tăng chuyển đổi trên trang web của bạn

Bạn chưa có Gravity Forms?

Nếu bạn muốn cập nhật những gì đang diễn ra trên blog, hãy đăng ký nhận bản tin Gravity Forms

Tôi có thể chuyển hướng biểu mẫu Google sau khi gửi không?

Khi người dùng gửi biểu mẫu của bạn, bạn có thể hiển thị cho họ thông báo cảm ơn hoặc bạn có thể tự động chuyển hướng họ đến một liên kết bên ngoài. Điều này có thể giúp ích khi. Biểu mẫu của bạn được lưu trữ trên một trang web khác và bạn muốn khách truy cập được chuyển hướng đến trang web chính của bạn sau khi gửi biểu mẫu

Làm cách nào để chuyển hướng nút gửi trong JavaScript?

Cách chuyển hướng đến một trang khác trong Javascript khi gửi loại bằng mã ví dụ .
Trong trình chỉnh sửa biểu mẫu, đi tới Sau khi gửi → Trang thành công & Chuyển hướng
Kích hoạt chuyển đổi “Chuyển hướng trình duyệt khi biểu mẫu được gửi”
Nhập URL bạn muốn chuyển hướng đến

Làm cách nào để chuyển hướng đến một trang khác trong JavaScript sau khi xác thực?

Có một số phương pháp để chuyển hướng đến một trang web khác bằng JavaScript. .
href. Nó được sử dụng để đặt hoặc trả về URL đầy đủ của trang hiện tại
thay thế[]. Nó được sử dụng để thay thế tài liệu hiện tại bằng tài liệu được chỉ định
giao phó[]. Nó được sử dụng để tải một tài liệu mới

Làm cách nào để chuyển hướng đến một trang khác sau khi gửi biểu mẫu trong phản ứng?

Để chuyển hướng khi gửi biểu mẫu bằng React Router. .
Sử dụng hook useNavigate[], e. g. const navigation = useNavigate[];
Gọi hàm navigation[] đi qua nó theo đường dẫn - navigation['/contacts']
Hàm navigation[] cho phép chúng ta điều hướng theo chương trình

Chủ Đề