Créer un formulaire d'adhésion gratuite

Pour créer un formulaire d'inscription à une adhésion gratuite, vous utiliserez l'attribut membershipLevelId en conjonction avec l'attribut MM_Form SmartTag. Cette balise est utilisée pour limiter un formulaire à un identifiant de niveau d'adhésion spécifique. L'utilisation de cette méthode vous permet de créer une page de paiement spécifique configurée uniquement pour l'inscription à une adhésion gratuite, sans qu'aucune information de facturation ne soit collectée.

Attributs

membershipLevelId - Spécifie l'identifiant du niveau d'adhésion acheté dans le formulaire de paiement. Si cet attribut n'est pas fourni, le formulaire de paiement tentera d'obtenir l'identifiant du produit à partir du paramètre "rid" de la chaîne de requête dans l'URL du navigateur. L'utilisation de cet attribut garantit que le formulaire de paiement ne peut être utilisé que pour l'identifiant d'adhérent spécifique défini. En général, vous ne voudrez pas utiliser cet attribut sur votre page principale de paiement, mais plutôt sur une page de paiement spécifique utilisée pour une adhésion gratuite. Lisez cet article pour savoir comment trouver les identifiants des niveaux d'adhésion.. 

Utilisation

[MM_Form type='checkout' membershipLevelId='1']
<em>(Remplacez 1 par l'ID du niveau d'adhésion que vous souhaitez utiliser)
</em>

[MM_Form_Section type='accountInfo']
<em>...champs du formulaire d'information sur le compte et contenu connexe...</em>
[/MM_Form_Section]


<a href="/fr/[MM_Form_Button type='submit' paymentMethod='default']/" class="mm-button orange large rounded">S'inscrire</a>
<em>(Cela remplace tous les boutons qui s'affichent normalement sur votre page de paiement, y compris PayPal, par un bouton personnalisé. Vous pouvez utiliser les styles de boutons MemberMouse pour modifier l'aspect de ce bouton).
</em>
[/MM_Form] 

Exemple complet (sans style HTML)

Il s'agit du code à utiliser pour une adhésion gratuite uniquement. Si vous l'utilisez pour une adhésion payante, utilisez le modèle de caisse complet et l'attribut membershipLevelId. N'oubliez pas de remplacer l'identifiant du niveau d'adhésion par celui du niveau d'adhésion gratuit de votre site.

[MM_Form type='checkout' membershipLevelId='1']

[MM_Form_Message type='error']
   
[MM_Form_Section type='accountInfo']
Informations sur le compte
Prénom : [MM_Form_Field type='input' name='firstName']
Nom de famille : [MM_Form_Field type='input' name='lastName']
Email : [MM_Form_Field type='input' name='email']
Mot de passe : [MM_Form_Field type='input' name='password']
Téléphone : [MM_Form_Field type='input' name='password'] [MM_Form_Field type='input' name='phone']
[/MM_Form_Section]
   
<a href="/fr/[MM_Form_Button type='submit' paymentMethod='default']/" class="mm-button orange large rounded">S'inscrire</a>
[/MM_Form]

Ce code générera un formulaire dont l'aspect sera très proche de celui-ci, en fonction des couleurs et des polices incluses dans votre thème installé :

Les champs Email et Mot de passe sont essentiels, mais vous pouvez configurer le formulaire de manière à ce que certains ou tous les autres champs du formulaire ne soient pas visibles sur la page de paiement. Vous devrez modifier les informations de la section type=' ' de type='input' à type='hidden'. L'article Rendre les champs facultatifs dans le formulaire de paiement vous donnera plus d'informations sur la manière d'ajouter ou de masquer des champs sur votre page de paiement.

Exemple complet (avec style HTML)

Nous avons constaté que certains clients préfèrent un style supplémentaire déjà présent dans le code. Si c'est votre cas, essayez plutôt le code ci-dessous pour votre formulaire. 

Comme dans l'exemple ci-dessus, il s'agit du code à utiliser pour une adhésion gratuite uniquement. Si vous l'utilisez pour une adhésion payante, utilisez le modèle de caisse complet et l'attribut membershipLevelId. N'oubliez pas de remplacer l'identifiant du niveau d'adhésion par celui du niveau d'adhésion gratuit de votre site.

<center>

[MM_Member_Decision isMember='true']

<style>

.mm-paymentbuttons { display:none }

</style>

[/MM_Member_Decision]



<div class="mm-checkoutContainer">

[MM_Form type='checkout' membershipLevelId='1']

[MM_Form_Message type='error']

<div class="mm_left_column">

[MM_Form_Section type='accountInfo']

<div id="mm-account-information-section" class="mm-checkoutInfoBlock">

<h3>Informations sur le compte</h3>

<p class="mm-formField">

<label>Prénom :</label>

[MM_Form_Field type='input' name='firstName' customAttributes='placeholder="First Name"']

</p>

<p class="mm-formField">

<label>Nom de famille :</label>

[MM_Form_Field type='input' name='lastName' customAttributes='placeholder="Last Name"']

</p>

<p class="mm-formField">

<label>Courriel :</label>

[MM_Form_Field type='input' name='email' customAttributes='placeholder="Email Address"']

</p>

<p class="mm-formField">

<label>Mot de passe :</label>

[MM_Form_Field type='input' name='password' customAttributes='placeholder="Password"']

</p><p class="mm-formField">

<label>Téléphone :</label>

[MM_Form_Field type='input' name='phone' isRequired='false' customAttributes='placeholder="Phone"']

</p>

</div>

[/MM_Form_Section]



<div class="mm-paymentbuttons">

<a href="/fr/[MM_Form_Button type='submit' paymentMethod='default']/" class="mm-button orange large rounded">S'inscrire</a>

</div>

</div>

[/MM_Form]

</div>



[MM_Member_Decision isFree='true']

<h3>Vous êtes déjà inscrit en tant que membre gratuit.</h3>

[/MM_Member_Decision]

[MM_Member_Decision isFree='false']

<h3>Vous êtes déjà inscrit en tant que membre payant.</h3>

[/MM_Member_Decision]



</center>

Ce code générera un formulaire qui ressemblera à ceci, en fonction des couleurs et des polices incluses dans votre thème installé :

Lorsqu'un membre connecté consulte la page, le bouton est masqué et un message s'affiche à la place. Par exemple, le bouton est caché et un message est affiché à la place :