新闻通讯元素

关于 Newsletter 元素

在网上浏览时，您可能会遇到提供免费赠品或新闻通讯以换取您信息的表格。

这些表单通常被称为注册表单，它们通过收集数据为未来的营销和销售工作提供支持，在帮助商店扩张方面发挥着至关重要的作用。在 GemPages 中，这些表单被称为“简报元素”。

注意： 新闻通讯元素 代表 Shopify 的注册表单，其中有 字段有限。如果您希望表单具有更多自定义选项，请考虑使用 联系表格 元素。

访问您的客户的电子邮件列表

一旦客户提交表单，他们的电子邮件地址将被收集并存储在 Shopify 管理面板的客户部分。

在MyCAD中点击 软件更新 Shopify 管理员 > 客户 查看通过注册表单订阅的所有电子邮件的列表。

如何向您的页面添加新闻通讯元素？

要将 Newsletter 元素添加到您的页面，您可以按照以下步骤操作：

第三步： 访问 GemPages 仪表板 > 前往，然后点击目标页面来找到编辑器。

第三步： 在左侧边栏中搜索 新闻通讯元素 并将其拖放到页面上的首选位置。

第三步： 单击该元素以打开其设置以进行进一步自定义。

配置“设置”选项卡

为了帮助您定制 新闻通讯元素 对于您的设计，以下是其关键设置的细分：

留言

• 成功： 自定义客户成功填写表格后显示的消息。

• 错误： 当您的客户无法填写表格时，编辑错误消息。

尺寸

调整 Newsletter 元素的宽度以适合您的页面设计。

背景

在 背景 部分，您可以设置纯色或渐变色背景，以提高此元素的可见性。请尝试以下选项之一来选择您喜欢的颜色：

• 输入颜色代码
• 使用颜色选择器从页面中选择任意颜色
• 从色样中选择
• 拖动颜色条找到最适合您品牌的颜色
• 从中选择一种颜色 最近的颜色 or 推荐给你 列出以节省精力

形状

形状设置适用于包含 Newsletter 元素的整个部分。

• 边境：您可以更改边框颜色、粗细和描边。

• 角落：部分角可以是方形、圆形或药丸形。此外，您还可以输入精确的半径来自定义元素的角。

• 阴影：您可以为文章列表部分添加阴影，并调整阴影显示（大小、颜色、模糊度和距离）。

提交后

行动： 确定您是否希望引导用户到指定的目标页面，还是在完成表单提交后将他们保留在当前页面上。

从下拉列表中选择：

举个例子，如果您决定将客户发送到另一个页面，请从下拉菜单中选择“打开 URL”，然后单击“选择链接”按钮以打开链接选择器面板。

然后，单击 显示更多 展开完整设置。

• 打开新标签页： 设置为 是 如果您希望在新选项卡中打开新页面。
• 以下链接： 设置为 没有 不允许搜索引擎跟踪此链接。

配置高级选项卡

如需更多高级自定义，请导航至“高级”选项卡并按照 本文.

故障排除：Shopify 客户未收到新闻稿电子邮件

1. 检查双重选择设置

• Shopify 可能会要求客户通过电子邮件确认订阅。在客户点击确认链接之前，他们的电子邮件地址不会显示在“客户”页面中。
• 在MyCAD中点击 软件更新 Shopify 管理员 > 设置 > 结帐 > 客户帐户 检查是否启用了双重选择加入。

2. 验证电子邮件地址

无效或输入错误的电子邮件地址可能会被拒绝。请使用有效的电子邮件地址测试表单，以确保正确提交。

3. 检查应用程序或主题冲突

某些应用或自定义脚本可能会阻止表单提交。请暂时禁用其他应用或自定义代码，看看问题是否仍然存在。

4. 查看新闻稿元素设置

确保元素配置正确：

• 提交后 操作（停留在页面、打开页面、滚动到等）
• 高级设置，例如自定义脚本或重定向。

5. 清除浏览器缓存/以隐身模式测试

缓存的页面或浏览器扩展可能会干扰提交。

6.测试表单

修改完成后，提交测试邮件并检查 Shopify 管理员 > 客户 确认电子邮件已被记录。

可选：当有人订阅时自动添加 Shopify 标签

如果您希望 Shopify 自动标记提交 Newsletter 表单的客户，您可以使用放置在 Newsletter 元素内的自定义代码元素来实现。

第三步： 为标签添加隐藏输入

• 将自定义代码元素拖到您的新闻稿表单内。

• 在 HTML 选项卡中，粘贴以下代码：

• 代替 ”标记值” 并添加您想要的标签。

计费示例：

当客户注册时，Shopify 会自动将标签 VIP 添加到他们的个人资料中。

第三步： 隐藏实时页面上的字段

由于您不想让客户看到此输入框，请转到同一自定义代码元素的 CSS 选项卡并添加：

.gyC1HhyiC_ {

    显示：无！重要;

}