Personnaliser les boutons sur la page de paiement

Dans le modèle de page de paiement par défaut de MemberMouse, nous incluons une étiquette intelligente qui rend automatiquement un bouton pour chaque méthode de paiement active. Voici la balise intelligente 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 à l'aide 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 ajoutez un bouton spécifique pour chaque passerelle de paiement.

Vous pouvez utiliser 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']

Il s'agit simplement d'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 comment il sera affiché à l'écran en utilisant la balise intelligente 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 le [MM_Form_Button type='all'] qui crée automatiquement un bouton pour chaque méthode de paiement active, vous êtes responsable de la création de chaque bouton que vous souhaitez inclure dans la page de paiement en utilisant la balise [MM_Form_Button type='submit' paymentMethod=''] Configuration du SmartTag.

Lire cet article pour documentation complète sur la balise SmartTag Form_Button.

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