在网站中添加Mailchimp

在网站中添加Mailchimp

通过在 Framer 网站上设置 Mailchimp 订阅表单,将表单提交直接转发到您的 Mailchimp 账户。

如何将 Mailchimp 添加到您的网站

从 Mailchimp 获取表单 URL

在您的 Mailchimp 账户中,进入嵌入式表单代码部分。

  • 复制 <form action=""> 中的表单 URL。URL 格式将类似于:https://framer.us18.list-manage.com/subscribe/post?u=01218bcf94e5b95825414d926&id=7899444161&f_id=004555e7f0

在 Framer 中添加 Mailchimp 组件

  • 在 Framer 中打开您的项目,然后转到画布左侧的插入面板。

  • 表单部分,找到 Mailchimp 组件并将其拖放到画布的任意页面上。

  • 该组件包含一个电子邮件输入框和一个注册按钮。

主面板显示表单选项,包括表单构建器以及 Loops、ConvertKit、Mailchimp、Waitlist 和 FormSpark 等电子邮件注册集成。

粘贴表单 URL 并自定义

  • 选中 Mailchimp 组件,在右侧属性面板中,将表单 URL 粘贴到表单 URL字段中。

  • 在 URL 字段下方,您可以自定义表单外观,包括输入框、按钮、布局、颜色、字体和圆角半径等选项。

Mailchimp 集成设置面板截图。

预览或发布您的网站

  • 自定义完表单后,预览或发布您的网站以测试功能。表单将立即生效。

我们的原生表单解决方案

Framer 还提供具备以下功能的原生表单:

  • 可自定义表单,支持 10 多种输入类型。

  • 可设计各种交互状态的表单。

  • 支持通过邮件Google Sheets自定义 Webhook 提交数据。

  • 内置防垃圾邮件频率限制功能,提升安全性。

如需添加原生表单,请参考 本文

在 Framer 中使用 Mailchimp 的主要场景

  • 提供折扣:通过提供产品或服务的折扣码鼓励用户订阅,将一次性顾客转化为回头客。

  • 获取潜在客户:用白皮书或 PDF 等优质内容换取邮箱注册,再通过后续邮件培育并筛选潜在客户。

  • 发送独家技巧:通过提供其他地方没有的独特技巧和资源来增长您的邮件列表,促使访客主动订阅。

通过 Mailchimp 集成,您可以在 Framer 网站上轻松与访客互动,扩展您的邮件订阅者列表,并持续扩大受众群体。

如果您仍有问题,请通过我们的 联系页面 与我们联系以获得进一步帮助。

Create a free website with Framer, the website builder loved by startups, designers and agencies.