Ajouter un formulaire de newsletter

mbess commented

2023-05-29 09:34:54 +00:00

Owner

De la même manière que ce site (à la fin)
https://retrobox.tech/en/

Placer un formulaire full-width avec un background image, relativement fin
formulaire évolutif avec à la fois un formulaire classique et avec du javascript pour ceux qui en ont pour faire de l'ajax.

Le but étant d'envoyer une requête POST sur l'instance ListMonk de l'Étoile.

De la même manière que ce site (à la fin) https://retrobox.tech/en/ Placer un formulaire full-width avec un background image, relativement fin formulaire évolutif avec à la fois un formulaire classique et avec du javascript pour ceux qui en ont pour faire de l'ajax. Le but étant d'envoyer une requête POST sur l'instance [ListMonk](https://listmonk.app/) de l'Étoile.

mbess added this to the (deleted) project 2023-05-29 09:34:54 +00:00

gzod01 commented

2023-05-29 11:47:12 +00:00

Member

Je peux faire le backend (par exemple en php) si tu veux... Ainsi que le système de newsletter... Après si t'as déjà une idée en tête je te laisse le faire ...

mbess commented

2023-05-29 17:19:32 +00:00

Author

Owner

Je peux faire le backend (par exemple en php) si tu veux... Ainsi que le système de newsletter... Après si t'as déjà une idée en tête je te laisse le faire ...

Pour le backend, pas besoin de se casser la tête aprioris on va utiliser ListMonk hébergé sur https://lists.etoiledebethleem.fr/

Il faut juste implémenter un truc qui envoi un formulaire sur:

POST https://lists.etoiledebethleem.fr/subscription/form

avec comme body sous la forme application/x-www-form-urlencoded :

email=john.doe@example.org
name=John Doe (facultatif)
l=ce2898f7-4c9e-4e3f-937b-5aa62fd2ca2f (l'UUID de la liste à laquelle on s'abonne)

Voici un exemple en HTML:

<form method="post" action="https://lists.etoiledebethleem.fr/subscription/form" class="listmonk-form">
    <div>
        <h3>Subscribe</h3>
        <input type="hidden" name="nonce" />
        <p><input type="email" name="email" required placeholder="E-mail" /></p>
        <p><input type="text" name="name" placeholder="Nom (facultatif)" /></p>
      
        <p>
          <input id="ce289" type="checkbox" name="l" checked value="ce2898f7-4c9e-4e3f-937b-5aa62fd2ca2f" />
          <label for="ce289">Newsletter publique de l'Étoile</label><br /><span>Ouverte à tout le monde pour rester au courant des actus de l'asso.</span>
        </p>

        <p><input type="submit" value="S'abonner" /></p>
    </div>
</form>

> Je peux faire le backend (par exemple en php) si tu veux... Ainsi que le système de newsletter... Après si t'as déjà une idée en tête je te laisse le faire ... Pour le backend, pas besoin de se casser la tête *aprioris* on va utiliser [ListMonk](https://listmonk.app/) hébergé sur https://lists.etoiledebethleem.fr/ Il faut juste implémenter un truc qui envoi un formulaire sur: `POST https://lists.etoiledebethleem.fr/subscription/form` avec comme body sous la forme `application/x-www-form-urlencoded` : ``` email=john.doe@example.org name=John Doe (facultatif) l=ce2898f7-4c9e-4e3f-937b-5aa62fd2ca2f (l'UUID de la liste à laquelle on s'abonne) ``` Voici un exemple en HTML: ```html <form method="post" action="https://lists.etoiledebethleem.fr/subscription/form" class="listmonk-form"> <div> <h3>Subscribe</h3> <input type="hidden" name="nonce" /> <p><input type="email" name="email" required placeholder="E-mail" /></p> <p><input type="text" name="name" placeholder="Nom (facultatif)" /></p> <p> <input id="ce289" type="checkbox" name="l" checked value="ce2898f7-4c9e-4e3f-937b-5aa62fd2ca2f" /> <label for="ce289">Newsletter publique de l'Étoile</label><br /><span>Ouverte à tout le monde pour rester au courant des actus de l'asso.</span> </p> <p><input type="submit" value="S'abonner" /></p> </div> </form> ```

mbess added the

todo

label 2023-05-29 20:14:42 +00:00

mbess added this to the Dev Site web project 2023-05-29 20:18:06 +00:00