Passer au contenu principal
Toutes les collectionsMarchandDémarrer avec Fintecture
Comment intégrer Fintecture à un site CMS ?
Comment intégrer Fintecture à un site CMS ?

Voici les instructions pour intégrer Fintecture sur votre site Prestashop, Magento, Wordpress, Shopify ou Oasis!

Marianne Lafuma avatar
Écrit par Marianne Lafuma
Mis à jour il y a plus d’une semaine

Une fois votre compte Fintecture activé, vous pouvez commencer l'intégration de Fintecture sur votre site CMS.

Voici le guide pas-à-pas pour configurer le module sur votre site. C'est parti !

Créez une Boutique sur la Console Fintecture

  • Connectez-vous à votre compte Fintecture et accédez à l'onglet "Boutiques".

  • Cliquez sur "Créer une boutique" et sélectionnez "Plugin e-commerce".

  • Saisissez le nom et l'URL de votre boutique (assurez-vous qu'elle commence par https://).

  • Choisissez votre plateforme (par exemple, PrestaShop, Magento).

  • Sélectionnez "Production" pour commencer à encaisser des paiements.

  • Sélectionnez le compte bancaire où vous souhaitez recevoir vos paiements.

  • Sélectionnez les membres de l'équipe ayant accès à cette boutique. Par défaut, tous sont sélectionnés.

    💡 Pour plus d’informations, consultez notre FAQ dédiée aux restrictions utilisateurs.

  • Cliquez sur "Suivant".

  • Sélectionnez vos modes de paiement et vos préférences de paiement.

  • Ajoutez votre logo, qui sera affiché sur l'interface de paiement.

    💡 Votre fichier doit être au format .png, .jpg ou .jpeg avec une taille maximale de 100 Ko.

  • Personnalisez vos communications par e-mail et/ou SMS.

  • Cliquez sur "Créer ma boutique".

  • Générez et téléchargez votre clé privée (.pem). Elle sera nécessaire ultérieurement lors de la configuration de votre CMS.

Configurez le plugin depuis le back-office de votre CMS

Veuillez suivre les instructions correspondant à votre CMS.

Shopify

  1. Téléchargez et installez l'app Fintecture depuis la boutique Shopify en cliquant ici :

    Télécharger Fintecture pour Spotify

  2. Cliquez sur "Ajouter l’appli”.

  3. Vous êtes automatiquement redirigé vers votre back office Shopify dans l’onglet “Paiements”. Vous y retrouverez notre solution.

  4. Avant d’activer la solution, assurez-vous que la case “Test” soit bien décochée.

  5. Cliquez sur le bouton “Activez Fintecture”.

Vous pouvez vous référer à la vidéo démo ci-dessous.

Félicitations, l’application Fintecture est configurée ! Vous pouvez dès maintenant simuler une commande sur votre site internet pour vérifier que tout fonctionne correctement.

Prestashop

Installation

  1. Téléchargez le module Fintecture sur la boutique Prestashop.
    ​

    Télécharger Fintecture pour Prestashop

  2. Rendez-vous sur votre back-office PrestaShop, cliquez sur "Module" puis "Module Manager".

  3. Cliquez sur "Installer un module" pour lancer le téléchargement du fichier zip.

  4. Glissez le fichier préalablement téléchargé depuis la marketplace dans l’encadré "Installer un module", ou cliquez sur "Sélectionner un fichier".

  5. Patientez quelques secondes le temps que le module s’installe, et cliquez ensuite sur "Configurer".

Configuration

  1. Sélectionnez "Activer".

  2. Sélectionnez "Production" sous "Mode".

  3. Sélectionnez "Tous" sous "Catégorie de Banques".

  4. Sélectionnez "Activer" sous "Logo Fintecture".

  5. Pour configurer le module en production, assurez-vous d’être dans la section "Paramètres de connexion PRODUCTION".

  6. Copiez l’App ID sur la fenêtre de votre espace Fintecture et la coller dans le champ "Fintecture APP ID."

  7. Copiez l’App Secret sur la fenêtre de votre espace Fintecture et la coller dans le champ "Fintecture APP SECRET".

  8. Cliquez sur "Parcourir" sous "Clé Privée" pour charger le fichier .pem préalablement généré depuis votre espace Fintecture.

  9. Cliquez sur "Terminer" sur la fenêtre de votre espace Fintecture.

  10. Testez la connexion sur PrestaShop.

