Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

[Support request] How to get all of PayPal’s Payment Options To Appear On My Checkout Page

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore General Questions › How to get all of PayPal’s Payment Options To Appear On My Checkout Page

Tagged: Payment Option Buttons

  • This topic has 2 replies, 2 voices, and was last updated 9 months ago by RebeccaRohman.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 20, 2022 at 10:36 am #84465
    RebeccaRohman
    Participant

    Hello Administrator,

    I’ve already purchased your product and installed it on my websites and it works to perfection.

    However, I would like ALL the PayPal Payment options stacked buttons to show up on my page i.e. PayPal, Pay Later and Pay with debit or credit cards. I was able to get some html code from PayPal and got the buttons to show up on my website but it does not replace the original checkout button and the new buttons do not function. I’m a little overwhelmed. Can you please help?

    Warm Wishes,

    June 20, 2022 at 7:07 pm #84468
    wzp
    Moderator

    When the buyer clicks the checkout button; control should transfer to PayPal, and the appropriately available options should appear. This of course assumes, that the buyer is logging into their PayPal account, when they are transferred to PayPal.

    June 20, 2022 at 10:39 pm #84472
    RebeccaRohman
    Participant

    Hello,

    Thank you for your response.

    I understand what you are saying but when I test this the only other alternative is to pay with a debit or credit card. In WP Express checkout the buttons I want are there but it does not have the functionality that I need for my business so I got this plugin (Customers may purchase more than one item at a time which is why the Express Checkout does not work).

    I’d like my customers to know once they get to the checkout page that they have the option to use Pay Later, Venmo, etc. and the buttons should have the functions that go with the various options. This is how I need it to show up using the WP eStore plugin. The HTML is below. Can you help? Thank you so much.

    <!DOCTYPE html>
    <html>
    <head>
    <meta name=”viewport” content=”width=device-width, initial-scale=1″>
    </head>
    <body>
    <!– Replace “test” with your own sandbox Business account app client ID –>
    <script src=”https://www.paypal.com/sdk/js?client-id=test&currency=USD”></script&gt;
    <!– Set up a container element for the button –>
    <div id=”paypal-button-container”></div>
    <script>
    paypal.Buttons({
    // Order is created on the server and the order id is returned
    createOrder: (data, actions) => {
    return fetch(“/api/orders”, {
    method: “post”,
    // use the “body” param to optionally pass additional order information
    // like product ids or amount
    })
    .then((response) => response.json())
    .then((order) => order.id);
    },
    // Finalize the transaction on the server after payer approval
    onApprove: (data, actions) => {
    return fetch(/api/orders/${data.orderID}/capture, {
    method: “post”,
    })
    .then((response) => response.json())
    .then((orderData) => {
    // Successful capture! For dev/demo purposes:
    console.log(‘Capture result’, orderData, JSON.stringify(orderData, null, 2));
    const transaction = orderData.purchase_units[0].payments.captures[0];
    alert(Transaction ${transaction.status}: ${transaction.id}\n\nSee console for all available details);
    // When ready to go live, remove the alert and show a success message within this page. For example:
    // const element = document.getElementById(‘paypal-button-container’);
    // element.innerHTML = ‘<h3>Thank you for your payment!</h3>’;
    // Or go to another URL: actions.redirect(‘thank_you.html’);
    });
    }
    }).render(‘#paypal-button-container’);
    </script>
    </body>
    </html>

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • WP PDF Stamper Documentation
  • WP Photo Seller Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial
  • WP Photo Seller Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Download Monitor

Copyright © 2023 | Tips and Tricks HQ