sign up form, similar, but better

[atherdon]

This is an auto-generated form from a tool that we're using for sending emails.

<form action="https://www.noonifications.tech/subscribe" method="POST" accept-charset="utf-8">
	<label for="name">Name</label><br/>
	<input type="text" name="name" id="name"/>
	<br/>
	<label for="email">Email</label><br/>
	<input type="email" name="email" id="email"/><br/><br/>
<input type="checkbox" name="gdpr" id="gdpr"/>
<span><strong>Marketing permission</strong>: I give my consent to  to be in touch with me via email using the information I have provided in this form for the purpose of news, updates and marketing.</span>
<br/><br/>
<span><strong>What to expect</strong>: If you wish to withdraw your consent and stop hearing from us, simply click the unsubscribe link at the bottom of every email we send or contact us at [email protected]. We value and respect your personal data and privacy. To view our privacy policy, please visit our website. By submitting this form, you agree that we may process your information in accordance with these terms.</span>
<br/><br/><div style="display:none;">
	<label for="hp">HP</label><br/>
	<input type="text" name="hp" id="hp"/>
	</div>
	<input type="hidden" name="list" value="6eFZ90f1kttGwawbnQXMYg"/>
	<input type="hidden" name="subform" value="yes"/>
	<input type="submit" name="submit" id="submit"/>
</form>

автоматически сгенерированная форма: https://www.noonifications.tech/subscription?f=j28EnWyH9wGZARER2Y82w892763gedWHJ7qKt9VtTZwnDd892q5WQIZ9n8926fMrN7TxYfr0

[atherdon]

Пример email: https://www.noonifications.tech/w/2E763fHP7qqco2763f0U892jzBRw
ссылка к лого: https://gitlab.com/hackernoon/creative/-/raw/master/newsletters/logos/brand/hackernoon.png
но мне кажется оно большое и нужен re-size

[atherdon]

Потом нужно будет еще captcha интегрировать. но мне нужен будет код от гугл

[atherdon]

Я немогу найти работающую форму. скорее всего она была удалена когда мы перестали платить Mailchimp. будем восстанавливать по скриншотам, но мы можем делать ее лучше. прошлая форма была сделана с помощью их drag-n-drop

0. old subscribe form - ugly on mobile

1. наверное это последняя версия формы которую я сумел заскриншотить

2. форма изменения настроек. анпример пользователь захотел изменить свой email

3. форма отписки

4. страница пример good-bye после того как человек отписался. я думаю что с нее нам нужно просто скопировать идею.

тоесть пустая страница, на которой вначале идет gif: https://media.giphy.com/media/iDIXsF8sBMCdxlqyi3/source.gif
а потом текст:

Sorry to see you go.
Help us to understand what didn't work for you so we can improve Hackernoon for others.

[atherdon]

Респонсив будет очень важен для формы подписки. ниже приложу примеры, которые работают

тоесть посути они умудрились запихнуть все на один mobile screen. но мы можем подумать как это сделать позже

[master-bogdan]

@atherdon в какую часть проекта это нужно добавить ?

[atherdon]

пока это не нужно добавлять. точнее я хочу, но это относится к разработке HTML.

и скорее всего мы вначале добавим эти формы на проект sendgrid, только другой api call будет.
а потом вынесем вообще в отдельный проект. потому что это форма подписки на почту.

[atherdon]

а вообще, текущая версия формы выгладит так:

• https://hackernoon.gitlab.io/subscribe-form/subscribe.html
• https://hackernoon.gitlab.io/subscribe-form/good-bye.html
• https://hackernoon.gitlab.io/subscribe-form/unsubscribe.html