Personnaliser les boutons de la page de paiement

Styles de boutons par défaut

Dans le modèle de page de paiement par défaut de MemberMouse, nous incluons un SmartTag™ qui rend automatiquement un bouton pour chaque méthode de paiement active. Voici le SmartTag™ responsable de cette opération :

[MM_Form_Button type='all']

Afin de fournir cette fonctionnalité, il est nécessaire de contrôler les styles des boutons. Il est possible de procéder à quelques personnalisations mineures par le biais des attributs SmartTag™. Par exemple, vous pouvez modifier la couleur et le texte du bouton comme suit :

[MM_Form_Button type='all' label='Buy Now' color='green']

Avoir 2 boutons séparés sur une page de paiement

Souvent, vous voudrez avoir un bouton unique sur votre site pour votre passerelle de paiement sur site et votre passerelle de paiement hors site.

Pour ce faire, vous devez supprimer le bouton MM_Form_Button type='all' de votre code et ajouter un bouton spécifique pour chaque passerelle de paiement.

Utilisez ce code pour la passerelle de paiement sur site :

<a href="/fr/[MM_Form_Button type='submit' paymentMethod='default']/" 

class="mm-button blue large rounded">S'inscrire avec Stripe</a>

Et ceci pour la passerelle de paiement hors site :

<a href="/fr/[MM_Form_Button type='submit' paymentMethod='paypal']/" 

class="mm-button green large">S'inscrire avec PayPal</a>

Vous pouvez également utiliser une image pour le bouton, en utilisant un code comme celui-ci :

<a href="/fr/[MM_Form_Button type='submit' paymentMethod='paypal']/">

<img src="http://www.paypalobjects.com/en_US/i/btn/x-click-but5.gif"></a>

Utilisez ces snippets si vous souhaitez que vos deux boutons soient placés à des endroits différents sur la page de paiement, ou si vous souhaitez simplement mieux contrôler l'aspect et la position des boutons.

Contrôle total des styles de boutons

Si vous souhaitez avoir un contrôle total sur les styles et la disposition des boutons, vous pouvez utiliser la configuration SmartTag™ suivante :

[MM_Form_Button type='submit' paymentMethod='paypal']

Cette méthode produit simplement un lien qui soumet le formulaire à la méthode de paiement que vous avez spécifiée dans l'attribut paymentMethod. Comme il ne s'agit que d'un lien, il vous incombe de déterminer la manière dont il sera affiché à l'écran en utilisant le SmartTag™ avec un attribut <a> ou <button> (étiquette). Par exemple, vous pouvez faire ce qui suit :

<a href="/fr/[MM_Form_Button type='submit' paymentMethod='paypal']/">Paiement avec PayPal</a>

Remarque : Une fois que vous avez cessé d'utiliser la balise [MM_Form_Button type='all'] qui crée automatiquement un bouton pour chaque méthode de paiement active, il vous incombe de créer chaque bouton que vous souhaitez voir figurer sur la page de paiement en utilisant la configuration de la balise [MM_Form_Button type='submit' paymentMethod="].

Lire cet article pour documentation complète sur le SmartTag MM_Form_Button™.

Cet article détaille les attributs que vous pouvez utiliser pour style des boutons sur la page de paiement.