同一 window/tab 上的 Mailchimp 确认页面

Question

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

当点击订阅时，它会打开一个新的 window，其中包含我创建的自定义 URL 消息 "thank you"，该消息会在 2 秒后重定向到网站主页。

任何人都知道是否有任何方法可以避免这种新的 window？单击订阅并加载与自定义 URL?

相同的 window/tab

非常感谢

代码：

<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 The response is displayed in a new window or tab

_self : The response is displayed in the same frame (this is default)

_parent : The response is displayed in the parent frame

_top : The response is displayed in the full body of the window

framename : The response is displayed in a named 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>

同一 window/tab 上的 Mailchimp 确认页面

Mailchimp Confirmation page on same window/tab

javascript

mailchimp