在prestashop页面中插入JS脚本

我正在创建我的第一个prestashop网站。我有一个小问题，当我试图把一个脚本在cms页面。 我有四个脚本我想把他们放在四个不同的页面。。。这可能吗

脚本1示例：

<script src="https://example.com/venue-menu/javascript/widget-button.js?v1"></script>
<script>
  (function()

{ /* some code here */; }
());
</script>

我想把这个div放到页面上

<div
id="online-booking-widget-iframe"
data-widget-url="https://example.com/384954/menu/"
></div>

有什么建议吗？ 我正在使用prestashop 1.7.6.5

将有一个包含以下内容的文件

{extends file='page.tpl'}

{block name='page_title'}
  {$cms.meta_title}
{/block}

{block name='page_content_container'}

<!-- CODE ADDED -->
<script src="https://example.com/venue-menu/javascript/widget-button.js?v1"></script>

<!-- REPLACE BELOW CMS ID 7 -->
{if $cms.id==7} 
<script> (function() 

()); </script> 
{/if}
<!-- end- REPLACE BELOW CMS ID WITH PAGE ID  -->

  <section id="content" class="page-content page-cms page-cms-{$cms.id}">

    {block name='cms_content'}
      {$cms.content nofilter}
    {/block}

    {block name='hook_cms_dispute_information'}
      {hook h='displayCMSDisputeInformation'}
    {/block}

    {block name='hook_cms_print_button'}
      {hook h='displayCMSPrintButton'}
    {/block}

  </section>
{/block}

->包含主jQuery

<!-- REPLACE BELOW CMS ID 7  -->
`{if $cms.id==7}`  => You can place any cms id over here.

必须在active theme目录中重写文件page.tpl