Display Amazon Pay as a normal payment gateway

  • Resolved aclancy

    (@aclancy)


    5 years, 3 months ago

    I’m not sure why this is confusing or still unresolved.

    Amazon Pay forces you to choose unconventional locations for a “Pay with Amazon” button. For example, the cart page (below the standard “check out” button) or a banner on the cart page (at the top of the page).

    It does NOT allow you to include a “Pay with Amazon” option radio button along with every other payment option on the checkout page, for example PayPal, credit card, etc.

    This is purely a marketing ploy and it is ANNOYING. I don’t want it on my site. I just want customers to have an option to choose Amazon Pay like every other payment option on the checkout page.

    Is this really not possible? Are we seriously forced to market Amazon’s payment service on our website if we want to use it? Fwiw, Amazon Pay is a standard payment option like all the others in the customer account area for unpaid orders, so it is not only possible to do this, but it’s already in the Pay with Amazon plugin.

    This has been an issue for years. I am ready to remove Amazon Pay from my website over this but I wanted to check to see if there was a solution to the issue first.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter aclancy

    (@aclancy)

    (Second paragraph I meant to say Amazon Pay inserts a banner at the top of the checkout page in addition to the one on the cart page below the checkout button. I understand this location is optional, but the issue is still the lack of standard integration with the other payment gateways/methods)

    Hi @aclancy,

    You’re absolutely correct that Amazon inserting its payment banner at the top of checkout is different from how other payment gateways like Square or Stripe work.

    The idea behind that is Amazon doesn’t need the information from the checkout page so it places the banner at the top so the customer doesn’t have to fill it out. They want to streamline checkout and hopefully improve conversion rates.

    One way you can move that is with a bit of JavaScript. You could set that up by editing the checkout page and adding an HTML block to it. In that block add this:

    
<script>
jQuery(".wc-amazon-payments-advanced-info").prependTo(".form-row.place-order");
</script>

    On other sites, that has moved the banner to the section with the other payment gateways.

    move Amazon

    I can’t promise that will work since I don’t know the URL to your site to verify that this is correct for it. You may need to adjust the classes in the snippet to move the banner to the correct location.

    Take care,

    Howdy @aclancy,

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread. We’ll be happy to help you out.

    Take care

    Hello @3sonsdevelopment I have the same issue with the checkout page as default for the Amazon pay can you walk me through the process on how to move down the amazon pay same with the picture you showed

    Hello @3sonsdevelopment you have this code

    “<script>
    jQuery(“.wc-amazon-payments-advanced-info”).prependTo(“.form-row.place-order”);
    </script>” not pretty sure where exactly I put this one, I have researched any forum and found that this would be the way I put your code on this folder /plugins/woocommerce/templates/checkout/ but not sure what exact file should I put the code

    https://drive.google.com/file/d/1sguAwawCBouWKIRXINfPjQ8M837jN1EF/view?usp=sharing

    please advise

    • This reply was modified 4 years, 10 months ago by Jake.

    Hey @jakesampan,

    What you can do is just edit the checkout page. Not a page template, but the actual page in the WordPress dashboard. Then insert an HTML block like this:

    HTML Block

    See if that will work for you.

    Hi @3sonsdevelopment thank you for your email would that be possible insert the amazon pay inside the box https://drive.google.com/file/d/1sguAwawCBouWKIRXINfPjQ8M837jN1EF/view?usp=sharing?

    Hey @jakesampan,

    Sure you can select a different location to insert the button. I don’t believe you’ll be able to add it as another list item in the payment gateway options. You can change where it is moved by selecting a different class and using it in the snippet instead of this:

    `
    .form-row.place-order
    `

    Just replace that with the HTML class of the element where you want to place the button and it will move there instead.

    I hope that helps ??

    @3sonsdevelopment hello,
    i want to add an amazon button betewwn the submit button on the payment choose , the checkout page. exp like this :
    https://drive.google.com/file/d/13QznrRll8C2lvjSWv4iGwglQ2LfCSEjs/view?usp=sharing

    i paste your code to the checkout page
    `<script>
    jQuery(“.wc-amazon-payments-advanced-info”).prependTo(“.form-row.place-order”);
    </script>`

    https://drive.google.com/file/d/18x97bQ1IkK8GzPXrV03tNU_GFiMYJQlA/view?usp=sharing
    but the button still don’t show on the checkout page.

    https://drive.google.com/file/d/19_nnEdfZRwN6J47YSLc8Ew86gShf4xHD/view?usp=sharing

    can you tell me how can i fix it. ths.
    regards,

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Display Amazon Pay as a normal payment gateway’ is closed to new replies.