微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

将 Square Appointments 脚本嵌入 Wordpress 站点 - 它在预览窗格中全屏呈现,因此我无法编辑其他内容想法?

如何解决将 Square Appointments 脚本嵌入 Wordpress 站点 - 它在预览窗格中全屏呈现,因此我无法编辑其他内容想法?

Square up 提供了几种不同的方式来将预约添加到外部网站。我正在使用 Astra 主题使用带有 Elementor 的 wordpress 站点,并且我尝试使用以下代码段创建一个代码。发生的情况是 Square 约会占据了编辑器的整个预览窗格,因此我无法编辑页面的其余部分,甚至无法访问短代码/将其删除

<!-- Start Square Appointments Embed Code --><script src='linkhere'></script><!-- End Square Appointments Embed Code -->

我可以通过在 iframe 中添加 URL 源来获取 wordpress 上的日历,如下所示,但问题是它没有显示在移动设备上(至少在 Google Chrome 上)。在桌面上,需要静态高度才能正确显示

<iframe
height="1800px" src="linkhere">
</iframe>

我能做些什么来解决这些问题?我需要嵌入这个,但我需要能够继续在编辑器中对网页进行更改。我尝试模板化它,但它仍然会呈现,即使在模板中。我尝试使用 CSS 来修复宽度/高度,但没有成功。 :-(

请帮帮我!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。