it-swarm.com.de

Klicken Sie auf den Button Paypal Checkout

Wie kann ich den Paypal Checkout-Button-Klick auslösen? Wir haben eine Website neben den Kreditkarten. Wir akzeptieren auch Paypal-Zahlungen. Ich habe mich dazu entschieden, Optionsfelder zu setzen, damit der Kunde auswählen kann, auf welche Weise der Kunde bezahlen soll und auch Paypal Checkout Button:  enter image description here

Paypal Checkout-Button Klicken selbst öffnet das sichere Fenster von Paypal und der Rest funktioniert einwandfrei. Wenn der Kunde auf das erste Optionsfeld klickt, möchte ich das Paypal-Sicherheitsfenster erneut öffnen, dh den Klick auf den Paypal-Checkout-Button klicken .. Wie kann ich das tun, wenn der Button selbst in iframe erscheint und ich kein Klickereignis dieses Button-Kreuzes auslösen kann Domain? Gibt es eine Möglichkeit, das Klicken des Checkout-Knopfes auszulösen?

Hier ist der HTML-Code:

<html>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="https://www.paypalobjects.com/api/checkout.js"></script>
    <script type="text/javascript" src="Paypal.js">

    </script>
    <body>
        <div>
        <span style="vertical-align: 50%"><input id="rd" name="aaa" type="radio"/></span>
        <div id="Paypal-button-container" style="display: inline-block"></div><hr/>
        <input id="rd1" name="aaa" type="radio"/>
        </div>
    </body>
</html>

Und Javascript-Code:

// Paypal.js
// Render the Paypal button
$(function(){
    Paypal.Button.render({

        // Set your environment

        //TODO: Dynamically provide sandbox or production
        env: 'sandbox', // sandbox | production

        // Paypal Client IDs - replace with your own
        // Create a Paypal app: https://developer.Paypal.com/developer/applications/create

        //TODO: Dynamically provide clientID
        client: {
            sandbox:    'ZZZZZZ',
            production: '//TODO: Provide this later'
        },

        // Wait for the Paypal button to be clicked

        payment: function() {

            // Make a client-side call to the REST api to create the payment

            return Paypal.rest.payment.create(this.props.env, this.props.client, {
                transactions: [
                    {
                        amount: { total: '13.10', currency: 'USD' }
                    }
                ]
            });
        },

        // Wait for the payment to be authorized by the customer

        onAuthorize: function(data, actions) {

            return actions.payment.get().then(function(paymentData) {

                $('#Paypal-button-container').style.display = 'none'; //hide button

                //TODO: Show user payment details
                //TODO: Create input hidden fields and set payerID, paymentID, etc..for later authoriza/capture
            });
        },

        onClick: function(){
            $('#rd').trigger('click');
        },

    }, '#Paypal-button-container');
});

EDIT: Als funktionierendes Beispiel würde ich diese Seite vorschlagen, aber das ist ein bisschen anders, als was ich brauche https://developer.Paypal.com/demo/checkout/#/pattern/mark

15
Arsen Alexanyan

Dies wird derzeit nicht von der Paypal-Schaltfläche unterstützt. Die offizielle Richtlinie lautet: Nur ein Klick auf die Schaltfläche selbst öffnet ein Checkout-Fenster.

7
bluepnume

Ich schätze, ich bin ein bisschen spät dran, aber ich hoffe, dass dies den Menschen helfen wird, die mit diesem Problem konfrontiert sind, genau wie ich.

Sie können die Deckkraft der Paypal-Schaltfläche auf 0 setzen und über Ihren eigenen Checkout-Button legen. Sie können dann je nach Wert des Optionsfelds die Anzeige auf 'none' oder 'block' setzen.

3
Danil

In meinem Fall wollte ich aus Platzgründen nur eine komplett angepasste Schaltfläche verwenden. Am Ende habe ich die Paypal-Taste ausgeblendet, bis sie mit der Maus in einen Überlauf gehüllt wurde: hidden div. Es sieht in Ordnung aus - wie ein quadratischer Paypal-Button ohne Links/Rechts-Polsterung. 

Hintergrund: Die aktuelle Express-Checkout-Dokumentation von Paypal besagt, dass sie nur Schaltflächen mit einer Mindestgröße von 80px unterstützen, aber wenn Sie mit CSS arbeiten, scheint das wirkliche Minimum auf dem Desktop mindestens 120xx zu betragen.

1