我来帮你搞定这个Shopify站点的Newsletter弹窗需求，分自行开发和找适配免费应用两种方案，完全贴合你要集成Ometria的要求：

一、自行开发实现（无需依赖Shopify应用） #

这个方案灵活度最高，完全可控，适合需要精准适配Ometria的场景。

1. 用Cookie判断首次访客 #

Shopify主题里可以通过JavaScript设置Cookie来标记访客是否已经访问过站点。首次加载时检查Cookie，不存在就触发弹窗，同时标记已访问。

把这段代码放到你的主题theme.liquid文件的</body>标签之前：

document.addEventListener('DOMContentLoaded', function() {
  // 检查是否存在"已访问"标记Cookie
  const hasVisited = getCookie('shop_first_visit');
  if (!hasVisited) {
    // 触发弹窗
    showNewsletterPopup();
    // 设置Cookie，有效期30天（可根据需求调整）
    setCookie('shop_first_visit', 'true', 30);
  }
});

// 辅助函数：获取Cookie值
function getCookie(name) {
  const value = `; ${document.cookie}`;
  const parts = value.split(`; ${name}=`);
  if (parts.length === 2) return parts.pop().split(';').shift();
}

// 辅助函数：设置Cookie
function setCookie(name, value, days) {
  let expires = "";
  if (days) {
    const date = new Date();
    date.setTime(date.getTime() + (days*24*60*60*1000));
    expires = "; expires=" + date.toUTCString();
  }
  document.cookie = `${name}=${value || ""}${expires}; path=/`;
}

2. 集成jQuery弹窗插件+自定义Ometria表单 #

选一个轻量的jQuery弹窗插件（比如Magnific Popup，直接下载源码放到主题的assets文件夹里），然后在主题里添加弹窗容器和表单，表单完全按照Ometria的要求编写。

继续在theme.liquid的</body>前添加以下代码：

<!-- 隐藏的弹窗容器 -->
<div id="ometria-newsletter-popup" class="mfp-hide">
  <h3>订阅我们获得专属优惠</h3>
  <form id="ometria-subscribe-form" method="post">
    <input type="email" name="email" placeholder="请输入你的邮箱" required>
    <!-- 可添加Ometria要求的额外字段，比如姓名 -->
    <input type="text" name="first_name" placeholder="你的名字（可选）">
    <button type="submit">立即订阅</button>
  </form>
</div>

<script>
function showNewsletterPopup() {
  // 初始化弹窗
  $.magnificPopup.open({
    items: { src: '#ometria-newsletter-popup' },
    type: 'inline',
    modal: true // 设置为模态框，点击外部不关闭
  });
}

// 处理表单提交，适配Ometria的接口
$('#ometria-subscribe-form').submit(function(e) {
  e.preventDefault();
  const formData = $(this).serialize();
  
  // 替换为Ometria提供的表单提交URL或API接口
  $.post('YOUR_OMETRIA_SUBMIT_URL', formData)
    .done(function() {
      alert('订阅成功！感谢你的关注');
      $.magnificPopup.close();
    })
    .fail(function() {
      alert('订阅失败，请稍后重试');
    });
});
</script>

记得把YOUR_OMETRIA_SUBMIT_URL替换成Ometria官方给的表单提交地址，或者按照他们的API文档处理数据提交。

3. 自定义弹窗样式 #

在主题的自定义CSS区域（或者stylesheet.css.liquid文件）添加样式，让弹窗更贴合你的站点风格：

#ometria-newsletter-popup {
  background: #fff;
  padding: 2rem;
  max-width: 420px;
  margin: 0 auto;
  border-radius: 8px;
}

#ometria-newsletter-popup h3 {
  margin-top: 0;
  text-align: center;
  color: #222;
}

#ometria-newsletter-popup input,
#ometria-newsletter-popup button {
  width: 100%;
  padding: 0.8rem;
  margin: 0.5rem 0;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 4px;
}

#ometria-newsletter-popup button {
  background: #000;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}

#ometria-newsletter-popup button:hover {
  background: #333;
}

二、适配需求的免费Shopify应用推荐 #

如果不想自己写代码，找支持以下特性的免费应用即可：

• 仅对首次访客展示弹窗
• 允许添加自定义HTML表单（不强制使用自带表单构建器）

推荐几个符合要求的选项：

• Popups by OptiMonk Free：免费版支持设置首次访客触发规则，并且允许直接嵌入自定义HTML代码，你可以把Ometria的表单代码直接粘贴进去。
• Privy Free：免费版虽然功能有限，但支持首次访问弹窗触发，并且提供自定义HTML区块，用来放置你的Ometria表单。
• Popup Maker：免费版支持访客触发规则（首次访问），同时允许完全自定义弹窗内的HTML内容。

使用这类应用时，只需要跳过自带的表单构建步骤，直接在自定义HTML区域粘贴你按照Ometria要求编写的表单代码即可。

内容的提问来源于stack exchange，提问作者Dmitry