如何在Bolt中的页面上嵌入外部小部件？

Question

我试图将预订系统小部件嵌入到我的螺栓首页（使用base-2018主题的唯一homepage ）。 我将其粘贴到“ Content窗口中，首先选择“ Source 。 Bolt似乎可以解释发生了什么，因为代码中突出显示了各种标记和ID。

小部件代码大致如下：

<div id="bokun [blabla]">Loading...</div>
<p><script type="text/javascript"><br />
var w15;<br />
(function(d, t) {<br />
  var host = 'widgets.bokun.io';<br />
  var frameUrl = 'https://' + host + '/widgets/15';<br />
  var s = d.createElement(t), options = {'host': host, 'frameUrl': frameUrl, 'widgetHash':'w15', 'autoResize':true,'height':'','width':'100%', 'minHeight': 0,'async':true, 'ssl':true, 'affiliateTrackingCode': '', 'transientSession': true, 'cookieLifetime': 43200 };<br />
  s.src = 'https://' + host + '/assets/javascripts/widgets/embedder.js';<br />
  s.onload = s.onreadystatechange = function() {<br />
    var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;<br />
    try {<br />
      w15 = new BokunWidgetEmbedder(); w15.initialize(options); w15.display();<br />
    } catch (e) {}<br />
  };<br />
  var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);<br />
})(document, 'script');<br />
</script></p>

我只编辑了此小部件具有的唯一ID。 否则，将从提供者那里复制它，并在我当前的Wordpress网站上工作...当我将其粘贴到Wordpress中时，ALTHOUGH，编辑器会通知我“出了点问题”，并请我进行纠正。

我该如何插入？ 我是否需要创建一个.js文件并按照Twig标准进行引用，如果是，该怎么办？ 我还应注意，一旦您在该站点中按下某些内容，该窗口小部件就会重定向到同一站点中的另一个页面。 谢谢。

螺栓版本： 3.6.5

Answer 1

您需要将所需的每个标记和属性添加到config.yml中 。