Demandforce预约表单，与Wordpress集成

我正在为牙医朋友开发一个网站。到目前为止，它看起来不错，我使用Wordpress和enfold主题。

这个网站所要求的功能之一是包含DemandForce约会表单，这样客户就可以在新网站内安排他们的约会。

我访问了Demand force，发现包含他们的联系表单的方法是:

• 通过修改header.php
将以下CSS文件复制到标题<link type="text/css" rel="stylesheet" href="//www.demandforce.com/widget/css/widget.css" />中
• 将以下脚本添加到正文中;<script type="text/javascript"> d3cp_bid = 'private'; // Business ID in DemandforceD3 //d3cp_appt_source = 'My Website'; //optional. See Instructions. //d3cp_appt_returnpage = 'your_page_url'; // Optional. See Instructions. //d3cp_appt_postdata = 'false'; // Optional. See Instructions. </script> <script src="//www.demandforced3.com/b/burlingamesmile/scheduler.widget" type="text/javascript"></script>我也简单地创建了一个原始文本字段并输入它。

结果可以在这里看到。你可能注意到表单格式不正确，我也不明白为什么。我检查了源代码，CSS文件和脚本都在它们应该在的地方，所以我不太明白显示问题。

既然我用这种方法弄不明白，我就试试另一个主意。实际的预订表单托管在这里。这个表单的好处是它是响应式的。所以我创建了另一个页面，内容如下:<iframe src="https://www.demandforce.com/b/burlingamesmile/schedule" width="1000" height="1500"></iframe>。在这里可以观察到它的样子

表现为ok。但是帧大小不能很好地调整到不同的屏幕尺寸(智能手机，平板电脑等)。我已经研究了这个，但它没有做到这一点。

此时此刻，我已经没有想法了，所以任何评论/帮助都是非常感谢的，一如既往。

谢谢大家。