Kurzanleitung Erstellen von Paypal-Schaltflächen mit ActionScript 3.0

In diesem Tutorial erstellen wir schnell zwei verschiedene Paypal-Schaltflächen: "Jetzt kaufen" und "Spenden". Alles, was wir brauchen, ist ein Paypal Business Account, um Code für uns zu generieren.

Endergebnisvorschau

Werfen wir einen Blick auf das Endergebnis, auf das wir hinarbeiten:

Schritt 1 - Dokumenteinrichtung

Starten Sie Flash und erstellen Sie ein neues ActionScript 3.0-Dokument (Datei> Neu…). Stellen Sie die Bühnengröße mit 30 fps auf 600 px Breite und 400px Höhe ein. Ich habe Schwarz (# 000000) als Hintergrund gewählt.

Schritt 2 - Erstellen Sie die Flash-Schaltflächen

Erstellen Sie zwei Ebenen. Benennen Sie die erste Ebene "Schaltflächen" und die zweite "Aktionen". Erstellen Sie auf der Ebene "Schaltflächen" zwei Schaltflächen. eine mit dem Text "Spende eine Tasse Kaffee" und die andere mit dem Text "Buy Donuts". Wählen Sie die Schaltfläche Spenden aus, und wechseln Sie zu den Eigenschaften, und weisen Sie den Instanznamen "btDonate" zu. Weisen Sie schließlich für die Schaltfläche "Jetzt kaufen" den Instanznamen "btBuynow" zu.

Schritt 3 - Melden Sie sich bei Paypal.com an

Gehen Sie zu www.paypal.com und melden Sie sich wie in der Abbildung unten an.

Schritt 4 - Anpassen der Spendenschaltfläche

Gehen Sie zu "Merchant Services" und klicken Sie im Bereich "Key Features" auf die Option "Spenden".

Zuerst passen wir unseren Button "Spenden" an. Geben Sie einen Namen für den "Service" und dann eine "Spenden-ID" ein. Wählen Sie nun die Währung und wählen Sie "Spender leisten einen festen Betrag" (geben Sie einfach einen Betrag ein). Die letzte Aufgabe für diesen Schritt besteht darin, "Nur-Text-E-Mail-Adresse" auszuwählen..

Nun gehen wir zu Schritt 2 über und klicken auf "Save button at Paypal". Dies ist eine neue Funktion und sehr nützlich.

Für Schritt 3 passen wir die erweiterten Funktionen an. Wählen Sie "Nein" für die ersten beiden Optionen. Wenn Sie möchten, können Sie die URL für die Seiten "Stornierung" und "Erfolgreich" eingeben.

Klicken Sie auf "Erstellen" und auf dem nächsten Bildschirm wird der HTML-Code angezeigt.

Schritt 5 - Anpassen der Schaltfläche "Jetzt kaufen"   

Um die andere Schaltfläche anzupassen, gehen Sie erneut zu "Merchant Services". Klicken Sie diesmal auf die Option "Jetzt kaufen" im Bereich "Wichtige Funktionen".

Wählen Sie im ersten Schritt "Produkte" aus dem Kombinationsfeld aus, wählen Sie "Zahlungen akzeptieren für" und "Nein, Schaltfläche" Jetzt kaufen ". Geben Sie anschließend einen "Namen" und eine "ID" für Ihre Dienstleistung oder Ihr Produkt ein. Legen Sie "Preis" und "Währung" fest und geben Sie den Betrag für "Versand" an.

Fahren Sie dann mit Schritt 2 fort und aktivieren Sie die Schaltfläche "Save button at Paypal"..

Wählen Sie in Schritt 3 schließlich "Nein" für die ersten beiden Optionen aus. Wenn Sie möchten, können Sie auch die URL für "Abbruch" und "Erfolgreiche" Seiten eingeben.

Klicken Sie auf "Erstellen"..

Schritt 6 - Kopieren Sie den HTML-Code 

Nachdem Sie nun die beiden Schaltflächen erstellt haben, gehen Sie zu Ihrem "Profil" und klicken Sie auf "Meine gespeicherten Schaltflächen", die Sie im Bereich "Verkaufseinstellungen" finden. Klicken Sie auf das Dropdown-Menü "Aktion" und wählen Sie "Code anzeigen". Kopieren Sie den Code, gehen Sie zurück zu Flash und fügen Sie den Inhalt der Zwischenablage in Ihre Ebene "Aktionen" ein. Wiederholen Sie diese Schritte für die andere Schaltfläche und kommentieren Sie sie als HTML-Code.

Schritt 7 - "EventListener" definieren

Kopieren Sie die folgenden Codezeilen in Ihre Ebene "Aktionen":

 btDonate.addEventListener (MouseEvent.CLICK, spenden); btBuynow.addEventListener (MouseEvent.CLICK, buynow);

Schritt 8 - Definieren Sie die Funktionen "buynow" und "spenden"

Kopieren Sie die folgenden Codezeilen in Ihre Ebene "Aktionen":

 Funktion spenden (Ereignis: MouseEvent): void var url: String = "https://www.paypal.com/cgi-bin/webscr"; //
 var request: URLRequest = neue URLRequest (URL); var paypal_donate: URLVariables = neue URLVariables (); paypal_donate.cmd = "_ s-xclick"; // paypal_donate.hosted_button_id = "4893693"; // request.data = paypal_donate; navigateToURL (Anfrage); trace (paypal_donate) Funktion buynow (Ereignis: MouseEvent): void var url: String = "https://www.paypal.com/cgi-bin/webscr"; // var request: URLRequest = neue URLRequest (URL); var paypal_buynow: URLVariables = neue URLVariables (); paypal_buynow.cmd = "_ s-xclick"; // paypal_buynow.hosted_button_id = "4901978"; // request.data = paypal_buynow; navigateToURL (Anfrage); trace (paypal_buynow)

Fazit

Testen Sie Ihren Film, um die Verbindung zwischen Flash und Paypal.com zu überprüfen. Wenn Sie möchten, können Sie die Paypal-Buttons (Steuern, Tracking, Inventar, Spendenbetrag usw.) ändern und viel Spaß damit haben! Ich hoffe, Ihnen hat diese Kurzanleitung gefallen.