Formulaire d’abonnement aux lettres-infos

Formulaires Contact Form (WPCF7)

Chaque site doit définir son propre formulaire, en particulier en dupliquant le bloc correspondant à un forum et en remplaçant les noms des champs agdpforum-ecopartage par agdpforum-[slug de la page].

<label> Votre adresse e-mail
    [email* nl-email autocomplete:email] </label>

<div class="agdp-tabs-wrap">
<div class="agdp-tabs-wrap"><h2>Agenda</h2>
<label class="next-radio-br"> Votre abonnement à l'Agenda</label>[radio nl-period-agdpevent default:2 use_label_element "(no_change)" "Aucun abonnement|none" "Tous les mois|m" "Tous les quinze jours|2w" "Toutes les semaines|w"]

[checkbox nl-send_newsletter-now-agdpevent use_label_element "Recevoir maintenant la lettre-info des évènements à venir"]
</div>
<div class="agdp-tabs-wrap"><h2>Covoiturages</h2>
<label class="next-radio-br"> Votre abonnement Covoiturages</label>[radio nl-period-covoiturage default:2 use_label_element "(no_change)" "Aucun abonnement|none" "Tous les jours|d" "Toutes les semaines|w"]

[checkbox nl-send_newsletter-now-covoiturage use_label_element "Recevoir maintenant la lettre-info des covoiturages"]
</div>
<div class="agdp-tabs-wrap agdpforum-ecopartage"><h2>Écopartage</h2>
<label class="next-radio-br"> Votre abonnement Écopartage</label>[radio nl-period-agdpforum-ecopartage default:2 use_label_element "(no_change)" "Aucun abonnement|none" "Tous les jours|d" "Toutes les semaines|w"]

[checkbox nl-send_newsletter-now-agdpforum-ecopartage use_label_element "Recevoir maintenant les messages Écopartage"]
</div>
<div class="admin-user-only">
<div class="agdp-tabs-wrap"><h2>Administrateur</h2>
<label class="next-radio-br"> Votre abonnement Administrateur </label>[radio nl-period-admin default:2 use_label_element "(no_change)" "Aucun abonnement|none" "Tous les jours|d" "Toutes les semaines|w"]

[checkbox nl-send_newsletter-now-admin use_label_element "Recevoir maintenant les statistiques d'administration"]
</div>
</div>
</div>

<div class="if-not-connected">
<label>Se connecter pour ajouter plus facilement des évènements </label>[checkbox nl-create-user use_label_element "Créer un compte|1"]
<label for="nl-user-name">Pour le compte, votre nom [text nl-user-name size:20]</label>
</div>

[response]
[submit "Valider"]

Vous noterez les définitions de classe agdp-tabs-wrap qui génèrent des onglets.

Vous noterez aussi la classe admin-user-only qui restreint l’accès aux seul-e-s administrateurices.

Ainsi que la classe if-not-connected qui n’affiche le bloc div uniquement si aucun utilisateur n’est connecté.