Paramètres avancés

Par défaut, les statuts auxquels se greffe Fintecture sont les suivants :

Vous pouvez modifier ces statuts.

Préférences

  1. Cliquez sur "Paiement" puis "Préférences" dans le menu à gauche.

  2. Dans la section "Restrictions des devises", sélectionnez Euro (EUR). Cliquez sur "Enregistrer".

  3. Dans la section "Restrictions des groupes," sélectionnez "Visiteur, Invité, Client". Cliquez sur "Enregistrer".

  4. Dans la section "Restrictions des pays", sélectionnez uniquement "France et Espagne". Cliquez sur "Enregistrer." (NB : c'est l'adresse de livraison que votre client aura renseignée qui sera prise en compte).

  5. Dans la section "Restrictions par transporteur", veillez à ce que tous les transporteurs soient sélectionnés. Cliquez sur "Enregistrer".

Félicitations, l’application Fintecture est configurée ! Vous pouvez dès maintenant simuler une commande sur votre site internet pour vérifier que tout fonctionne correctement.

Oasis

  1. Depuis votre espace Oasis, cliquez sur "Config", puis sur "Prix et Règlement" et "Modes de Règlement".

  2. Dans la rubrique "Règlements numériques", cliquez sur "Virement instantané".

  3. Renseignez le nom du mode de règlement : "Virement immédiat".

  4. Sélectionnez le prestataire de paiement : "Fintecture".

  5. Indiquez le code de règlement : "VI".

  6. Ajoutez la description suivante :
    ​Payez vos achats instantanément et en toute sécurité. Vous serez automatiquement redirigé vers l'espace sécurisé de votre banque pour confirmer le paiement.

  7. Ajoutez le logo Fintecture disponible ici.

  8. Montants : renseignez 0.00€ dans le montant minimum et -1.00€ si vous souhaitez que vos clients puissent régler leurs commandes avec Fintecture, quelque soit le montant.

Rendez-vous sur l’onglet paramètres pour configurer Fintecture

  1. Sélectionnez l’environnement "Production".

  2. Copiez l’App ID préalablement généré depuis votre espace Fintecture et la coller dans le champ correspondant.

  3. Copiez l’App Secret préalablement généré depuis votre espace Fintecture et la coller dans le champ correspondant.

  4. Cliquez sur "Enregistrer".

  5. Cliquez sur "Tester Connexion". Le message suivant devrait apparaître en vert « Le paiement Fintecture est correctement paramétré ».

  6. Chargez la clé privée préalablement téléchargée depuis l’espace Fintecture et validez l’opération en cliquant sur "Transférer". Le message suivant devrait apparaître : « Clé privé associée »

  7. Rendez-vous dans l’onglet "Propriété" : à côté de "Actif", sélectionnez "Oui".

Félicitations, l’application Fintecture est configurée ! Vous pouvez dès maintenant simuler une commande sur votre site internet pour vérifier que tout fonctionne correctement.

Magento

Installation

Pour installer l'extension, 2 options s'offrent à vous : via Composer ou depuis un fichier .zip.

Option 1 : Installer l’extension en utilisant le Composer (recommandé)

  1. Assurez-vous que le Composer est installé.

  2. Assurez-vous de disposer des clés d'accès à installer en accédant à "My Profile" dans Marketplace, puis en choisissant "Access Keys" dans la section "My Products".

  3. Recherchez "Payer par Virement Instantané" et cliquez sur "Technical Details" dans "My Purchase".

  4. Accédez au répertoire de votre projet Magento et mettez à jour votre fichier composer.json.

  5. Exécutez :
    ​

    composer require fintecture/payment

    php bin/magento setup:upgrade
    php bin/magento setup:di:compile
    php bin/magento setup:static-content:deploy -f
    php bin/magento cache:flush
    ​

  6. Videz le cache.

