嵌入Hostinger的LeadConnector预订日历iframe支付环节超时问题求助

问题背景 #

• 将LeadConnector预订日历代码嵌入Hostinger网站后，前期流程正常，但进入支付环节时出现超时
• 同款代码在WordPress环境下测试可正常运行
• Hostinger上使用无支付选项的旧版日历代码也能正常使用
• 嵌入代码：

<iframe src="https://app.youngmindshypnotherapy.co.uk/widget/booking/RiQVGOr8LeygJHkkEaK6" style="width: 100%;border:none;overflow: hidden;" scrolling="no" id="RiQVGOr8LeygJHkkEaK6_1739904432678"></iframe><br><script src="https://app.youngmindshypnotherapy.co.uk/js/form_embed.js" type="text/javascript"></script>

可行解决思路 #

• 检查Hostinger防火墙/安全设置：Hostinger自带的防火墙大概率拦截了支付相关的跨域POST请求。可以临时关闭防火墙测试，或者将app.youngmindshypnotherapy.co.uk加入防火墙白名单，允许该域名的所有请求。
• 验证HTTPS配置：确认Hostinger网站的HTTPS证书有效，查看浏览器控制台是否存在混合内容警告（比如iframe支付请求用HTTP，而主站是HTTPS），确保LeadConnector支付链路全程使用HTTPS。
• 调整CSP内容安全策略：支付环节可能需要跨域交互（比如postMessage），Hostinger的CSP规则可能限制了这类操作。在.htaccess或站点配置中添加以下规则：

  Content-Security-Policy: frame-src 'self' https://app.youngmindshypnotherapy.co.uk; script-src 'self' https://app.youngmindshypnotherapy.co.uk;
  

• 调整PHP超时参数：WordPress默认的PHP超时配置可能比Hostinger宽松。进入Hostinger的PHP设置页面，将max_execution_time、max_input_time调高至60秒以上，避免支付请求因服务器超时被中断。
• 联系LeadConnector技术支持：提供Hostinger服务器IP、支付环节的浏览器控制台报错截图（比如Network面板中的失败请求记录），排查是否存在针对Hostinger服务器的访问限制，或支付回调链路异常。

内容的提问来源于stack exchange，提问作者Sara