保存 Contact 7 表格以供稍后完成

Question

我的用户是否可以填写我的表单的一部分，保存它，然后稍后返回并完成整个表单的填写，而不会丢失他们之前添加的所有数据？

我在带有 S2Members 的 Wordpress 上使用了 Contact 7 Form。

谢谢。

法比恩

Answer 1

您可以使用 commercial plugin 或通过在浏览器中保存用户输入数据来自己完成 LocalStorage.

LocalStorage allows Javascript websites and apps to store and access data from the browser with no expiration date.

为了保存用户输入的数据，您可以使用 javascript 库，例如 sisyphus-js 来处理浏览器 LocalStorage，并将该函数附加到表单页面，例如：

function saveFormData() {
    // The page where you have your form
    if ( is_page( 'page_for_your_form' ) ) {
        // Load the sisyphus-js for saving form data to local storage
        wp_enqueue_script( 'sisyphus-js', get_template_directory_uri() . '/js/path_to_sisyphus.js', array ( 'jquery' ), 1.1, true);
        ?>
            <script>
                $( function() {
                    // You can also attach this function to a button via ie. onClick
                    $( "form" ).sisyphus(); 
                } );
        </script>
        <?php
    }
}
add_action( 'wp_enqueue_scripts', 'saveFormData' );

代码进入您的主题 functions.php 文件

保存 Contact 7 表格以供稍后完成

Save a Contact 7 Form to complete later

wordpress

contact-form-7