首页 > 解决方案 > 如何通过在新页面的 URL 中添加参数从联系表 7 中获取值并将其预填充到另一个页面中?

问题描述

截至目前,我已经尝试过这样做

  1. 在联系表格的表格选项卡下,我添加了这些行 -
<label>
    [email* your-email default:get id:textarea placeholder "Email address"] </label>

<div style="text-align: center;">[submit id:button "Get started now"]</div>
  1. 在functions.php文件中,我添加了以下几行
add_action( 'wp_footer', ’redirect_to_new page’);
 
     function ’redirect_to_new page() {
     ?>
     <script type="text/javascript">
     document.addEventListener( 'wpcf7mailsent', function( event ) {
         If ( '2023' == event.detail.contactFormId ) {
             location = 'https://app.techinme.com/#/registration?email=[your-email]’;
     }
     }, false );
     </script>
     <?PHP
     }

当用户单击表单上的提交按钮时,他们将被定向到新页面,但我无法在新页面中的新表单中填充电子邮件 ID。有人可以进一步指导我吗?

干杯!

标签: wordpresscontact-form-7

解决方案


这未经测试,但应该让您朝着正确的方向前进.... 下面我更新了您的代码以从表单中获取电子邮件并将其附加到locationurl:

<?php
add_action( 'wp_footer', 'redirect_to_new_page');
function redirect_to_new_page() {
?>
  <script type="text/javascript">
    document.addEventListener( 'wpcf7mailsent', function( event ) {
      if ( '2023' == event.detail.contactFormId ) {

        // get email
        var email = event.detail.inputs.filter(function(item){
          return item.name === 'your-email';
        })[0].value;

        location = 'https://app.techinme.com/#/registration?email=' + email;
      }
    }, false );
  </script>
<?php
}

推荐阅读