Option 2 : Installer l’extension depuis un fichier zip.

  1. Décompressez le fichier.

  2. Créez un autre répertoire appelé app/code/Fintecture/Payment/.

  3. Téléchargez le répertoire app/code/Fintecture /Payment/ dans le répertoire racine de votre installation Magento. Tous les répertoires doivent correspondre à la structure de répertoires existants.

  4. Accédez au répertoire racine et exécutez :
    ​
    ​php bin/magento setup:upgrade
    php bin/magento setup:di:compile
    php bin/magento setup:static-content:deploy -f
    php bin/magento cache:flush
    ​

  5. Videz le cache.

⚠️ Si vous êtes sur Adobe Commerce, le pare-feu applicatif (WAF) peut bloquer notre solution. Dans ce cas, veuillez contacter le support pour récupérer nos IPs qu'il faudra autoriser. ⚠️

Configuration du module

  1. Depuis votre "Admin Panel", rendez-vous sur la page "Modes de paiement" (Magasins > Configuration > Ventes).

  2. Cliquez sur la flèche sur "Other Payment Methods" et "Payer par Virement Instantané" apparaîtra.

  3. Cliquez sur "Configurer".

  4. Cliquez sur la flèche pour dérouler les Paramètres de Fintecture.

  5. Assurez-vous que "Oui" est sélectionné dans le champ "Activé".

  6. Assurez-vous que "Production" est sélectionné dans le champ

    "Environnement".

  7. Assurez-vous que "Tous" est sélectionné dans le champ

    "Banque Type".

  8. Assurez-vous que "Oui" est sélectionné dans le champ

    "Afficher le logo".

  9. Copiez l’App ID préalablement généré depuis votre console et la coller dans le champ "Fintecture APP ID".

  10. Copiez l’App Secret préalablement généré depuis votre console et la coller dans le champ "Fintecture APP SECRET".

  11. Chargez la clé privée (fichier .pem) préalablement générée depuis votre espace Fintecture.

  12. Testez la connexion.

  13. Enregistrez la configuration.

Félicitations, l’application Fintecture est configurée ! Vous pouvez dès maintenant simuler une commande sur votre site internet pour vérifier que tout fonctionne correctement.

Wordpress (WooCommerce)

Installation

  1. Depuis votre espace WordPress, cliquez sur "Extensions" (menu de gauche), puis sur "Ajouter". Taper " Fintecture" dans la barre de recherche pour trouver le module.

  2. Cliquez sur "Installer", attendre quelques secondes et cliquez sur "Activer".

Si cette étape là ne fonctionne pas, vous pouvez télécharger un fichier .zip en suivant ce lien et le charger en cliquant sur le bouton "Téléverser une extension".

Configuration

  1. Sélectionnez "Activer cette passerelle de paiement".

  2. Sélectionnez "Activer le logo Fintecture".

  3. Ne sélectionnez pas "Activer le mode Sandbox".

  4. Sélectionnez "Activer" sous "Logo Fintecture".

  5. Copiez l’App ID préalablement généré depuis votre console et la coller dans le champ "Fintecture APP ID".

  6. Copiez l’App Secret préalablement généré depuis votre console et la coller dans le champ "Fintecture APP SECRET".

  7. Cliquez sur "Ajouter un fichier" pour charger la clé privée préalablement téléchargée au format .pem depuis la Console Fintecture.

  8. Cliquez sur "Tester la production". Le message suivant devrait apparaître : « Connexion réussie ».

  9. Cliquez sur "Enregistrer" en bas de la page.

Félicitations, l’application Fintecture est configurée ! Vous pouvez dès maintenant simuler une commande sur votre site internet pour vérifier que tout fonctionne correctement.

Maximisez le taux d'adoption avec Fintecture

Nous avons interrogé des utilisateurs et collaboré avec des designers pour intégrer les meilleures pratiques et maximiser l’adoption de Fintecture. Voici quelques règles d’or à suivre :

👉 Harmoniser la manière de présenter les moyens de paiement.
👉 Positionner le virement immédiat Fintecture en premier sur votre page de paiement.
👉 Intégrer notre marque Fintecture en activant l'option Logo sur la page de configuration.

👉 Communiquer auprès de vos clients pour annoncer la mise en ligne de cette nouvelle solution de paiement : newsletter, bannière, article de blog...

👉 Utiliser la dernière version du module, qui intègre les meilleures pratiques en terme d’UX.

Avez-vous trouvé la réponse à votre question ?