2FA QR Code not showing

Hi @hipromed,

Thanks for reaching out.

Our 2FA may not work on the custom login pages generated by themes and other plugins, even though you are using WooCommerce and we have provided compatibility for WooCommerce:

https://www.wordfence.com/help/tools/two-factor-authentication/

If the QR code works in Wordfence > Login Security in the WordPress dashboard, but not on your custom page, then it means that it is likely incompatible with an installed plugin or theme.

Thanks,
Margaret

Hi Hipromed,

Can you try loading the page with the QR code while keeping a Browser Console open to see if you can detect any JavaScript errors or files that fail to load? If you see any red text in the console, please take a screenshot of it and send it to me and I will help you interpret the errors.

You could also review your PHP error log for any related errors. Please send over any new error log entries generated when visiting the Wordfence 2FA page, and I’ll be happy to take a look.

Thanks,
Margaret

Hi @hipromed,

Thanks for following up. We haven’t seen this issue caused by Elementor specifically before. I suspect the errors in the browser console are related to the theme, such as if a form was being added to the page twice.

If you have access to a staging site, please check whether the QR code loads using another theme, such as the default Twenty Twenty-Five, when Elementor is active. If your current theme or Elementor settings are incompatible, you may need to disable the WooCommerce integration for Wordfence’s 2FA.

Let me know how it goes,
Margaret

Hey @hipromed,

Thanks for sending that over. When you have Elementor enabled, I see you’re receiving CORS errors, and the site is trying to load resources from a subdomain 2fawordfance. This is misspelled and isn’t a part of our plugin’s normal functioning. Have you made any modifications to load the 2FA over a unique subdomain?

Can you also send a diagnostic report to wftest @ wordfence . com? You can find the link to do so at the top of the Wordfence > Tools > Diagnostics page. Then click on “Send Report by Email”. Please add your forum username where indicated and respond here after you have sent it.

NOTE: It should look as follows – Screenshot of Tools > Diagnostic > Send by Email

Thanks,
Margaret

Hi @hipromed,

My apologies for misreading the error, and thank you for explaining. I don’t think you’ll see any difference if you test on the main site other than in the unrelated resources that were blocked from loading by CORS.

I ran a few tests on my own site with Elementor, as well as with several of the other plugins from your diagnostics, but I wasn’t able to replicate the issue.

Does the QR code fail to load even if Elementor and Wordfence are the only plugins enabled? If so, there may be a custom element being added by Elementor Pro that is leading to the incompatibility. Unfortunately, it would be difficult to narrow it down without a related error.

Thanks,
Margaret

Hi @hipromed,

While I appreciate the thought, please don’t offer site login information, as it goes against forum guidelines: https://ww.wp.xz.cn/support/guidelines/

On the staging site, you could deactivate every plugin, and then reactivate only Wordfence and Elementor. This would confirm whether the issue is specifically something you have configured in Elementor. You could then check through individual elements you’ve customized in Elementor, or reach out to Elementor support to see if they have any suggestions for debugging the incompatibility.

Thanks,
Margaret

Hi @hipromed,

It’s been my pleasure! Hopefully, they can point you in the right direction. I’m going to mark this thread resolved as there’s nothing more I can do here, but if you find out anything, please let me know!

Cheers,
Margaret