Wordpress Podio 表单嵌入错误答案

【问题标题】：Wordpress Podio Form embedded errorWordpress Podio 表单嵌入错误
【发布时间】：2016-11-18 05:48:31
【问题描述】：

我尝试将我的 Podio Form 嵌入到这个 wordpress 页面，但它只显示/ < ![CDATA[ // < ![CDATA[ //，如上图所示

这是我使用的代码：

[av_textblock size='' font_color='' color='']
[:vi]
[/av_textblock]

[av_codeblock wrapper_element='' wrapper_element_attributes='' custom_class='']
<!-- BEGIN Podio web form -->
<script src="https://podio.com/webforms/15016309/1006763.js"></script>
<script type="text/javascript">// < ![CDATA[
// < ![CDATA[ _podioWebForm.render("1006763")
// ]]></script>
<noscript>
<a href="https://podio.com/webforms/15016309/1006763" target="_blank">Please fill out the form</a>
</noscript>
<div class="podio-webform-container">A webform by <a class="podio-webform-inner" href="https://company.podio.com/project-management-software">Podio</a></div>
<!-- END Podio web form -->
[/av_codeblock]

[av_textblock size='' font_color='' color='']
[:en]
[/av_textblock]

[av_codeblock wrapper_element='' wrapper_element_attributes='' custom_class='']
<!-- BEGIN Podio web form -->

// < ![CDATA[ // < ![CDATA[ //

<!-- END Podio web form -->
[/av_codeblock]

[av_textblock size='' font_color='' color='']
[:]
[/av_textblock]

谁能帮帮我？

【问题讨论】：

您似乎在使用某种 WordPress 插件。可以分享一下它的名字吗？另外，您是将这个块粘贴在“视觉”选项卡还是“文本”选项卡中？如果您将其粘贴到“可视”编辑器中，此源代码将不起作用。

标签： wordpress forms podio

【解决方案1】：

您已将表单渲染函数注释掉并以 < ![CDATA[ 为前缀

你还用[av_codeblock wrapper_element='' wrapper_element_attributes='' custom_class=''] 包裹了它，我什至不确定那是什么；但它可能会导致渲染问题。

<!-- BEGIN Podio web form -->
<script src="https://podio.com/webforms/12345/6789.js"></script>
<script type="text/javascript">
  _podioWebForm.render("6789")
</script>
<noscript>
  <a href="https://podio.com/webforms/11234/6789" target="_blank">Please fill out the form</a>
</noscript>
<div class="podio-webform-container">
  Get your <a href="https://podio.com" class="podio-webform-inner" rel="nofollow">free webform</a> from Podio
</div>
<!-- END Podio web form -->

【讨论】：

【解决方案2】：

通过查看您的代码 sn-p，webform 嵌入代码的格式看起来与我们预期的 Podio 生成的不同。例如，如果我在演示应用上导出网络表单，代码如下所示：

<!-- BEGIN Podio web form -->
<script src="https://podio.com/webforms/12345678/1234567.js"></script>
<script type="text/javascript">
  _podioWebForm.render("1234567")
</script>
<noscript>
  <a href="https://podio.com/webforms/12345678/1234567" target="_blank">Please fill out the form</a>
</noscript>
  <div class="podio-webform-container">
  Get your <a href="https://podio.com" class="podio-webform-inner" rel="nofollow">free webform</a> from Podio
  </div>
<!-- END Podio web form -->

首先，请在 Podio 中导航到您的应用程序，选择左上角的扳手图标，然后选择 Webform。在提供的字段中输入您网站的域，然后将提供的嵌入代码直接复制并粘贴到您的 Wordpress HTML 中。 Here if a helpful video that walks through this process.

【讨论】：