Question

我有一个代码如下的动态表单：

<form accept-charset="UTF-8" action="https://vd263.infusionsoft.com/app/form/process/60dfa9fa31db677b87c9061c53d0925b" class="infusion-form" method="POST">
    <input name="inf_form_xid" type="hidden" value="60dfa9fa31db677b87c9061c53d0925b" />
    <input name="inf_form_name" type="hidden" value="Sign up for newsletter" />
    <input name="infusionsoft_version" type="hidden" value="1.44.0.47" />
    <div class="infusion-field">
        <label for="inf_field_FirstName">First Name *</label>
        <input class="infusion-field-input-container" id="inf_field_FirstName" name="inf_field_FirstName" type="text" />
    </div>
    <div class="infusion-field">
        <label for="inf_field_Email">Email *</label>
        <input class="infusion-field-input-container" id="inf_field_Email" name="inf_field_Email" type="text" />
    </div>
    <div class="infusion-submit">
        <input type="submit" value="Submit" />
    </div>
</form>
<script type="text/javascript" src="https://vd263.infusionsoft.com/app/webTracking/getTrackingCode?trackingId=d611bf89e5e09e0678e6bf94789f54a0"></script>

我想在wordpress的弹出窗口中显示它，但问题是它们不支持javascript我正在使用Ninja弹出窗口和Popup Builder。请建议我支持这个的任何插件，或者我必须创建自己的弹出窗口。

Answer 1

WordPress内置了将javascript和css排队的例程，因此最好在主题的函数中插入类似下面的内容.php

function ninja_popup_add_extra_css_and_js() {

    wp_register_script('extra_javascript', "https://vd263.infusionsoft.com/app/webTracking/getTrackingCode?trackingId=d611bf89e5e09e0678e6bf94789f54a0" ,null,  TRUE);  //change  null  to  array('jquery') if the javascript depends upon jquery
    wp_enqueue_script('extra_javascript');

    wp_register_style( 'extra_css', get_template_directory_uri() . '/css/my_extra.css', array(), '1', 'all' );
    wp_enqueue_style( 'extra_css' );    
}

add_action('wp_enqueue_scripts', 'ninja_popup_add_extra_css_and_js');

请注意，您必须确保为插件添加必要的css，将其保存在主题css文件夹中并将其命名为my_extra.css或更改上面的代码以适合从外部网页加载css。

如何在弹出窗口上设置动态表单

1 个答案: