1. Documentation
  2. Documentation en Français
  3. 4. Vendre des produits
  4. Passerelle de paiement
  5. Stripe (Français)

Stripe (Français)

La passerelle de paiement Stripe (lien disponible uniquement en anglais) pour WooCommerce permet d’accepter les paiements par carte dans votre boutique, d’ajouter des boutons de demande de paiement (tels que Apple Pay et Google Pay), et d’inclure des méthodes de paiement internationales telles que iDeal, SEPA et SOFORT.

Téléchargez l’extension sur WordPress.org (lien disponible uniquement en anglais) ou via le menu Extensions > Ajouter de WordPress. Pour plus de détails sur les nouveautés, consultez le Journal des modifications (disponible uniquement en anglais).

Installation ↑ Back to top

  1. Accédez à Extensions > Ajouter depuis votre site WordPress.
  2. Tapez WooCommerce Stripe dans la barre de recherche d’extensions. Cette extension est développée par WooCommerce.
  3. Cliquez sur Installer puis sur Activer.

Pour plus d’informations : Installation et gestion des extensions.

Installation et configuration ↑ Back to top

  1. Accédez à WooCommerce > Réglages > Paiements. La liste des différentes méthodes de paiement proposées par Stripe est répertoriée. La principale méthode paiement est celle nommée « Stripe – Carte de paiement ».
  2. Activez la passerelle Stripe à l’aide du bouton à bascule Activé.
  3. Cliquez sur le bouton Configuration, puis entrez le Titre (obligatoire) et la Description (facultative) qui sont affichés aux clients lors du processus de validation de commande.
  4. Le titre est affiché lors du choix de la méthode de paiement, sur la page Paiement et dans la commande.
  5. La description est affichée dans l’option de méthode de paiement, sur la page Paiement.
  6. Mode TEST : Activez cette option si vous souhaitez effectuer des tests avant d’appliquer les changements sur votre boutique en ligne. Désactivez cette option pour commencer à accepter les paiements avec Stripe.
  7. Clé publique LIVE/TEST et Clé secrète LIVE/TEST : Les clés LIVE sont obtenues à partir de votre compte Stripe. Pour saisir vos clés TEST, activez le Mode TEST (voir étape 4). Pour saisir vos clés LIVE, désactivez le Mode TEST.
  8. Notification de déclaration : Description qui apparaît sur le relevé bancaire ou le relevé de carte de crédit des clients. Cette description ne doit pas être vide. Elle peut contenir jusqu’à 22 caractères et doit inclure au moins une lettre. Seuls des caractères alphanumériques peuvent être utilisés, et les caractères suivants ne sont pas autorisés > < ” ‘.
  9. Encaissement du paiement : Cochez cette case pour encaisser immédiatement le paiement (autoriser et capturer en même temps) ou décochezla pour uniquement autoriser. Si vous décochez la case, vous devrez saisir les fonds manuellement pour chaque commande dans un délai de 7 jours. Sinon, l’autorisation sera annulée en même temps que la commande. Pour plus d’informations, consultez la FAQ.
  10. Boutons de demande de paiement (facultatif) : Permet d’activer les boutons de demande de paiement pour donner aux clients la possibilité de payer via une méthode prise en charge. Pour plus d’informations, consultez la section Boutons de demande de paiement.
  11. Type de bouton : Permet de modifier le type de bouton à afficher.
  12. Défaut : Bouton « Payer » (bouton Apple ou Stripe par défaut).
  13. Acheter : Bouton « Acheter maintenant » (variante Apple ou Stripe).
  14. Faire un don : Bouton « Faire un don » (variante Apple ou Stripe).
  15. Marque : Bouton de marque. Permet d’avoir les styles de boutons Google Pay dans les navigateurs Chrome.
  16. Personnalisé : Bouton simple sans marque, avec un texte personnalisé. Pour personnaliser l’apparence de ce type de boutons, consultez notre guide de personnalisation (disponible uniquement en anglais).
  17. Thème du bouton : Permet de modifier l’apparence du bouton.
  18. Hauteur du bouton : Permet de modifier la hauteur du bouton.
  19. Format d’étiquette de bouton de marque (Type de bouton > Marque) : Permet de modifier le format d’étiquette du bouton de marque.
  20. Texte du bouton (Type de bouton > Personnalisé) : Permet de modifier le texte du bouton personnalisé.
  21. Accepter d’enregistrer les cartes de paiement : Activez cette option si vous souhaitez que les clients Stripe puissent enregistrer leurs informations de carte de paiement pour de futurs achats.
  22. Journalisation : Permet d’activer ou désactiver l’enregistrement des journaux pour le débogage.
    1. Les journaux sont disponibles dans WooCommerce > État > Journal. Utilisez le menu déroulant pour sélectionner le journal à consulter.
  23. Le journal sera nommé dans le même format que les autres fichiers journaux de WooCommerce : woocommerce-gateway-stripe-[date]-[string].log
    1. Lorsque la journalisation est activée, seuls les événements qui se produisent après l’activation sont enregistrés.
  24. Cliquez sur Enregistrer les modifications.

Crochet Web (Webhook) ↑ Back to top

Le crochet Web est utilisé par Stripe pour communiquer avec votre site. Il fournit des informations telles que l’état du paiement, et il est utilisé pour mettre à jour la commande en fonction de certains événements Stripe.

Copiez l’URL de la section « Webhook » et collez-la dans votre compte Stripe.com :

  • Accédez à WooCommerce > Réglages > Paiements > Stripe et copiez l’URL de votre crochet Web depuis la section « Webhook ».
  • Accédez à votre tableau de bord Stripe et ouvrez les Paramètres Webhook. Sélectionnez Ajouter un endpoint (en haut à droite).
  • Collez votre URL Webhook dans le champ correspondant et cliquez sur tous les événements.
  • Depuis la section Version, sélectionnez Dernière version API (si disponible) puis Ajouter un endpoint.
  • Répétez ce processus pour votre Signature secrète « Webhook » LIVE, ou vice versa selon ce que vous avez configuré en premier.

Si votre site connaît un ralentissement, ouvrez la liste déroulante Événements et sélectionnez « manuel » au lieu de « tous les événements ». Voici la liste des événements nécessaires au fonctionnement de l’extension Stripe :

  • source.chargeable
  • source.canceled
  • charge.succeeded
  • charge.failed
  • charge.captured
  • charge.dispute.created
  • charge.refunded
  • review.opened
  • review.closed
  • payment_intent.succeeded
  • payment_intent.payment_failed
  • payment_intent.amount_capturable_updated

Stripe Checkout ↑ Back to top

Stripe Checkout ↑ Back to top

La nouvelle fonctionnalité Stripe Checkout ne fait pas partie de la passerelle de paiement WooCommerce Stripe. Il s’agit d’une évolution en cours de développement. Pour plus de détails, consultez la page GitHub (disponible uniquement en anglais).

Stripe Modal Checkout ↑ Back to top

Stripe Modal Checkout a été supprimé de l’extension WooCommerce Stripe depuis la version 4.2.0. Pour plus de détails, consultez la page Modal Checkout (disponible uniquement en anglais).

Boutons de demande de paiement ↑ Back to top

Lorsque l’option « Boutons de demande de paiement » est sélectionnée, tous les types de boutons de demande de paiement sont activés (sur votre site) afin de pouvoir accepter les différentes méthodes de paiement disponibles avec la passerelle WooCommerce Stripe.

Options disponibles :

Pour voir à quoi ressemble un bouton de demande de paiement et son fonctionnement, accédez à la page de documentation de Stripe.com.

Apple Pay ↑ Back to top

Les clients doivent disposer d’un mode de paiement d’une banque prise en charge ou d’un fournisseur de cartes de paiement répertorié sur la page d’assistance Apple Pay et d’un appareil Apple compatible.

Pour proposer Apple Pay sur votre site via la passerelle de paiement WooCommerce Stripe, ajoutez l’URL de votre site dans Tableau de bord Stripe.com > Paramètres > Apple Pay. Ajoutez le nom domaine de votre site exactement tel qu’il se charge, avec ou sans « www » mais supprimez « https:// ».

Vous n’avez pas besoin de télécharger le fichier de vérification sur votre site – l’extension le fait pour vous en arrière-plan.

Le domaine apparaîtra ensuite sur votre page Apple Pay Stripe dans Domaines sur le Web.

L’utilisation « d’Apple Pay sur le Web », que notre intégration Stripe utilise pour afficher les boutons de demande de paiement d’Apple Pay, est soumise aux Conditions d’utilisation d’Apple Pay sur le Web. Cela fait partie de l’accord de services Stripe auquel vous adhérez lors de l’activation de votre compte Stripe.

Google Pay / Samsung Pay / Microsoft Pay ↑ Back to top

Assurez-vous simplement que l’option Boutons de demande de paiement est activée. Aucune autre configuration n’est nécessaire pour accepter les paiements via ces méthodes.

Remarque : Ces boutons de demande de paiement ne s’affichent généralement que lorsqu’il existe un mode de paiement enregistré dans le navigateur ou l’appareil utilisé. Les clients doivent disposer d’un mode de paiement d’une banque ou d’un fournisseur de cartes de paiement pris en charge.

Pour plus d’informations : Google Pay, Samsung Pay, Microsoft Pay.

Méthodes de paiement supplémentaires ↑ Back to top

Outre les cartes de crédit standard, Stripe propose des méthodes de paiement supplémentaires qui peuvent être utilisées pour cibler différents marchés. Notre extension prend en charge les méthodes suivantes :

* WeChat Pay : Actuellement en version bêta publique. Sera disponible lors de la sortie générale.

* Klarna : Actuellement en version bêta publique. Sera disponible lors de la sortie générale.

Pour des informations détaillées sur ces méthodes de paiement, cliquez sur les liens ci-dessus, consultez le guide des méthodes de paiement Stripe ou visitez la page de présentation des paiements de Stripe.com. La plupart de ces méthodes de paiement supplémentaires doivent être activées dans les Paramètres de paiement de votre tableau de bord Stripe.com et peuvent nécessiter des informations supplémentaires pour être entièrement configurées.

Une fois activées dans Stripe, les méthodes de paiement peuvent être configurées et gérées dans WooCommerce > Réglages > Paiements en utilisant le bouton à bascule ou en cliquant sur le nom du service de paiement. Vous pouvez également modifier le titre et la description de chaque méthode depuis l’écran de configuration.

Utilisation client ↑ Back to top

Page Paiement ↑ Back to top

Les clients paient sur la page Paiement. Le formulaire Stripe Elements permet de renforcer la sécurité, d’améliorer le style et d’offrir une meilleure expérience client.

Nouvelle carte de paiement : Un formulaire permet aux clients de saisir leurs informations de carte de crédit et d’Enregistrer les informations de paiement sur leur compte. La capture d’écran ci-dessous correspond au « Formulaire de carte de crédit » :

Carte(s) de paiement enregistrée(s) : Un formulaire permet aux clients de choisir une carte enregistrée (si cette option est activée) ou d’enregistrer une nouvelle carte. La capture d’écran ci-dessous correspond au « Formulaire standard » :

Lorsque les boutons de demande de paiement sont activés, les clients voient un bouton de paiement sur la page du produit et sur la page du panier, à condition qu’ils utilisent un appareil, un navigateur et un mode de paiement pris en charge.

Boutons de demande de paiement ↑ Back to top

Consultez les captures d’écran ci-dessous pour voir les dispositions par défaut des boutons de demande de paiement :

Méthodes de paiement enregistrées ↑ Back to top

Depuis la page Mon compte, les clients peuvent consulter, ajouter ou supprimer leurs cartes de crédit dans le sous-menu Modes de paiement :

Crochets (Actions / Filtres) ↑ Back to top

Cette section décrit les crochets qui sont à votre disposition pour modifier le fonctionnement de Stripe. Il s’agit d’options avancées. Si vous ne connaissez pas le fonctionnement des crochets dans WordPress, consultez le Codex de WordPress.org (disponible uniquement en anglais).

Noms des crochets (paramètres)

Crochets d’action

  • wc_gateway_stripe_process_response ($stripe_response, $order) : Réponse obtenue après une demande de facturation auprès de Stripe.
  • woocommerce_credit_card_form_start ($gateway_id) : Avant l’affichage du formulaire de carte de crédit.
  • woocommerce_credit_card_form_end ($gateway_id) : Après l’affichage du formulaire de carte de crédit.
  • wc_gateway_stripe_process_payment ($stripe_response, $order) : Réponse obtenue après une demande de facturation auprès de Stripe, avant de traiter la réponse.
  • wc_gateway_stripe_process_payment_error ($error, $order) : Appelé lorsqu’une erreur se produit pendant le processus de paiement.
  • woocommerce_stripe_add_customer ($args, $response) : Appelé après la création d’un client Stripe.
  • woocommerce_stripe_add_source ($stripe_customer_id, $wc_token, $response, $source_id) : Appelé après avoir créé/attaché une source pour un client.
  • wc_stripe_delete_source ($stripe_customer_id, $response) : Appelé après avoir supprimé une source pour un client.
  • wc_stripe_set_default_source ($stripe_customer_id, $response) : Appelé après avoir défini une source par défaut pour un client.
  • wc_gateway_stripe_process_redirect_payment ($response, $order) : Appelé après une redirection du processus de paiement.
  • wc_gateway_stripe_process_redirect_payment_error ($error, $order) : Appelé après l’échec d’une redirection du processus de paiement.
  • woocommerce_stripe_process_manual_capture ($order, $result) : Appelé après une capture manuelle des frais en modification de commande.
  • woocommerce_stripe_process_manual_cancel ($order) : Appelé après l’annulation autorisée d’une commande dont les frais ne sont pas encore capturés.
  • wc_gateway_stripe_process_webhook_payment ($response, $order) : Appelé après un processus de paiement par crochet Web.
  • wc_gateway_stripe_process_webhook_payment_error ($order, $notification, *$e) : Appelé après une erreur de processus de paiement par crochet Web.

Crochets de filtres

  • wc_stripe_save_to_account_text ($text) : Texte qui s’affiche aux clients à côté de la case « Enregistrer les informations de paiement ».
  • wc_stripe_payment_icons ($icons_array) : Icônes qui s’affichent à côté de chaque mode de paiement.
  • wc_stripe_send_stripe_receipt *boolean* : Envoyer un reçu via Stripe.
  • wc_stripe_payment_metadata ($metadata, $order, $prepared_source) : Métadonnées envoyées lors d’une demande de paiement.
  • wc_stripe_generate_payment_request ($post_data, $order, $prepared_source) : Données soumises et envoyées lors d’une demande de paiement.
  • wc_stripe_owner_details ($details, $order) : Détails du propriétaire d’une commande.
  • wc_stripe_force_save_source ($force_save_source, $customer) : Remplace la sauvegarde forcée d’un client.
  • wc_stripe_use_default_customer_source ($use_default) : Utiliser la source client par défaut si la source n’est pas trouvée.
  • wc_stripe_refund_request ($request, $order) : Paramètres d’une demande de remboursement.
  • wc_stripe_PAYMENT_METHOD_settings ($settings)</strong : Paramètres d’administration pour le mode de paiement.
  • wc_stripe_description ($description, $payment_method_id) : Remplace la description des paiements par carte de crédit.
  • wc_stripe_display_save_payment_method_checkbox *boolean* : Afficher/Masquer la case « Enregistrer le mode de paiement ».
  • wc_stripe_sepa_mandate_notification ($method) : Méthode à utiliser pour informer le client du mandat SEPA .
  • wc_stripe_allow_prepaid_card *boolean* : Autoriser/Refuser les cartes de crédit prépayées.
  • wc_stripe_elements_options : Options supplémentaires pour modifier Stripe Elements.
  • wc_stripe_elements_styling : Options supplémentaires pour modifier le style de Stripe Elements.
  • wc_stripe_elements_classes : Options supplémentaires pour ajouter des classes à Stripe Elements
  • wc_stripe_params ($params) : Clé/Valeur JS localisée.
  • wc_stripe_payment_request_params ($params) : Clé/Valeur JS localisée.
  • wc_stripe_hide_display_order_fee ($bool, $order_id) : Afficher/Masquer les frais d’une commande dans la vue des commandes.
  • wc_stripe_hide_display_order_payout ($bool, $order_id) : Afficher/Masquer le paiement d’une commande dans la vue des commandes.
  • woocommerce_stripe_request_headers ($headers_args) : Paramètres d’en-têtes pour les requêtes cURL.
  • wc_stripe_idempotency_key ($key_string, $request) : Chaîne de la clé « idempotency ».
  • woocommerce_stripe_request_body ($request, $api) : Corps de la requête à envoyer lors d’une requête.
  • wc_stripe_customer_metadata ($metadata, $user) : Métadonnées utilisées lors de la création d’un client.
  • wc_stripe_create_customer_args ($args) : Arguments utilisés lors de la création d’un client.
  • wc_stripe_localized_messages ($localized_messages) : Messages des réponses Stripe.
  • wc_stripe_logging ($bool, $message) : Message spécifique lorsque la journalisation est activée.
  • wc_stripe_webhook_review_change_order_status ($bool, $order, $notification) : Modifier le statut de la commande après vérification de la commande.
  • wc_stripe_PAYMENT_METHOD_supported_currencies ($currencies) : Devises prises en charge pour ce mode de paiement spécifique.
  • wc_stripe_payment_request_total_label_suffix ($suffix) : Suffixe d’étiquette à utiliser lorsque la demande de paiement est engagée.
  • wc_stripe_payment_request_total_label ($label) : Étiquette de Total à utiliser lorsque la demande de paiement est engagée.
  • wc_stripe_payment_request_supported_types ($types) : Types de produits pris en charge par la demande de paiement.
  • wc_stripe_hide_payment_request_on_product_page *boolean* : Afficher/Masquer le bouton de demande de paiement sur la page du produit.
  • wc_stripe_show_payment_request_on_checkout *boolean* : Afficher/Masquer le bouton de demande de paiement sur la page de validation de commande.
  • wc_stripe_payment_request_hide_itemization *boolean* : Afficher/Masquer les détails lors de l’utilisation de la demande de paiement.
  • wc_stripe_save_to_subs_text ($text) : Texte qui s’affiche aux clients pour mettre à jour les abonnements actifs avec la nouvelle carte enregistrée.
  • wc_stripe_save_to_subs_checked *boolean* : Cocher par défaut la case de mise à jour des abonnements actifs avec la nouvelle carte enregistrée.
  • wc_stripe_update_subs_payment_method_card_statuses ($statuses) : Abonnements dont le mode de paiement sera mis à jour si le client a choisi cette option lors de l’ajout d’un nouveau mode de paiement. Par défaut, seuls les abonnements « actifs » seront mis à jour.

DSP 2 / Authentification forte ↑ Back to top

Définition de la directive DSP 2 / Authentification forte ↑ Back to top

En septembre 2019, de nouvelles obligations concernant l’authentification des paiements en ligne ont été introduites en Europe avec la deuxième directive sur les services de paiement (DSP 2). Ces obligations sont appelées « authentification forte » des paiements électroniques.

WooCommerce.com travaille en collaboration avec différents partenaires de paiement (dont Stripe.com) pour garantir que toutes les extensions de passerelle de paiement sont mises à jour. Pour plus d’informations, consultez notre article sur l’authentification forte (disponible uniquement en anglais). Notre extension Stripe inclut cette nouvelle obligation depuis la version 4.2.0.

Paiements échoués, renouvellements d’abonnement et authentification forte ↑ Back to top

Lorsqu’un abonnement doit être renouvelé ou lorsque vous essayez de traiter manuellement un renouvellement d’abonnement (depuis Modifier abonnement > Actions d’abonnement > Renouvellement processus), vous pourriez recevoir, en tant que propriétaire de la boutique, un e-mail stipulant que « La commande n° XXX a échoué ».

Pourquoi ? L’acheteur peut avoir à se connecter pour authentifier le paiement en raison de l’obligation d’authentification forte ou d’autres exigences d’authentification de la banque émettant la carte de crédit. Si tel est le cas, les notes de commande suivantes peuvent être affichées :

  • « Frais Stripe en attente d’authentification de l’utilisateur. »

  • « Échec d’authentification forte de Stripe. »

  • « Cette transaction nécessite une authentification. »

En même temps que vous recevez l’e-mail « La commande n° XXX a échoué », l’acheteur reçoit un e-mail « Autorisation de paiement nécessaire pour le renouvellement » lui demandant de se reconnecter et d’autoriser le paiement via un lien inclus.

Une fois que l’acheteur se reconnecte et autorise le paiement, la commande passe de « Échouée » à « En cours » et l’abonnement redevient actif.

Questions fréquemment posées ↑ Back to top

Le mode de paiement Stripe n’apparaît pas. ↑ Back to top

En mode LIVE, un certificat SSL doit être installé sur votre site pour utiliser Stripe. En plus du cryptage SSL, Stripe fournit une méthode JavaScript supplémentaire pour sécuriser les données de carte.

Le bouton de demande de paiement n’apparaît pas. ↑ Back to top

Le client doit être situé dans une région prise en charge et doit disposer d’un appareil et d’un mode de paiement compatibles. Sinon, l’option n’est pas disponible.

Pour plus de détails, consultez les pages d’assistance correspondantes :

Quels types de produits peuvent être achetés avec le bouton de demande de paiement ? ↑ Back to top

Actuellement, les produits simples, les produits variables et les produits d’abonnement sont pris en charge. Les boutons ne s’afficheront pas pour les autres types de produits (comme les réservations) et ne fonctionneront pas avec les champs de produits personnalisés.

L’extension WooCommerce Subscriptions prend-elle en charge Apple Pay ou un autre bouton de demande de paiement ? ↑ Back to top

Oui, les boutons de demande de paiement sont pris en charge pour les produits simples et les produits variables lors de l’utilisation de l’extension WooCommerce Subscriptions.

Les variations ne sont pas facturées avec les boutons de demande de paiement depuis une page de produit unique. ↑ Back to top

Les boutons de demande de paiement ne prennent pas en charge les champs personnalisés de produits tels que les variations sur des pages de produits uniques. Pour éviter que les variations ne soient pas facturées, désactivez les boutons de demande de paiement sur les pages de produits uniques. Si vous souhaitez que cette fonctionnalité soit implémentée dans WooCommerce, votez sur notre page de suggestions.

Conformité aux normes de l’industrie des cartes de paiement : Quel est le niveau de couverture de l’extension Stripe ? ↑ Back to top

Étant donné que l’extension Stripe utilise Stripe Elements, les transactions sont régies par le questionnaire d’auto-évaluation pré-rempli SAQ A. Pour plus d’informations, consultez la section « Checkout / Elements » de la documentation de Stripe.com (disponible uniquement en anglais).

Comment puis-je tester les transactions Stripe ? ↑ Back to top

Si votre site est configuré à l’aide de clés de TEST, vous pouvez utiliser l’une des cartes répertoriées dans la liste des cartes de test.

Pour consulter ces transactions de test, activez l’option Afficher les données de test depuis la barre latérale gauche du tableau de bord Stripe.

N’oubliez pas de passer en mode LIVE lorsque vous souhaitez accepter des paiements réels. Pour cela, décochez l’option Activer le mode TEST dans WooCommerce > Réglages > Paiements > Stripe et copiez les informations d’identification LIVE depuis le tableau de bord Stripe.

Remarque : Les cartes de test ne fonctionnent qu’en mode TEST et non en mode LIVE. De même, vous ne pouvez pas utiliser une vraie carte lorsque votre site est en mode TEST.

Puis-je tester Apple Pay ? ↑ Back to top

Oui. Suivez les instructions de test d’Apple Pay.

Puis-je tester Google Pay ? ↑ Back to top

Oui. Enregistrez une carte de test Stripe sur votre appareil et affichez une page de produit.

Puis-je masquer le bouton de demande de paiement sur une page de produit unique ? ↑ Back to top

Oui. Utilisez le filtre ci-dessous pour masquer le bouton de demande de paiement sur la page Produits :

add_filter( 'wc_stripe_hide_payment_request_on_product_page', '__return_true' );

Puis-je masquer le bouton de demande de paiement sur la page Panier ? ↑ Back to top

Oui. Utilisez le code ci-dessous pour masquer le bouton de demande de paiement sur la page Panier :

remove_action( 'woocommerce_proceed_to_checkout', array( WC_Stripe_Payment_Request::instance(), 'display_payment_request_button_html' ), 1 );
remove_action( 'woocommerce_proceed_to_checkout', array( WC_Stripe_Payment_Request::instance(), 'display_payment_request_button_separator_html' ), 2 );

Puis-je afficher le bouton de demande de paiement sur la page Paiement ? ↑ Back to top

Oui. Bien que le bouton de paiement ait été supprimé sur la page Paiement pour plus de clarté, vous pouvez l’afficher à nouveau grâce au filtre ci-dessous :

add_filter( 'wc_stripe_show_payment_request_on_checkout', '__return_true' );

Un même client peut-il avoir plusieurs abonnements ? ↑ Back to top

En utilisant les extensions WooCommerce Stripe et WooCommerce Subscriptions, vous pouvez avoir plusieurs abonnements dans votre boutique WooCommerce. Il convient de noter que les extensions WooCommerce Stripe et WooCommerce Subscriptions n’utilisent pas la fonctionnalité de forfait récurrent de Stripe. Les abonnements sont gérés dans WooCommerce et utilisent la facturation par jetons pour les paiements récurrents.

Comment puis-je modifier le style du formulaire Stripe ? ↑ Back to top

Le formulaire de paiement est affiché sur votre site selon la méthode iframe, qui offre une sécurité supplémentaire. Si vous ciblez iframe avec un CSS, vous constaterez que cela ne fonctionne pas. Ce que vous devez faire, c’est cibler l’élément enveloppant div. Voici quelques exemples de CSS qui peuvent vous aider :

Remarque : Dans le cadre de notre Politique d’assistance, nous ne sommes pas en mesure de fournir une assistance pour les personnalisations. Si vous ne maîtrisez pas les méthodes de personnalisation des codes/modèles et les protocoles de dépannage de conflits, veuillez contacter un Expert WooCommerce.

CSS personnalisé pour modifier le style du formulaire Stripe Elements : ↑ Back to top


/* Target the Credit Card */
#stripe-card-element {
background: #ffffff !important;
padding: 10px 5px !important;
margin: 5px 0px !important;
}
/* Target the Expiry Date */
#stripe-exp-element {
background: #ffffff !important;
padding: 10px 5px !important;
}
/* Target the CVC Code */
.woocommerce-checkout-review-order #stripe-cvc-element {
background: #ffffff !important;
margin: 5px 0px !important;
padding: 10px 5px !important;
}

Remarque : Vous pouvez modifier la taille, les marges, les blocs et la couleur d’arrière-plan des cases.

Vous pouvez également personnaliser le style de Stripe Elements à l’aide du filtre wc_stripe_elements_styling. Voici un exemple :


// Stripe provides a filter for you to add custom Stripe Elements Styling
// See full documentation from Stripe on what elements are available to be styled here:
// https://stripe.com/docs/stripe-js/reference#element-options
add_filter( 'wc_stripe_elements_styling', 'woogist_add_stripe_elements_styles' );
function woogist_add_stripe_elements_styles($array) {
$array = array(
'base' => array(
'color' => '#bada55',
'fontFamily' => 'Tahoma',
'fontSize' => '30px'
),
'invalid' => array(
'color' => '#0099e5'
)
);
return $array;
}

Comment puis-je traduire les textes des espaces réservés du formulaire de carte de crédit ? ↑ Back to top

Les textes des espaces réservés du formulaire de carte de crédit sont automatiquement traduits par Stripe et ne peuvent pas être traduits en ajoutant de nouvelles chaînes de traduction à votre site. Voici une capture d’écran montrant les différents textes des espaces réservés :

Par défaut, Stripe détecte les paramètres régionaux du navigateur et utilise la langue correspondante. Les paramètres régionaux disponibles sont ar, da, de, en, es, fi, fr, he, it, ja, lt, lv, ms, nb, nl, pl, pt, ru, sv, zh. Pour plus de détails, consultez la documentation de Stripe.

Pour modifier les paramètres régionaux, utilisez le filtre wc_stripe_elements_options. Par exemple, pour utiliser les paramètres régionaux du site, utilisez ce bout de code :

add_filter( 'wc_stripe_elements_options', 'wc_update_locale_in_stripe_element_options' );

function wc_update_locale_in_stripe_element_options( $options ) {

return array_merge($options,array('locale' => get_locale(),));};

Quelle version de l’API Stripe cette extension utilise-t-elle ? ↑ Back to top

Nous utilisons la dernière version disponible et nous la mettons à jour dès que possible. Notez que vous pouvez généralement mettre à jour la version de l’API depuis votre tableau de bord Stripe sans affecter notre extension. Pour plus d’informations sur la version que nous utilisons, consultez notre code sur GitHub.

Cette extension prend-elle en charge Bitcoin ? ↑ Back to top

Depuis la version 4.1.2, Bitcoin n’est plus proposé comme mode de paiement. Cela est dû au fait que Stripe a cessé de prendre en charge les paiements Bitcoin depuis le 23 avril 2018.

Cette extension prend-elle en charge Stripe Connect ? ↑ Back to top

Non. Nous ne sommes pas en mesure d’intégrer Stripe Connect pour le moment.

L’extension Stripe utilise-t-elle un système de vérification d’adresse ? ↑ Back to top

Oui. Cette fonction est activée dans le tableau de bord de votre compte Stripe et fonctionne dans WooCommerce. Pour plus d’informations, consultez la documentation de Stripe sur la prévention des fraudes et des litiges.

L’extension Stripe prend-elle en charge l’autorisation et la capture ? ↑ Back to top

Oui. Il s’agit d’une option dans les paramètres de l’extension. Les frais peuvent être capturés à partir du tableau de bord WooCommerce. Veuillez noter que les autorisations non capturées expirent après 7 jours.

Lorsque la passerelle de paiement Stripe est configurée pour autoriser les paiements, les commandes passées via Stripe auront le statut En attente et la note de commande suivante :

Pour capturer le paiement ou annuler la commande afin de supprimer la pré-autorisation, modifiez le statut de la commande à En cours ou Terminée.

L’extension Stripe autorise-t-elle les remboursements dans WooCommerce ? ↑ Back to top

Oui. Pour plus d’informations, consultez notre page de documentation sur les remboursements WooCommerce (disponible uniquement en anglais).

L’extension Stripe prend-elle en charge le système sécurisé ACH ? ↑ Back to top

Pas pour l’instant, mais Stripe y travaille activement. Pour plus de détails, consultez notre page de suggestions.

Pourquoi mes abonnements ne sont-ils pas affichés dans le tableau de bord Stripe ? ↑ Back to top

WooCommerce Subscriptions n’utilise pas la fonctionnalité d’abonnements de Stripe. Notre extension utilise des jetons client/carte Stripe et contrôle le traitement des paiements récurrents.

Cela évite tout problème potentiel qui pourrait survenir en essayant de synchroniser deux copies de données d’abonnements sur deux systèmes différents (une copie dans votre boutique et une chez Stripe). Cela permet également que Stripe soit compatible avec toutes les fonctionnalités de WooCommerce Subscriptions (lien disponible uniquement en anglais), comme la modification des dates de paiement, plutôt que seulement celles autorisées par les abonnements Stripe.

Pour cette raison, vous ne verrez pas dans votre tableau de bord Stripe les abonnements créés avec WooCommerce. Mais cela ne signifie pas que les paiements récurrents ne seront pas traités. Tant que votre boutique fonctionne correctement, les paiements récurrents seront traités correctement et apparaîtront dans le tableau de bord Stripe en tant que paiements.

Dois-je activer « Carte enregistrée » pour traiter les abonnements ? ↑ Back to top

L’extension WooCommerce Subscriptions (lien disponible uniquement en anglais) dispose de son propre mécanisme d’enregistrement des détails des cartes de crédit. Lorsqu’un client achète un produit d’abonnement, Stripe crée un jeton de paiement spécial qui utilisera les mêmes informations de carte de crédit pour les futurs paiements d’abonnement. Il n’est pas nécessaire d’enregistrer à nouveau la même carte sur le compte du client, sauf si vous souhaitez autoriser le client à réutiliser la carte pour d’autres achats dans votre boutique.

Comment puis-je changer les icônes de paiement utilisées (telles que Visa, Mastercard, etc.) ? ↑ Back to top

Vous pouvez les changer via un crochet intégré. Voici un exemple montrant l’utilisation du crochet pour changer le logo Visa.

add_filter( 'wc_stripe_payment_icons', 'change_my_icons' );
function change_my_icons( $icons ) {
// var_dump( $icons ); to show all possible icons to change.
$icons['visa'] = '<img src="https://shipyouridea.com/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/visa.svg" />';
return $icons;
}

Comment puis-je modifier la largeur du bouton de demande de paiement ? ↑ Back to top

Vous pouvez cibler le bouton en utilisant #wc-stripe-payment-request-button et le séparateur « OR » avec #wc-stripe-payment-request-button-separator. Pour plus de détails, consultez notre documentation sur la personnalisation de Stripe (disponible uniquement en anglais).

Dépannage ↑ Back to top

« Root Relative URLs » ↑ Back to top

L’extension « Root Relative URLs » a des problèmes de stabilité qui empêchent de l’utiliser avec Stripe.

Lors de la validation d’une commande, je reçois un message d’erreur me demandant d’activer JavaScript. ↑ Back to top

Cette erreur peut être causée par des thèmes non standard ou mal codés, ou des problèmes liés à JavaScript (JS). Problèmes courants :

    1. Erreurs Javascript sur la page Paiement : Pour afficher l’erreur, ouvrez la console d’erreurs de votre navigateur (dans Chrome : Affichage > Développeurs > Console JavaScript) et recherchez les erreurs rouges. Cela devrait vous aider à identifier le problème (probablement un chargement incorrect de jquery).
    2. Erreurs de chargement des scripts : Stripe charge deux fichiers JS dont il a besoin pour fonctionner. Si ces fichiers ne sont pas correctement chargés, des erreurs peuvent se produire. Raisons les plus courantes :
    3. Un thème n’a pas la fonction wp_head() ou wp_footer().
    4. Des anciens fichiers de modèle de WooCommerce sont présents dans votre thème.
    5. Chargement non standard des en-têtes / pieds de page. WooCommerce utilise l’action get_header()’s get_header pour initialiser les scripts de chargement et de validation de commande. Utilisez get_header() ou déclenchez manuellement l’action get_header à l’aide de do_action( ‘get_header ); dans votre chargeur d’en-tête personnalisé.

Apple Pay – J’obtiens l’erreur suivante : « Erreur : impossible de copier le fichier d’association de domaine à la racine du domaine ». ↑ Back to top

Cela peut signifier que la configuration de votre serveur n’autorise pas l’écriture de fichiers/chemins à cet emplacement. Vous devez le faire manuellement en suivant les étapes décrites dans ce document Stripe (disponible uniquement en anglais).

Apple Pay – J’obtiens l’erreur suivante : « Erreur : impossible de vérifier le domaine. Requête erronée ». ↑ Back to top

Essayez de vérifier manuellement le domaine en suivant les étapes décrites dans ce document Stripe (disponible uniquement en anglais).

Je reçois une erreur d’API. ↑ Back to top

Assurez-vous d’avoir entré les bonnes clés. Si vous êtes en mode LIVE, vous devez entrer des clés LIVE (pas des clés TEST).

      • Si vous utilisez le mode TEST, les clés sont précédées de sk_test ou pk_test.
      • Si vous utilisez le mode LIVE, les clés sont précédées de sk_live ou pk_live.

Je reçois l’erreur « Impossible de trouver les informations de paiement ». ↑ Back to top

Cela signifie généralement que le mode TEST est toujours activé et que vous utilisez des clés LIVE, ou que des clés TEST sont utilisées en mode LIVE. Pour plus de détails, consultez les journaux Stripe dans WooCommerce > État > Journal.

Personnalisation ↑ Back to top

Pour personnaliser l’apparence des champs de carte de paiement de la passerelle de paiement WooCommerce Stripe, consultez notre documentation complète pour les développeurs (disponible uniquement en anglais).

Questions et commentaires ↑ Back to top

Vous avez des questions ? Remplissez ce formulaire et contactez un expert WooCommerce.

Vous utilisez déjà Stripe et vous avez besoin d’assistance ? Contactez un ingénieur satisfaction WooCommerce via le Centre d’assistance.

WooCommerce - the most customizable eCommerce platform for building your online business.

  • 30 day money back guarantee
  • Support teams across the world
  • Safe & Secure online payment