FreshLimePay

FreshLimePay Cloud

Commencer

Comment intégrer les paiements PayPal en quelques minutes avec FreshLimePay Cloud

Suivez ce guide étape par étape mis à jour pour intégrer les paiements PayPal de manière transparente via FreshLimePay Cloud.

Guide Étape par Étape

1. Configurez vos identifiants PayPal et connectez-les à FreshLimePay Cloud

Consultez le guide détaillé ici.

2. Ajouter un nouveau produit

Chaque produit représente une configuration de paiement. Un produit peut prendre en charge les types de paiement suivants :

  • Paiement unique — pour les paiements isolés.
  • Abonnement — pour les paiements récurrents mensuels ou annuels.

Depuis le tableau de bord, cliquez sur Ajouter un produit :

Capture d'écran du tableau de bord montrant le bouton « Ajouter un produit »

Vous verrez l'écran suivant :

Capture d'écran de la création d'un paiement unique ou par abonnement PayPal

Entrez toutes les valeurs requises comme indiqué ci-dessous :

Capture d'écran de la saisie des valeurs pour un paiement unique ou par abonnement PayPal

Cliquez sur Créer un paiement :

Capture d'écran montrant le clic sur le bouton « Créer un paiement »

Vous verrez ensuite l'aperçu des Paramètres pour ajouter l'intégration à votre site web :

Capture d'écran de la page de paramètres montrant les extraits de code à insérer pour intégrer FreshLimePay

3. Créer un site web simple pour préparer l'intégration

Ce guide utilise Visual Studio Code pour créer une page web de base :

  • Téléchargez et installez Visual Studio Code ici.
  • Ouvrez Visual Studio Code : Interface de Visual Studio Code
  • Cliquez sur Ouvrir le dossier : Capture d'écran de l'option « Ouvrir le dossier » dans Visual Studio Code
  • Créez ou choisissez un dossier lorsque la boîte de dialogue apparaît : Boîte de dialogue du système pour la sélection de dossier
  • Vous verrez alors : Capture d'écran de Visual Studio Code avec le dossier sélectionné
  • Faites un clic droit sur le dossier et choisissez Nouveau fichier... : Clic droit sur le dossier dans VS Code et sélection de Nouveau fichier
  • Nommez le fichier index.html : Nommer le nouveau fichier index.html dans VS Code
  • Appuyez sur Entrée pour créer le fichier : Interface de VS Code montrant le fichier index.html créé

4. Intégrer les paiements PayPal à l'aide de FreshLimePay

Copiez l'intégralité de l'extrait de code HTML fourni précédemment :

Capture d'écran de l'extrait de code d'intégration FreshLimePay

Collez-le dans Visual Studio Code :

Coller l'extrait de code d'intégration dans le fichier index.html de VS Code

Appuyez sur Ctrl + S pour enregistrer :

Capture d'écran de VS Code montrant l'extrait de code enregistré

Assurez-vous que l'extension Live Server est installée :

Capture d'écran de l'extension Live Server dans Visual Studio Code

Cliquez sur Go Live pour lancer votre page :

Bouton Go Live dans la barre d'état inférieure de VS Code

Vous verrez alors l'intégration s'exécuter dans votre navigateur :

Capture d'écran du résultat de l'intégration PayPal dans le navigateur web

5. Tester le paiement PayPal

Étant donné que le produit a été créé dans l'environnement Sandbox (bac à sable), vous devez utiliser un compte PayPal Personal Sandbox pour tester le paiement. Pour créer un nouveau compte sandbox, suivez le guide ici

Comme démontré tout au long de ce guide, vous pouvez intégrer les paiements PayPal dans votre site web en quelques minutes à l'aide de FreshLimePay Cloud — aucune expertise PayPal n'est requise. Vous pouvez créer autant de boutons de paiement que vous le souhaitez avec FreshLimePay Cloud.