针对Instagram应用内浏览器的WooCommerce Checkout问题 [英] WooCommerce Checkout Issue specific to Instagram In-App Browser
问题描述
这可能是我遇到的最奇怪，最令人沮丧的问题之一.我们有一个网站 https://scampanddude.com/，该网站是使用WordPress和WooCommerce的在线商店.
许多营销活动都是通过其Instagram页面完成的. https://www.instagram.com/scampanddude/.从Instagram应用程序打开网站后，它将在Instagram的应用程序内浏览器中打开.一切顺利，直到您结帐为止.付款选项部分显示为灰色，并且卡字段被压缩.如果您在台式机浏览器或移动浏览器上打开同一页面，则本节很好，并且可以按预期工作.
我尝试将其转移到暂存和禁用除WooCommerce之外的所有插件以及Twentynineteen和Storefront主题，并且所有这些配置均出现问题.
我知道其他WordPress和WooCommerce网站都没有遇到此问题，因此试图找出造成问题的原因让我有些茫然.
您应该与托管服务提供商联系，询问是否为您的站点激活了机器人重定向"功能.这已确认是WooCommerce结帐页面卡住了其在我查看的多个网站上加载内容的原因.
实际的问题是，结帐时对/?wc-ajax = update_order_review 的ajax调用，而不是由WooCommerce后端访问并由WooCommerce后端处理，而是由带有机器人"的服务器重定向到站点主页重定向".
禁用机器人重定向"应该可以解决该问题.这是有关如何在WP Engine托管上进行操作的说明.
This is probably one of the strangest and most frustrating issues I've come across. We have a website https://scampanddude.com/ that is an online shop using, WordPress and WooCommerce.
A lot of their marketing is done via their Instagram page https://www.instagram.com/scampanddude/. When the website is opened from the Instagram app it opens in Instagram's in-app browser. Everything seems to work fine until you get to the checkout. The payment options section is greyed out and the card fields are squashed. If you open the same page on desktop browsers or mobile browsers this section is fine and works as it is supposed to.
I have tried moving this to staging and disabling all of the plugins except WooCommerce and also with the Twentynineteen and Storefront themes and the issue occurs with all of these configurations.
I know that other WordPress and WooCommerce website don't experience this issue so I am at a bit of a loss trying to find out what is causing it.
You should reach out to your hosting provider asking if "bots redirecting" feature is activated for your site. This has been a confirmed cause of WooCommerce checkout page stuck loading its contents on several sites I reviewed.
The actual problem is that ajax call to /?wc-ajax=update_order_review on checkout, instead of reaching and being processed by WooCommerce backend, is redirected to the site homepage by the server with "bots redirecting" turned on.
Disabling "bots redirecting" should result in the issue being resolved. Here are instructions on how to do it on WP Engine hosting.
这篇关于针对Instagram应用内浏览器的WooCommerce Checkout问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
