Configuration de la bande CF7

Vu: 1715

Créer un compte Stripe et obtenir la clé API

Pour obtenir un compte stripe, il suffit de se rendre sur stripe.com et créez un nouveau compte ici. Ensuite, connectez-vous et allez dans Tableau de bord > API ou suivez ce lien. Vous y trouverez une clé API publiable et une clé API secrète. Nous aurons besoin des deux, alors copiez-les tous les deux, ou laissez l’onglet ouvert.

Panneau de configuration

Tout d’abord, vous devez vous assurer que vous pouvez voir le panneau de configuration de la bande. Si vous ne voyez pas le menu sur l’image de droite, assurez-vous que vous avez installé le plugin Redux Framework & Contact Form 7.

Paramètres généraux de Stripe

Dans les paramètres généraux de la bande, vous devez d’abord définir le nom de votre entreprise et un logo au format carré.Ensuite, vous devez coller les clés API Stripe créées précédemment. D’abord la clé publiable, puis la clé secrète.

cf7 stripe general settings
cf7 stripe general settings

Options de paiement Stripe

Vous pouvez définir différentes options de paiement Stripe à l’échelle mondiale.

  1. Valider le code postal (ZIP)Indiquer si Checkout doit valider le code postal de facturation.Nous recommandons vivement de fixer la valeur à true (vrai).
  2. Collecter l’adresse de facturationIndiquer si Checkout doit collecter l’adresse de facturation de l’utilisateur.
  3. Collecter l’adresse de livraisonIndiquer si Checkout doit collecter l’adresse de livraison de l’utilisateur.
  4. Permettre de se souvenir de moiIndiquer s’il faut inclure l’option de “Souvenez-vous de moi” pour des achats futurs.
  5. Accepter les bitcoinsPréciser si l’on accepte les bitcoins.
  6. Envoyer un courrierVérifiez comment vous souhaitez que le courrier du CF7 soit envoyé.
  7. Paiement réussiQue se passe-t-il lorsqu’un paiement a été effectué avec succès .
  8. Monnaie*Voir : Référence de devise Stripe
  9. URL de retour (succès)
  10. Annuler (erreur) URL
options de paiement stripe
options de paiement stripe

Paramètres avancés

Dans les paramètres avancés, vous pouvez ajouter des feuilles de style CSS ou JS personnalisées.

Créez votre formulaire

Allez dans votre panneau d’administration > Contact > Ajouter nouveau pour ajouter un nouveau formulaire de contact.Vous verrez alors apparaître un nouveau bouton en haut de la page, appelé “Bouton à rayures”. Cliquez sur ce bouton pour créer un bouton à bandes à l’intérieur du formulaire.

cf7 stripe form tag handler
cf7 stripe form tag handler
Lorsque vous souhaitez insérer le bouton à bandes, vous devez définir certaines valeurs :

  1. ÉtiquetteOu : Texte du boutonExemple : Payer avec Stripe
  2. Description de l’articleOu : Texte du boutonExemple : Payer avec Stripe
  3. MontantOu : coûts du produit en cents!Exemple : 1000 => 10 €
  4. Devise du poste (code ISO à 3 chiffres)Exemple : eurVoir : https://stripe.com/docs/monnaies
  5. Attribut de classeExemple : pleine largeur

Une fois le formulaire rempli, il suffit de cliquer sur insérer une balise et voilà : Vous avez un bouton sur le formulaire de contact appelé “Payer avec Stripe”.

exemple de bouton stripe dans le formulaire de contact 7
exemple de bouton stripe dans le formulaire de contact 7

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *