trevorscottt Ответов: 0

Кодирование простой формы отправки электронной почты

Эй ребята,

Я, имея трудное время, собирая все это вместе. У меня есть очень простая целевая страница, нет прокрутки сайта с минимальной информацией, а затем я хочу иметь место, где люди могут отправлять мне свою электронную почту.

Почти точно так же, как это происходит на целевой странице здесь thehustle.ко просто изменив некоторые цвета и шрифты.

Я бы хотел, чтобы эти письма направлялись в список MailChimp, где они будут получать автоматические электронные письма. Я добрался до кода ниже, но где у меня возникли проблемы ... когда они нажимают кнопку Отправить, я просто хочу, чтобы действие сработало без того, чтобы пользователь покинул мой сайт и приземлился на веб-сайте Mailchimp, чтобы быть встреченным страницей благодарности.

Бонус: если кто-то знает быстрый способ стилизовать форму точно так же, как ссылка выше (минус шрифт/цвет), это будет очень ценно. Я новичок в этом деле и пытаюсь изучить основы.

Что я уже пробовал:

<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="https://trevorcapozza.us13.list-manage.com/subscribe/post?u=23cdda383d448c692aeade873&id=1e964d6930" 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 address" required>
    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_23cdda383d448c692aeade873_1e964d6930" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>

<!--End mc_embed_signup-->

0 Ответов