WooPayments blocking Rankmath SEO popup page editor

Hi @thesunnymachine,

Thank you for bringing this to our attention. To try and confirm this, can you do a quick test and see if the issue persists only with WooCommerce, WooPayments, and the Ranmkath SEO plugins enabled? Alternatively, if the issue persists, can you confirm disabling WooPayments fixes the issue?

Additionally, can you please share a screenshot of the error you receive? Can you check on your browser’s console for any errors, too? Please also share a screenshot of it! Even better, if you can share the steps to replicate this issue on our end that’d be great!

In the meantime, I’d like to understand your site properly. Please share with us the necessary information below for us to investigate the issue further:

• System Status Report which you can find via WooCommerce > Status > Get system report > Copy for support.
• Fatal error logs (if any) under WooCommerce > Status > Logs.

You could copy and paste your reply here or paste it via https://gist.github.com/ and send the link here.

Once we have more information, we’ll be able to assist you further.

Thanks!
-OP

• This reply was modified 7 months, 2 weeks ago by omarfpg a11n.

Okay, a couple of things to help you understand how much testing I have already gone through with this. I have tested this on my Live website and a testing domain website I have setup.

I can confirm 100% that the bug exists on my testing website with only the 3 plugins installed – RankMath, Woocommerce, and Woopayments + Divi Theme.

This is an issue with the Divi front end Page editor, Rankmath SEO, and WooPayments. When I disable Woopayments on both my Live and Testing website the issue no longer persists.

I cannot offer a screenshot as there’s no error. When you click the rankmath icon on the page editor, the SEO editor should popup, but nothing happens at all. Disabling Woopayments allows the functionality to resume, but this is very inconvenient as a work around.

There are no Fatal Error Logs.

To replicate the issue

1 – Install Divi Theme, Rankmath, Woocommerce, WooPayments.

2 – Setup Woopayments to the point where it’s actually connected to stripe in some way, I’m not sure how far you need to go but I connected it to my bank account but didn’t confirm for deposits.

3 – Open the Divi Frontend Page editor

4 – Click the RankMath Icon to open the SEO page editor – (Nothing happens now which is the issue – instead of opening the editor box – there’s just no response at all)

5 – Disable WooPayments – Test again and see that the editor opens as it should without WooPayments enabled.

