如何将外部小部件嵌入到 Bolt 中的页面？

Question

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

widget代码大致是这样：

<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 中时，编辑器通知我 "there's something wrong" 并让我更正它。

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

螺栓版本：3.6.5

Answer 1

您需要添加每个 tag and attribute that you need into the `config.yml。

如何将外部小部件嵌入到 Bolt 中的页面？

How to embed an external widget to a page in Bolt?

bolt-cms