Guide rapide Création de boutons Paypal avec ActionScript 3.0

Dans ce tutoriel, nous allons créer rapidement deux boutons Paypal différents: "Acheter maintenant" et "Faire un don". Tout ce dont nous avons besoin est un compte Business Paypal pour générer du code pour nous.

Aperçu du résultat final

Jetons un coup d'œil au résultat final sur lequel nous allons travailler:

Étape 1 - Configuration du document

Lancez Flash et créez un nouveau document ActionScript 3.0 (Fichier> Nouveau…). Définissez la taille de la scène sur une largeur de 600 px et une hauteur de 400px avec 30 fps. J'ai choisi le noir (# 000000) pour le fond.

Étape 2 - Créer les boutons Flash

Créez deux couches. Nommez le premier calque "Boutons" et le second "Actions". Sur le calque "Boutons", créez deux boutons; une avec le texte "Donner une tasse de café" et l'autre avec le texte "Acheter des beignes". Sélectionnez le bouton Faire un don, puis allez aux propriétés et attribuez un nom d'instance à "btDonate". Enfin, attribuez un nom d’instance "btBuynow" au bouton "Acheter maintenant"..

Étape 3 - Connectez-vous à Paypal.com

Allez sur www.paypal.com et connectez-vous comme indiqué dans l'image ci-dessous.

Étape 4 - Personnalisation du bouton Faire un don

Allez dans "Services marchands" et cliquez sur l'option "Dons" située dans le panneau "Fonctionnalités clés"..

Tout d'abord, nous allons personnaliser notre bouton "Faire un don". Entrez un nom pour le "Service" puis un "ID de don". Choisissez maintenant la devise et sélectionnez "Les donateurs versent un montant fixe" (il suffit de taper un montant). La tâche finale pour cette étape consiste à sélectionner «Adresse électronique en texte brut»..

Nous passons maintenant à l’étape 2 et cochez la case "Bouton Enregistrer de Paypal" ceci est une nouvelle fonctionnalité et il est très utile.

Pour l'étape 3, nous allons personnaliser les fonctionnalités avancées. Sélectionnez "Non" pour les deux premières options et si vous le souhaitez, vous pouvez saisir l'URL des pages "annulation" et "réussie"..

Cliquez sur "Créer un bouton" et l'écran suivant vous montrera le code HTML.

Étape 5 - Personnalisation du bouton Acheter maintenant   

Pour personnaliser l’autre bouton, allez à nouveau à "Services marchands". Cette fois, cliquez sur l’option "Acheter maintenant" située dans le panneau "Fonctionnalités clés"..

Dans la première étape, choisissez "Produits" dans la liste déroulante, sélectionnez "Accepter les paiements pour" et "Non, créez un bouton Acheter maintenant". Entrez ensuite un "Nom" et un "ID" pour votre service ou produit. Définissez le "prix", la "devise" et spécifiez le montant "d'expédition".

Ensuite, passez à l’étape 2 et cochez la case "Bouton Enregistrer de Paypal".

Enfin, à l’étape 3, sélectionnez «Non» pour les deux premières options et, si vous le souhaitez, vous pouvez saisir l’URL des pages «annulation» et «réussie»..

Cliquez sur "Créer un bouton".

Étape 6 - Copiez le code HTML 

Maintenant que les deux boutons ont été créés, allez dans votre "Profil" et cliquez sur "Mes boutons enregistrés" que vous trouverez dans le panneau "Préférences de vente". Cliquez sur le menu déroulant "Action" et sélectionnez "Afficher le code". Copiez le code, retournez dans Flash et collez le contenu du presse-papiers dans votre calque "Actions". Répétez ces étapes pour l'autre bouton et commentez le tout en tant que code HTML..

Étape 7 - Définir "EventListener"

Copiez les lignes de code suivantes dans votre calque "Actions":

 btDonate.addEventListener (MouseEvent.CLICK, faire un don); btBuynow.addEventListener (MouseEvent.CLICK, buynow);

Étape 8 - Définir les fonctions "buynow" et "don"

Copiez les lignes de code suivantes dans votre calque "Actions":

 function donate (event: MouseEvent): void var url: String = "https://www.paypal.com/cgi-bin/webscr"; //
 var request: URLRequest = new URLRequest (url); var paypal_donate: URLVariables = new URLVariables (); paypal_donate.cmd = "_ s-xclick"; // paypal_donate.hosted_button_id = "4893693"; // request.data = paypal_donate; browseToURL (demande); trace (paypal_donate) function buynow (event: MouseEvent): void var url: String = "https://www.paypal.com/cgi-bin/webscr"; // var request: URLRequest = new URLRequest (url); var paypal_buynow: URLVariables = new URLVariables (); paypal_buynow.cmd = "_ s-xclick"; // paypal_buynow.hosted_button_id = "4901978"; // request.data = paypal_buynow; browseToURL (demande); trace (paypal_buynow)

Conclusion

Testez votre film pour vérifier le lien entre flash et paypal.com. Si vous le souhaitez, vous pouvez modifier les boutons paypal (taxes, suivi, inventaire, montant des dons, etc.), vous amuser avec! J'espère que vous avez apprécié ce guide rapide.