` WordPress Environment

WordPress address (URL): https://www.test.thesunnymachine.com
Site address (URL): https://www.test.thesunnymachine.com
WC Version: 8.7.0
REST API Version: ? 8.7.0
Action Scheduler Version: ? 3.7.4
Log Directory Writable: ?
WP Version: 6.5
WP Multisite: –
WP Memory Limit: 256 MB
WP Debug Mode: –
WP Cron: ?
Language: en_US
External object cache: – Server Environment

Server Info: Apache
PHP Version: 8.1.27
PHP Post Max Size: 512 MB
PHP Time Limit: 120
PHP Max Input Vars: 1000
cURL Version: 7.68.0
OpenSSL/1.1.1f

SUHOSIN Installed: –
MySQL Version: 8.0.28-0ubuntu0.20.04.3
Max Upload Size: 512 MB
Default Timezone is UTC: ?
fsockopen/cURL: ?
SoapClient: ?
DOMDocument: ?
GZip: ?
Multibyte String: ?
Remote Post: ?
Remote Get: ? Database

WC Database Version: 8.7.0
WC Database Prefix: wp_genp7m_
Total Database Size: 6.06MB
Database Data Size: 4.29MB
Database Index Size: 1.77MB
wp_genp7m_woocommerce_sessions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_genp7m_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_genp7m_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_genp7m_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_genp7m_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_genp7m_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_genp7m_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_genp7m_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_genp7m_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_genp7m_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_genp7m_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_genp7m_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_genp7m_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_genp7m_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_genp7m_actionscheduler_actions: Data: 0.02MB + Index: 0.11MB + Engine InnoDB
wp_genp7m_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_genp7m_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_genp7m_actionscheduler_logs: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_genp7m_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_genp7m_comments: Data: 0.02MB + Index: 0.08MB + Engine InnoDB
wp_genp7m_jetpack_sync_queue: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_genp7m_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_genp7m_options: Data: 3.08MB + Index: 0.06MB + Engine InnoDB
wp_genp7m_postmeta: Data: 0.05MB + Index: 0.03MB + Engine InnoDB
wp_genp7m_posts: Data: 0.09MB + Index: 0.06MB + Engine InnoDB
wp_genp7m_rank_math_internal_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_genp7m_rank_math_internal_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_genp7m_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_genp7m_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_genp7m_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_genp7m_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_genp7m_usermeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_genp7m_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_genp7m_wc_admin_note_actions: Data: 0.05MB + Index: 0.02MB + Engine InnoDB
wp_genp7m_wc_admin_notes: Data: 0.06MB + Index: 0.00MB + Engine InnoDB
wp_genp7m_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_genp7m_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_genp7m_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_genp7m_wc_order_addresses: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_genp7m_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_genp7m_wc_order_operational_data: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_genp7m_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_genp7m_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_genp7m_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_genp7m_wc_orders: Data: 0.02MB + Index: 0.11MB + Engine InnoDB
wp_genp7m_wc_orders_meta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_genp7m_wc_product_attributes_lookup: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_genp7m_wc_product_download_directories: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_genp7m_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
wp_genp7m_wc_rate_limits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_genp7m_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_genp7m_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_genp7m_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB Post Type Counts

attachment: 2
custom_css: 1
et_body_layout: 2
et_footer_layout: 3
et_header_layout: 3
et_template: 3
et_theme_builder: 1
page: 8
post: 3
revision: 7
wp_global_styles: 1
wp_navigation: 1 Security

Secure connection (HTTPS): ?
Hide errors from visitors: ? Active Plugins (4)

DreamHost Panel Login: by DreamHost
danielbachhuber – 1.0.0

Rank Math SEO: by Rank Math – 1.0.217-beta
WooPayments: by Automattic – 7.4.0
WooCommerce: by Automattic – 8.7.0 Inactive Plugins (0) Settings

API Enabled: –
Force SSL: –
Currency: USD ($)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2
Taxonomies: Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

Connected to Woo.com: –
Enforce Approved Product Download Directories: ?
HPOS feature screen enabled: ?
HPOS feature enabled: ?
Order datastore: Automattic\WooCommerce\Internal\DataStores\Orders\OrdersTableDataStore
HPOS data sync enabled: – Logging

Enabled: ?
Handler: Automattic\WooCommerce\Internal\Admin\Logging\LogHandlerFileV2
Retention period: 30 days
Level threshold: –
Log directory size: 298 B WC Pages

Shop base: #7 - /shop/
Cart: #8 - /cart/
Checkout: #9 - /checkout/
My account: #10 - /my-account/
Terms and conditions: ? Page not set Theme

Name: Divi
Version: 4.24.3
Author URL: https://www.elegantthemes.com
Child Theme: ? – If you are modifying WooCommerce on a parent theme that you did not build personally we recommend using a child theme. See: How to create a child theme
WooCommerce Support: ? Templates

Overrides: – WooPayments

Version: 7.4.0
Connected to WPCOM: Yes
WPCOM Blog ID: 231524753
Account ID: acct_1P1CVACOiez7apWE
Payment Gateway: Enabled
Test Mode: Enabled
Enabled APMs: card
WooPay: Enabled (product,cart,checkout)
WooPay Incompatible Extensions: No
Apple Pay / Google Pay: Disabled
Fraud Protection Level: basic
Multi-currency: Enabled
Public Key Encryption: Disabled
Auth and Capture: Enabled
Documents: Disabled
Logging: Disabled Admin

Enabled Features: activity-panels
analytics
product-block-editor
coupons
core-profiler
customer-effort-score-tracks
import-products-task
experimental-fashion-sample-products
shipping-smart-defaults
shipping-setting-tour
homescreen
marketing
mobile-app-banner
navigation
onboarding
onboarding-tasks
product-variation-management
product-virtual-downloadable
product-external-affiliate
product-grouped
product-linked
remote-inbox-notifications
remote-free-extensions
payment-gateway-suggestions
shipping-label-banner
subscriptions
store-alerts
transient-notices
woo-mobile-welcome
wc-pay-promotion
wc-pay-welcome-page

Disabled Features: customize-store
minified-js
new-product-management-experience
product-pre-publish-modal
settings
async-product-editor-category-field

Daily Cron: ? Next scheduled: 2024-04-09 18:19:04 +00:00
Options: ?
Notes: 68
Onboarding: skipped Action Scheduler

Complete: 11
Oldest: 2024-04-02 18:20:09 +0000
Newest: 2024-04-09 07:06:50 +0000

Pending: 1
Oldest: 2024-04-10 07:06:50 +0000
Newest: 2024-04-10 07:06:50 +0000 Status report information

Generated at: 2024-04-09 16:54:43 +00:00
`

