Forminaotr form shortcode hiding default login captcha

Hi @bvk69varghese,

I hope you are doing well today!

According to the developer console, you have the following error for all those links which means Content Security Policy set on site interfering with Google reCAPTCHA and some of the other scripts as well.

Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' https://www.gstatic.com/recaptcha/....

I suggest to check your security headers and update them accordingly to allow those scripts and try again.

Kind regards,
Zafer

Hi,

That issue is coming because of the forminator short code.If I comment that short code part the error will disappear. Can you please tell me the exact issue. The issue is appearing because of the scripting is breaking with forminator shortcode.

Can I add this short code using any ajax call? If yes, can you put a sample code to put the code here. That way I can hide the shortcode when the page loads.

• This reply was modified 2 years, 4 months ago by bvk69varghese.

Hi,

I have loaded the forminator form short code using ajax. You can see the feature here – https://testing.bilingualnews.jp/. Here you can see a white colore button. Clicking on this button I am laoding the formanatore registration shortcode using ajax. But the issue is the when I click on the Registration form button its working strange. Its not validating my form and showing some strange text on my page.

I am loading the content like this

add_action( 'wp_ajax_load-subscriber_regn', 'my_load_ajax_subscriber_regn' );
add_action( 'wp_ajax_nopriv_load-subscriber_regn', 'my_load_ajax_subscriber_regn' );

function my_load_ajax_bnsupporter_regn() {
  echo do_shortcode('[forminator_form id="12574"]');
  wp_die();
}

function displayRegContent(){
    var url = this.href;
    var ajaxURL = woocommerce_params.ajax_url;
    var ele = this;
    $.ajax({
      type: 'POST',
      url: ajaxURL,
      data: {"action": "load-subscriber_regn"},
      scriptAttrs: { nonce: "Xiojd98a8jd3s9kFiDi29Uijwdu" },
      success: function(response) {
          $(".bnregnContainer").html(response);
      }
    });
}

Can you help me to show the content properly and do the form submission feature properly.

Hi @bvk69varghese,

Here you can see a white colore button. Clicking on this button I am laoding the formanatore registration shortcode using ajax.

I am sorry, I couldn’t locate a white colour button on the page as you mentioned. Can you please share a screenshot that can help us locate the button to take a closer look at this?

Looking forward to hearing back from you.

Kind Regards,
Nebu John

Hi,

Can you please reply to this quickly.

https://testing.bilingualnews.jp/

In the video text you can see a button with the below text in white color in the above URL.

サポーターになる

Please see the below screen shot with highlighted text button.

https://drive.google.com/file/d/17SXaJUxNAFPCFUbeLoObtf201_8blvCa/view

In these two URL I am using formainator forms

https://testing.bilingualnews.jp/
https://testing.bilingualnews.jp/bnsupporter/

In the first URL I am trying to show the content using ajax. But its not working properly.

Second URL the forminator login/registration forms are loading while loading the page. If you click on the top right login on this page the captcha is not loading. But there is no blocking script error.

• This reply was modified 2 years, 4 months ago by bvk69varghese.

Hi @bvk69varghese,

I can still see lots of console errors related to security headers blocking reCAPTCHA and other scripts.
https://prnt.sc/6LX7qYked-UJ

Please note that when you have used Forminator shortcode and if the form includes reCAPTCHA field, the security headers on site might be blocking to run.

Considering the errors on developer console, firstly I suggest to check security headers with your hosting provider and any security plugins active on site.

If it does not help, this could be more likely some plugin or theme conflicting on your site. I suggest to perform the following tests in order to find the plugin or theme causing this.

Please make sure you have recent backups or perform this on your staging site.
https://wpmudev.com/docs/hosting/staging/#setting-up-a-staging-site

To learn more about a plugin conflict test, see this guide below:
https://wpmudev.com/docs/getting-started/getting-support/#conflict-test

Check out this handy flowchart of the troubleshooting process detailed above.
https://wpmudev.com/wp-content/uploads/2015/09/Support-Process-Support-Process.gif

Please let us know the results.`

Kind regards,
Zafer

Hi

The console error is coming in all pages. But the login capctha is not working only when the forminator forms are using. Forminator form captcha and the login captcha(at the top right) are conflicting. I am asking how to resolve this? Or tell me how can I show the forminator form short code using ajax. I tried to integrate the forminator form short code using ajax using the above method(in my previous post) and its breaking the structure.

Can someone help me to resolve this issue. Thanks

• This reply was modified 2 years, 4 months ago by bvk69varghese.

Hi @bvk69varghese,

I re-checked this now and could notice the form works fine and redirects to a Stripe payment field. Is this the expected workflow?

Can you please share a screen record of the issue to understand it better?

Please also share an export of the form to take a closer look at how the form is configured.

Ref: https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export

You can share the form export as a text file using Google Drive or DropBox.

Kind Regards,
Nebu John

Hello @bvk69varghese ,

We haven’t heard from you for a while now, so it looks like you don’t need our assistance anymore.

Feel free to re-open this ticket if needed.

Kind regards
Kasia