Home>Support>Jetpack Contact Form broken when used in Pagebuilder widget

Jetpack Contact Form broken when used in Pagebuilder widget

Our Jetpack contact forms are broken when called from within a Pagebuilder widget but only if Black Studio TinyMCE Widget (called Visual Editor) is activated.

The form doesn’t have to use the Visual Editor, it breaks when using a basic text editor or the SiteOrigin visual editor. It does not break if the form is in a widget area like the footer, only in a PageBuilder widget area.

There is no console error. When the user submits the form, the page obviously tries to submit the form but nothing happens, no confirmation page comes up, no notification email is sent, no comment is added to the Jetpack Feedback area.

Activating and deactivating Black Studio TinyMCE Widget Visual editor is the only thing that changes the behavior.

Please help!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 4 months ago Alex S
    Hi, I Work Here

    Hi Leslieg,

    Unfortunately, I can’t seem to replicate this issue. Can you please send me a copy of the Jetpack Contact Form shortcode you’re using? The form I tried was:

    [contact-form][contact-field label='Name' type='name' required='1'/][contact-field label='Email' type='email' required='1'/][contact-field label='Website' type='url'/][contact-field label='Comment' type='textarea' required='1'/][/contact-form]
    

    Please navigate to WP AdminSettingsPage Builder and open the General tab. Tick Sidebar Emulator – does this issue occur now? If not, please untick it and open the Content tab. Please tick Content Cache. Does the issue occur? If not, please untick it. Hm. To confirm, does this issue occur if the only plugins active for you are SiteOrigin Page Builder, SiteOrigin Widgets Bundle (optional for this test), Jetpack and Black Studio TinyMCE Widget? What happens if you temporarily change to a default WordPress theme?

  2. 7 years, 3 months ago leslieg
    [contact-form to='[email protected]' subject='Message from C3 Website'][contact-field label='First Name' type='name'/][contact-field label='Email' type='email' required='1'/][contact-field label='Message' type='textarea'/][/contact-form]
    
    

    We are on multisite so we have hundreds of sites using pagebuilder. I followed your instructions on one particular site. Sidebar emulator was already ticked. I tried it both ways and there was no change. I left it unticked. Then I ticked “Content Cache” This actually caused the form to send the email and submit the feedback to the system. But it did not redirect to the thank you message – it simply cleared the form and stayed on the form page.

    Yes, when I deactivate all plugins except for jetpack, pagebuilder, siteorigin widgets bundle, and black studio tiny MCE. The behavior persists. If I deactivate black studio, the form submission confirmation message comes up.

    If I switch from Vantage to 2011, it works correctly without making any changes to settings. We did pay for Vantage. Can we get premium support on this?

  3. 7 years, 3 months ago Alex S
    Hi, I Work Here

    Hi Leslieg,

    Thanks for ruling out those settings. The shortcode is fine as I was able to use that without issue.

    What version of Vantage are you using (the latest version is 2.6)? Also, have you modified the code for Vantage at all? Please note that I’m testing using Vantage and didn’t experience the same issue so I’m not too sure why you changing the theme helped for you.

    As you’re a premium user, you’re entitled to priority email support. If you would like to make use of that, please follow the instructions found on your Page: Dashboard (please refer to the support tab). Please reference this thread and include your SiteOrigin order key in the email.

  4. 7 years, 3 months ago leslieg

    Yes, we’re on Vantage premium 2.6. We do use a child theme with the following code changes provided by SiteOrigin.

    functions.php

    <?php
    /* Leslie Geary:  This function was provided by the vendor to remove the standard titles on the category and tag pages.  The default is to pre-pend the title of the category page with "My Category Archive" and pre-pend the title of the tag page with "Tag Archive:".  This is not necessary or desirable. The URL to the vendor's comments is here http://siteorigin.com/thread/vantage-premium-category-blog-post-pages-prefaced-by-category-archive-need-to-remove/#comment-42281. */
    
    function vantage_get_archive_title(){
    	$title = '';
    	if ( is_category() ) {
    		$title = sprintf( __( '%s', 'vantage' ), '<span>' . single_cat_title( '', false ) . '</span>' );
    
    	}
    	elseif ( is_tag() ) {
    		$title = sprintf( __( '%s', 'vantage' ), '<span>' . single_tag_title( '', false ) . '</span>' );
    
    	}
    	elseif ( is_author() ) {
    		the_post();
    		$title = sprintf( __( 'Author Archives: %s', 'vantage' ), '<span class="vcard"><a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( "ID" ) ) ) . '" title="' . esc_attr( get_the_author() ) . '" rel="me">' . get_the_author() . '</a></span>' );
    		rewind_posts();
    
    	}
    	elseif ( is_day() ) {
    		$title = sprintf( __( 'Daily Archives: %s', 'vantage' ), '<span>' . get_the_date() . '</span>' );
    
    	}
    	elseif ( is_month() ) {
    		$title = sprintf( __( 'My Monthly Archives: %s', 'vantage' ), '<span>' . get_the_date( 'F Y' ) . '</span>' );
    
    	}
    	elseif ( is_year() ) {
    		$title = sprintf( __( 'Yearly Archives: %s', 'vantage' ), '<span>' . get_the_date( 'Y' ) . '</span>' );
    
    	}
    	else {
    		$title = __( 'Archives', 'vantage' );
    	}
    	
    	return apply_filters('vantage_archive_title', $title);
    }
    

    style.css

    /*
     Theme Name:     Vantage Child
     Author:         SiteOrigin
     Template:       vantage
     Version:        1.0.0
    */
    
    @import url("../vantage/style.css");
    
    /* Vantage Header Sidebar Fix - provided by vendor to address some inconsistent appearance when putting the UCSC logo in the header widget area. */ 
    header#masthead .hgroup #header-sidebar {
    	padding: 15px 0 !important;
    }
  5. 7 years, 3 months ago Alex S
    Hi, I Work Here

    Hi Leslie,

    That looks fine, but just to rule it out, does this issue occur when you’re using the parent theme?

  6. 7 years, 3 months ago leslieg

    Nope – tried Vantage Parent and it had the same problem.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More