Hi @thesunnymachine,

Thank you so much for the very detailed answer. One final test before proceeding, if you may, please:

This is an issue with the Divi front end Page editor, Rankmath SEO, and WooPayments. When I disable Woopayments on both my Live and Testing website the issue no longer persists.

Since you mention the problem also is related to Divi, can you try once again but using a default theme, like Storefront or TT4? This will further tell us if the issue lies on the Divi side or WooPayments. We’ll also try and replicate this with the details you’ve shared.

Please keep us posted!
-OP

Ok well 2 things to note here:

#1 This issue will only show up with Divi Theme because this is the only case where the RankMath SEO plugin puts the SEO page details in the Front Page Editor.

The back end editor is not normally used to edit the SEO and the ability to edit SEO in the back end works normally with no conflict on these plugins.

It’s only the front page editor that is broken, which is only relevant to The Divi Theme – Page editor.

Hi @thesunnymachine,

Once again, thank you very much for the very detailed explanation. I see the whole picture now and I’m able to understand the issue being Rank Math SEO not working within the Divi Visual Builder when WooPayments is enabled.

This is a tricky one, and I’m not sure whether it has to be fixed on Divi’s end or our end. Considering our plugin and RankMath work well in the back end, and with other builders, I’d ask Elegant Theme’s support to learn more first. Have you reached them already?

Thanks!
-OP

I only reached out to Rankmath and they told me to request help here as they narrowed it down to your .js file

Hi again, I have good news and bad news. So I’ve replicated this and installed Divi, WooCommerce, RankMath SEO, and WooPayments (https://prnt.sc/zOC1K6gpr8eK) on a fresh new install of WordPress, and I was able to see the pop-up: https://prnt.sc/kzkeZPA_YG9o.

I’d like to understand your site properly. Please share with us the necessary information below for us to investigate the issue further:

• System Status Report which you can find via WooCommerce > Status > Get system report > Copy for support.
• Fatal error logs (if any) under WooCommerce > Status > Logs.

You could copy and paste your reply here or paste it via https://gist.github.com/ and send the link here.

Once we have more information, we’ll be able to assist you further.

Thanks!
-OP

I already posted this information above.

did you setup WooPayments by connecting an account. The issue doesn’t happen with just the plugins installed. You have to connect fully to the stripe backend before it breaks.

Hi @thesunnymachine,

I just wrapped up and set up an account in sandbox mode and I can confirm the js file now is loaded and now I can’t see the RankMath SEO options when editing the page in Divi’s Visual Builder, thus replicating your issue.

I’m reporting this to my team to learn more about how to proceed here, if this has to be handled by Divi or by us and what’s the best way to collaborate if needed.

Thanks again. We’ll keep you posted.

Hi?@thesunnymachine,

I’d ask Elegant Theme’s support to learn more first. Have you reached them already?

Just checking in to learn if you have had a chance to reach out to Divi / Elegant Themes about this issue? I’m afraid there’s not much we can do on our end at the moment as both our products are working fine, and the issue seems related to the theme’s visual builder.

Please let us know!

Hi there ?? ,

We haven’t heard from you in a while, so I’m going to mark this as resolved. Feel free to start a new thread if you have any more questions.

All the best,
Omar

Closing this thread.

What was the resolution? I am having this exact same issue.

Everyone involved doesn’t want to take responsibility for the bug. Woo says it’s a divi problem, divi says it’s a woo problem, rankmath says it’s a woo problem. No one will fix the bug, and they all expect the other company to fix it. So it remains unfixed.

There’s a few workarounds. You can get to the rankmath SEO options from the backend page > edit area: the button on the top right for SEO will let you edit everything there.

If you don’t need the woopayments “express checkout” you can turn that off under payment settings. After which you should be able to edit the front end SEO.

Good luck.

Thanks for the info.

It’s my opinion that the creator of the plug, whose business name is associated with it, should OWN it!

Yes, I will not be using the plug and have already replaced it.