Question

我为网站创建了一个超级简单的mailchimp表单（只是电子邮件）。 http://jelato.love/newsletter

当点击订阅时，它会打开一个新窗口，其中包含我使用＆＃34生成的自定义URL;谢谢＆＃34; 2秒后重定向到站点主页的消息。

任何人都知道是否有办法避免这个新窗口？点击订阅并加载到自定义URL的同一窗口/选项卡上？

非常感谢

代码：

<style type="text/css">
#mc_embed_signup {background: transparent!important; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;color: #cd4038!important;}
</style>
<div id="mc_embed_signup" class="element">
<form action="https://love.us17.list-manage.com/subscribe/post?u=934cacc38490d44fbae4b28e4&amp;id=74bd78df58" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">

<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Email adress" required>

<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_934cacc38490d44fbae4b28e4_74bd78df58" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>

Answer 1

删除target属性或使用target="_self"

使用target="_blank"在提交表单时打开新标签页。

<form action="https://love.us17.list-manage.com/subscribe/post?u=934cacc38490d44fbae4b28e4&amp;id=74bd78df58" 
method="post" id="mc-embedded-subscribe-form" 
name="mc-embedded-subscribe-form" class="validate"
target="" novalidate>

来自docs

的

目标属性

_blank响应显示在新窗口或标签页
中
_self：响应显示在同一帧中（这是默认值）

_parent：响应显示在父框架
中
_top：响应显示在窗口的整个正文中

framename：响应显示在命名的iframe
中

您的代码已更新：

<style type="text/css">
#mc_embed_signup {background: transparent!important; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;color: #cd4038!important;}
</style>
<div id="mc_embed_signup" class="element">
<form action="https://love.us17.list-manage.com/subscribe/post?u=934cacc38490d44fbae4b28e4&amp;id=74bd78df58" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="" novalidate>
<div id="mc_embed_signup_scroll">

<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Email adress" required>

<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_934cacc38490d44fbae4b28e4_74bd78df58" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>

同一窗口/标签上的Mailchimp确认页面

1 个答案: