Para criar uma lista de espera na landing page, foi necessário fazer integração com um serviço de terceiro. Dessa forma a entrega fica mais ágil, sem a necessidade de criar uma aplicação própria.
O serviço escolhido foi o do Mailchimp.
Nessa aula foi embutido o formulário do Mailchimp na landing page da aplicação.
Meu HTML ficou assim:
<form action="<https://gmail.us9.list-manage.com/subscribe/post?u=75d974e4e8c19e754c65113f4&id=5beaf5aad0&f_id=003629e1f0>"
method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form"
class="form-row align-items-center" target="_self" novalidate="">
<div class="form-row align-items-center">
<div class="col-auto">
<label class="sr-only" for="mce-EMAIL">e-mail</label>
<input type="email" name="EMAIL" class="form-control required" id="mce-EMAIL" placeholder="[email protected]">
</div>
<div class="col-auto">
<label class="sr-only" for="mce-FNAME">e-mail</label>
<input type="text" name="FNAME" class="form-control" id="mce-FNAME" placeholder="Seu nome">
</div>
<div aria-hidden="true" style="position: absolute; left: -5000px;">
/* real people should not fill this in and expect good things - do not remove this or risk form bot signups */
<input type="text" name="b_75d974e4e8c19e754c65113f4_5beaf5aad0" tabindex="-1" value="">
</div>
<div class="col-auto">
<input type="submit" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary" value="Subscribe">
</div>
</div>
</form>
E esse foi o resultado na página:
Com essa simples integração, já foi possível se inscrever na lista criada anteriormente. E ainda por cima, o usuário pode fazer a gestão das inscrições em sua lista de e-mails dentro do Mailchimp.