Comment choisir un type d'affichage des modes de paiement

Aperçu

WP Simple Pay vous permet de choisir comment les méthodes de paiement sont affichées sur vos formulaires de paiement sur site. Vous pouvez les afficher sous forme d’onglets horizontaux (par défaut) ou d’accordéon empilé. Ce paramètre contrôle la disposition de l’élément de paiement Stripe sur le frontend.

Prérequis

• WP Simple Pay Pro
• Un formulaire de paiement utilisant le type de formulaire sur site (intégré ou superposition)
• Au moins une méthode de paiement activée pour le formulaire

Configuration du type d’affichage

1. Accédez à WP Simple Pay > Formulaires de paiement et modifiez votre formulaire.
2. Cliquez sur l’onglet Champs du formulaire.
3. Développez le champ Méthode de paiement (intitulé « Carte » dans les anciens formulaires).
4. Sous Type d’affichage, sélectionnez Onglets ou Accordéon.
5. Cliquez sur Publier ou Mettre à jour pour enregistrer.

Disposition par onglets

Les onglets sont le type d’affichage par défaut. Les méthodes de paiement apparaissent sous forme d’onglets horizontaux en haut de la zone de paiement. Les clients cliquent sur un onglet pour basculer entre les méthodes.

Idéal pour :

• Les formulaires avec un petit nombre de méthodes de paiement (2-5)
• Les dispositions épurées et compactes où l’espace horizontal est disponible

Mise en page accordéon

La mise en page accordéon affiche les méthodes de paiement sous forme d'éléments empilés verticalement et pouvant être réduits. Les clients cliquent sur un élément pour le développer et révéler ses champs.

Idéal pour :

• Formulaires avec de nombreuses méthodes de paiement (5+)
• Mises en page adaptées aux mobiles où l'empilement vertical fonctionne mieux
• Situations où vous souhaitez que les noms et icônes des méthodes de paiement soient clairement visibles

Paramètres de l'accordéon

Lorsque vous sélectionnez Accordéon, une section supplémentaire Paramètres de l'accordéon apparaît :

• Éléments visibles — Le nombre de méthodes de paiement à afficher avant qu'un bouton « Plus » n'apparaisse. Par défaut : 5. Définissez sur 0 pour afficher toutes les méthodes sans bouton « Plus ».

Ceci est utile lorsque votre formulaire comporte de nombreuses méthodes de paiement et que vous souhaitez conserver une vue initiale compacte tout en offrant toutes les options.

Commencer réduit

Par défaut, le premier élément de l'accordéon est développé lorsque le formulaire se charge. Vous pouvez modifier ce comportement à l'aide du filtre simpay_payment_form_accordion_default_collapsed pour que tous les éléments commencent réduits :

add_filter( 'simpay_payment_form_accordion_default_collapsed', '__return_true' );

Cela peut également être limité à un formulaire spécifique en vérifiant l'objet du formulaire passé comme deuxième argument.

Choisir la bonne mise en page

Considération	Onglets	Accordéon
Nombre de méthodes	2-5	5+
Espace horizontal	Abondant	Limité
Expérience mobile	Bonne	Meilleure
Visibilité des méthodes	Icônes visibles en un coup d'œil	Noms + icônes visibles
Espace vertical	Compact	Plus haut

Questions fréquemment posées

Le type d'affichage affecte-t-il les méthodes de paiement disponibles ?

Non. Le type d'affichage modifie uniquement la manière dont les méthodes sont visuellement agencées. Toutes les méthodes de paiement activées restent disponibles, quel que soit le choix de la mise en page.

Cela fonctionne-t-il avec les formulaires Stripe Checkout (hors site) ?

Non. Le paramètre de type d'affichage s'applique uniquement aux formulaires sur site qui utilisent l'élément de paiement Stripe. Les formulaires hors site redirigent vers la page de paiement hébergée de Stripe, qui a sa propre mise en page.

Puis-je utiliser différents types d'affichage pour différents formulaires ?

Oui. Le type d'affichage est configuré par formulaire sur le champ Méthode de paiement, de sorte que chaque formulaire peut avoir sa propre mise en page.

Que se passe-t-il sur les appareils mobiles ?

Les deux mises en page sont responsives. L'élément de paiement Stripe s'ajuste automatiquement aux écrans plus petits. La mise en page Accordéon a tendance à bien fonctionner sur mobile car elle s'empile verticalement.

Et ensuite ?

• Styliser les formulaires de paiement avec le style de formulaire – Personnalisez les couleurs, la typographie et la mise en page
• Référence des paramètres de style de formulaire – Référence complète de tous les paramètres de style