MemberMouse vous permet de créer des champs personnalisés afin d'associer des données supplémentaires au compte de chaque membre, ce qui permet d'autoriser ou de restreindre encore davantage l'accès à l'aide de la fonction Décision du membre SmartTags™.
Les champs personnalisés sont identifiés par l'ID qui leur est attribué dans MemberMouse. Dans l'exemple suivant, nous allons vous montrer comment les différents types de champs personnalisés peuvent être utilisés pour collecter des informations personnalisées par le biais d'un formulaire de paiement.
Voici le code personnalisé utilisé pour afficher les 5 différents types de champs personnalisés
<p class="mm-formField">
<label>Date de naissance :</label>
[MM_Form_Field type='custom' id='4' isRequired='false' class=' customAttributes='placeholder="Birth Date"']
</p>
<p class="mm-formField">
<label>Cliquez ici pour accéder au contenu caché :</label>
[MM_Form_Field type='custom' id='5' isRequired='false' class=''']
</p>
<p class="mm-formField">
<label>Moment préféré de la journée :</label>
[MM_Form_Field type='custom' id='7' isRequired='false' class=''']
</p>
<p class="mm-formField">
<label>Des questions ?</label>
[MM_Form_Field type='custom' id='8' isRequired='false' class='']
</p>
<p class="mm-formField">
<label>Comment se déroule la procédure d'inscription ?</label>
[MM_Form_Field type='custom' id='9' isRequired='false' class='']
</p>
Voici un modèle complet utilisant le code ci-dessus avec la page de paiement d'origine
<div class="mm-checkoutContainer">
[MM_Form type='checkout']
[MM_Form_Message type='error']<p></p>
<div class="mm_left_column">
[MM_Form_Section type='accountInfo']<p></p>
<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 Number"']</p>
<p class="mm-formField">
<label>Date de naissance :</label>
[MM_Form_Field type='custom' id='4' isRequired='false' class=' customAttributes='placeholder="Birth Date"']</p>
<p class="mm-formField">
<label>Cliquez ici pour accéder au contenu caché :</label>[MM_Form_Field type='custom' id='5' isRequired='false' class=''']</p>
<p class="mm-formField">
<label>Moment préféré de la journée :</label>
[MM_Form_Field type='custom' id='7' isRequired='false' class=''']</p>
<p class="mm-formField">
<label>Des questions ?</label>
[MM_Form_Field type='custom' id='8' isRequired='false' class='']</p>
<p class="mm-formField">
<label>Comment se déroule la procédure d'inscription ?</label>
[MM_Form_Field type='custom' id='9' isRequired='false' class='']</p>
</div>
<p>[/MM_Form_Section]
[MM_Form_Section type='billingInfo']</p>
<div id="mm-billing-information-section" class="mm-checkoutInfoBlock">
<h3>Détails de la facturation</h3>
<p class="mm-ccLogos"><img src="../wp-content/plugins/membermouse/resources/images/cclogos.gif" width="199" height="30" alt="Visa, Master Card, American Express, Discover"></p>
<p class="mm-formField">
<label>Carte de crédit :</label>
[MM_Form_Field name='ccNumber' customAttributes='placeholder="Credit Card Number"']</p>
<p class="mm-formField">
<label>Code de sécurité :</label>
[MM_Form_Field name='ccSecurityCode' customAttributes='placeholder="Security Code"']</p>
<p id="mm-checkout-expiration-date" class="mm-checkout-expiration-date mm-formField">
<label>Date d'expiration : </label>
[MM_Form_Field name='ccExpirationDate']</p>
<p style="clear:both;">
</p><h3 class="mm-hr">Adresse de facturation</h3>
<p class="mm-formField">
<label>Adresse :</label>
[MM_Form_Field name='billingAddress' customAttributes='placeholder="Billing Address"']</p>
<p class="mm-formField">
<label>Ville :</label>
[MM_Form_Field name='billingCity' customAttributes='placeholder="Billing City"']</p>
<p class="mm-formField">
<label>État :</label>
[MM_Form_Field name='billingState' customAttributes='placeholder="Billing State"']</p>
<p class="mm-formField">
<label>Zip :</label>
[MM_Form_Field name='billingZipCode' customAttributes='placeholder="Billing Zip Code"']</p>
<p class="mm-formField">
<label>Pays :</label>
[MM_Form_Field name='billingCountry']</p>
</div>
<p>[/MM_Form_Section]
[MM_Form_Section type='shippingInfo']</p>
<div id="mm-shipping-information-section" class="mm-checkoutInfoBlock">
<h3>Adresse de livraison</h3>
<p id="mm-shipping-method-block" class="mm-formField">
<label>Méthode d'expédition :</label>
[MM_Form_Field name='shippingMethod']</p>
<p class="mm-formField">
Les frais de port sont les mêmes que ceux de la facturation.
[MM_Form_Field name='shippingSameAsBilling']</p>
<p>[MM_Form_Subsection type='shippingAddress']</p>
<div>
<p class="mm-formField">
<label>Adresse :</label>
[MM_Form_Field name='shippingAddress' customAttributes='placeholder="Shipping Address"']</p>
<p class="mm-formField">
<label>Ville :</label>
[MM_Form_Field name='shippingCity' customAttributes='placeholder="Shipping City"']</p>
<p class="mm-formField">
<label>État :</label>
[MM_Form_Field name='shippingState' customAttributes='placeholder="Shipping State"']</p>
<p class="mm-formField">
<label>Zip :</label>
[MM_Form_Field name='shippingZipCode' customAttributes='placeholder="Shipping Zip Code"']</p>
<p class="mm-formField">
<label>Pays :</label>
[MM_Form_Field name='shippingCountry']</p>
</div>
<p>[/MM_Form_Subsection]</p></div>
<p>[/MM_Form_Section]
[MM_Form_Section type='coupon']</p>
<div id="mm-coupon-block" class="mm-couponSection mm-checkoutInfoBlock">
<h3>Coupons</h3>
<p class="mm-formField">
[MM_Form_Field name='couponCode']
<a href="/fr/[MM_Form_Button type='applyCoupon']/" class="mm-button">Appliquer le coupon</a></p>
<p>[MM_Form_Message type='couponSuccess']
[MM_Form_Message type='couponError']</p></div>
<p>[/MM_Form_Section]</p></div>
<div class="mm_right_column">
<div class="mm-checkoutSection2">
<h2>[MM_Form_Data name='productName' useAccessName='false']</h2>
<p class="mm-productDesc">[MM_Form_Data name='productDescription']</p>
<ul>
<li><span class="mm-prices">Prix du produit :</span> [MM_Form_Data name='productPriceDescription']</li>
<p>[MM_Order_Decision isShippable='true']</p>
<li><span class="mm-prices">Prix d'expédition :</span> [MM_Form_Data name='shippingPrice']</li>
<p>[/MM_Order_Decision]
[MM_Order_Decision isDiscounted='true']</p>
<li><span class="mm-prices">Remise :</span> [MM_Form_Data name='discount']</li>
<p>[/MM_Order_Decision]</p>
<li><span class="mm-prices">Prix total :</span> [MM_Form_Data name='totalPrice']</li>
</ul>
</div>
<div class="mm-purchaseSection">
<div class="mm-giftsection">
[MM_Member_Decision isMember='true'][MM_Form_Field type='input' name='gift'] Est-ce un cadeau ?<p></p>
<p>[/MM_Member_Decision]</p></div>
<div class="mm-paymentbuttons">
[MM_Form_Button type='all' label='Submit Order' color='orange']</div>
</div>
</div>
[/MM_Form]
</div>
Voici un exemple de ce que cela pourrait donner sur votre site :
Remarque : Les champs du formulaire ci-dessus seront différents en fonction du thème que vous avez choisi pour votre site et/ou des ajouts ou modifications de CSS que vous avez inclus...
N'oubliez pas que l'exemple de code ci-dessus est fourni à titre de point de départ. Bien qu'il puisse être copié et collé directement dans votre éditeur de pages sous forme de code HTML, les intitulés et les identifiants des champs personnalisés devront être modifiés pour correspondre aux noms et aux identifiants de vos champs personnalisés spécifiques. Les identifiants peuvent être trouvés en passant la souris sur le nom du champ personnalisé dans le champ Paramètres de paiement > Champs personnalisésou en cliquant sur le bouton "Show Form SmartTag™".