Javascript 未在Visual Composer WordPress中呈现HTML内容

我已经实现了一个简短的代码，在使用VisualComposer构建的页面中显示产品搜索表单

add_shortcode( 'sagar-custom-search', 'sagar_custom_search' );
function sagar_custom_search() {
    $form = '<form role="search" method="get" id="searchform" action="' . esc_url( home_url( '/'  ) ) . ' ">';
    $form .= '<div>';
    $form .= '<label class="screen-reader-text" for="s">' . __( 'Search for:', 'woocommerce' ) . '</label>';
    $form .= '<input type="text" value="' . get_search_query() . '" name="s" id="s" placeholder="' . __( 'My Search form', 'woocommerce' ) . '" />';
    $form .= '<input type="submit" id="searchsubmit" value="'. esc_attr__( 'Search', 'woocommerce' ) .'" />';
    $form .= '<input type="hidden" name="post_type" value="product" />';
    $form .= '</div>';
    $form .= '</form>';

    echo $form;
    echo "sagar tamang";
}

add_shortcode（'sagar custom search'，'sagar_custom_search'）；
函数sagar_custom_search（）{
$form=''；
$form.=''；
$form.=''。uuu（'Search for:'，'woocommerce'）；
$form.=''；
$form.=''；
$form.=''；
$form.=''；
$form.=''；
回声$形式；
呼应“萨加尔塔芒”；
}

可以使用inspect查看表单，但未呈现该表单。有人能帮我弄清楚吗

---

表单是否在前端不可见？不可见，它应该位于视图源代码中显示的“sagar tamang”表单文本的旁边，因此可能是css的问题，请从您的一端再次检查css，因为如果没有发布任何代码，我们将无能为力。这里是网站。如果你想看看的话。