邮件芯片

安静 Elementor Mailchimp 表单 是将访问者转变为订阅者的最快方法之一。 邮件芯片 小部件在 Elementor 的主插件 将注册表单直接放入您的布局中,它为您提供了两种运行方式:选择保存的默认表单,或编写您自己的自定义 HTML 标记。下面我涵盖两者,从 Elementor 面板到实时页面。

Elementor Mailchimp 表单小部件的工作原理 #

小部件呈现 a Elementor 中的 Mailchimp 注册表单 无需单独的表单插件。通过选择保存的表单将其连接到现有的 Mailchimp 受众,或使用自己的字段、标签和复选框构建自定义表单。一旦 API 密钥到位,表单就会收集订户数据并将其移交给 Mailchimp。

在开始之前 #

• 文字出版社 与 元素 已安装并处于活动状态。
• Elementor 的主插件 已安装并处于活动状态,如果您尚未安装,请按照 安装指南.
• Mailchimp 小部件在主插件选项面板中启用。
• Mailchimp 帐户和 API 密钥。该小部件显示警告,直到该密钥保存在主插件设置中。

将小部件添加到您的页面 #

打开 元素编辑器 并搜索小部件面板中的 “Mailchimp。” 拖动主插件 邮件芯片 widget 进入你想要表单的部分,它会随邮件字段、术语复选框和 “注册” 按钮一起掉入,再加上一个红色通知,即 Mailchimp API 键仍然需要设置。该通知预计将在新安装上,所以不要让它丢给你。

使用默认的 Mailchimp 注册表单 #

在"内容"选项卡中,离开 形式类型 上 默认值. X = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 MailChimp 登录表 dropdown 列出了已保存在 Mailchimp 帐户中的表单,例如 “opt in。” 选择您想要的表单。该小部件从 Mailchimp 中拉出字段结构并将其直接渲染到画布上。

这是获得最快的方法 Elementor 中的 Mailchimp 注册表单 live,因为 Mailchimp 处理字段映射。剩下的就是对表单进行造型以适合您的页面。

构建自定义 Mailchimp 表单 #

设置 形式类型 下拉到 定制. A 定制表格 textarea 显示在您粘贴自己的 HTML 标记的位置。当您需要额外的字段、自定义标签或特定的复选框布局时,请触及此内容。

视频中的演示标记使用了一个可以适应的简单结构:

<p>
  <label for="email">Email address:</label>
  <input type="email" id="email" name="EMAIL" placeholder="Your email address">
</p>

<p>
  <label>
    <input type="checkbox" name="AGREE_TO_TERMS" value="1" required>
    I have read and agree to the terms & conditions
  </label>
</p>

<p>
  <input type="submit" value="Sign up">
</p>

Elementor 外部的标记,如果你更愿意编写和预览,那么那个带有实时预览的并排代码编辑器来自免费 WordPress 邮筒 (MC4WP) plugin,而不是主插件本身。左侧标记,右侧实时预览,因此您可以在粘贴到小部件之前右侧获取布局。

用自定义标记绊倒人们的一件事:你的 name 属性必须与您的 Mailchimp 受众合并标签相匹配。特别是电子邮件字段必须使用 name="EMAIL"的,或者 Mailchimp 不会识别订阅者地址,注册默默失败。

配置您的 Mailchimp API 密钥 #

小部件不断显示该警告,直到保存 API 密钥。在 WordPress 管理员中,打开 主插件 mailchimp 设置区域并找到。粘贴您的密钥, 保存,然后返回到 Elementor 编辑器。警告清除, 表单已准备好接收订阅者。

从您的中生成密钥 Mailchimp 帐户设置。保持私密,并且永远不要将其粘贴到自定义表单标记本身中,因为该标记对于任何查看页面源的人来说都是可见的。

样式形式 #

的 风格 tab 向您提供表单字段、标签、复选框和提交按钮的常用 Elementor 控件:颜色、排版、间距、边框和对齐方式 Elementor 电子邮件注册表 line up 与设计的其他部分。它默认会拾取您的主题字体,因此在大多数站点上,您只会触摸按钮颜色和一点字段间距。

实时页面上的结果 #

在前端,表格显示电子邮件字段、术语复选框和提交按钮,与您设置的按钮完全相同。随着 API 密钥处于活动状态,提交内容将直接进入您选择的 Mailchimp 受众。

常见用例 #

• 博客时事通讯: blog的页脚或侧边栏中掉落一个简单的电子邮件字段。
• 铅磁铁: 将表格与下载按钮配对,以便访问者在获取指南之前订阅。
• 产品发布页面: 在登陆页面上收集早期访问的电子邮件。
• 活动注册: 使用自定义标记添加名称、公司或同意复选框。
• 页脚订阅: 嵌入紧凑型 Elementor 的 Mailchimp 小部件 在网站页脚中。

有关更多表格选项,请参阅 联系表 7 小部件.要使公告栏与注册表一起坐,请尝试 新闻股票小部件.

视频教程 #

Prefer观看?此演练将Mailchimp小部件端到端设置为从选择表单类型到实时页面上的注册表单:

常见问题 #

包裹起来 #

主插件 Mailchimp 小部件 是直接添加的方式 Elementor Mailchimp 表单 to any page。go 与默认表单速度, 或者切换到自定义模式, 当你想要完全控制标记和字段。无论哪种方式, 它连接到你的 Mailchimp 受众一旦 API 密钥设置。浏览全套 主插件小部件和扩展 了解更多工具来增加您的列表。