我需要在 Wordpress 上嵌入 Mailchimp 表单的必填字段答案

【问题标题】：I need required fields on embed Mailchimp form on Wordpress我需要在 Wordpress 上嵌入 Mailchimp 表单的必填字段
【发布时间】：2017-06-13 18:42:32
【问题描述】：

我的 Wordpress 页面中有一个嵌入公式。这是代码：

<div id="mc_embed_signup_scroll">
<h3 style="text-align: center;"><strong>PARA OBTENER TU EBOOK GRATIS</strong></h3>
<h3 style="text-align: center;"><strong><span style="color: #808080;">Solamente indícame a dónde enviártelo, acompañado de tu nombre. </span></strong></h3>
<div class="mc-field-group" style="text-align: center;"><input id="mce-EMAIL" class="required email" height="50" name="EMAIL" required="" size="40%" type="email" value="" placeholder="Correo Electrónico" /></div>
<div class="mc-field-group" style="text-align: center;"></div>
<div class="mc-field-group" style="text-align: center;"><span style="color: #808080;"><input id="mce-FNAME" class="" height="50" name="FNAME" required="" size="40%" type="text" value="" placeholder="Nombre" /></span></div>
<div class="mc-field-group" style="text-align: center;"></div>
<div style="position: absolute; left: -5000px; text-align: center;"><span style="color: #808080;"><input tabindex="-1" name="b_0b415a9fca1ed9cc7caa54c32_aa090c6422" type="text" value="" /></span></div>
<div class="clear" style="text-align: center;"><span style="color: #808080;"><input id="mc-embedded-subscribe" class="button" onClick="iAmAttilasEvent();"  name="subscribe" required="" size="40%" type="submit" value="Quiero mi Ebook Gratis" placeholder="Nombre" /></span></div>
</div>
</form></div>
<!--End mc_embed_signup-->

我希望我的字段 EMAIL 和 FNAME 被要求填写，所以如果不是，您不能按订阅按钮，它不会将您发送到任何其他站点，而是会显示一些字段中的文本，告诉您您尚未提供姓名或电子邮件。

【问题讨论】：

标签： html wordpress mailchimp

【解决方案1】：

在我看来，您似乎已经实现了目标。您在电子邮件/姓名输入中使用了 required 属性，当这些字段为空时，这应该会阻止提交表单。

【讨论】：

是的，必需的属性没问题，但是当单击订阅按钮时，它会将您发送到我的网络之外的另一个 mailchimp 页面，其中包含另一个公式（更多扩展）。当我想让用户使用相同的嵌入公式保持在同一页面中时，直到他们完成所有字段
哦！那是提交页面。您必须在帐户内的流程部分中更改它。通常我只是让 html 将您发送回页面。或者您可以使用 API。

【解决方案2】：

您需要编辑电子邮件注册过程的高级模式。

您可以这样做：

1) 转到您的 Mailchimp 帐户，然后转到 LISTS

2) 选择此表单所针对的列表。

3) 转到子导航中的Signup Forms。

4) 转到General Forms 并向下滚动到底部。有句话说创建完全自定义的表单，或者在高级模式下从头开始编写所有代码。

5) 选择高级模式 - 现在您将看到所有的流程步骤。

6) 选择Signup thank you page 并将下面的元数据添加到文档头中并保存。

<meta http-equiv="refresh" content="0;URL='http://THE PAGE YOU WANT THEM TO GO TO'" />

这是创建您想要的效果的最简单方法。如果你不想这样做，我建议使用 Mailchimp 的 API。 Here's a great tutorial.

【讨论】：