Apple Pay & GPay Shortcodes

  • Resolved hekreates

    (@hekreates)


    2 years, 1 month ago

    Hi there,

    I’m using [ppcp_product_buttons] on the product page and would like to use a similar shortcodes of payment request buttons (G Pay) and Apple Pay but I was not able to find them in the documentation.

    Thanks in advance.

    Kind regards.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter hekreates

    (@hekreates)

    2 years, 1 month ago

    https://i.gyazo.com/80987efea456693dbaae5228a2292a6a.png

    Plugin Author Clayton R

    (@mrclayton)

    2 years, 1 month ago

    Hi @hekreates

    You can use shortcode [wc_stripe_payment_buttons] to display the payment buttons on your product page.

    Make sure you have the buttons enabled on the product page when using the shortcode.

    Kind Regards

    Thread Starter hekreates

    (@hekreates)

    2 years, 1 month ago

    Hi MrClayton,

    The problem is that if I enable the buttons on the product page, the shortcode that should be next to Paypal button doesn’t appear and it shows (for example) the GPay button below the add to cart button.

    Example: https://hekreations.com/en/shop/templates/for-halloween/anubis-mask/

    Thread Starter hekreates

    (@hekreates)

    2 years, 1 month ago

    I ended up removing the payment request shortcode block and leaving it as it is configured by default. I wanted to activate it because, unlike the cart page, there is no separator between the “add to cart” and the rest of the buttons.

    In any case, there is one problem that occurs with the Apple Pay button, and that is that on the product page it is displayed as a white circle without any text, while in the cart it is displayed perfectly. I have gossiped the CSS but it seems that the error does not come from there. Or if it comes from there, I can’t find it.

    PS: The funny thing is that on the mobile sometimes the Apple Pay button would load correctly and I would see on the product page “Pay with Apple Pay”, and in the cart it is shown as “Checkout with Apple Pay” even though in the plugin settings I have set “Pay”.

    Plugin Author Clayton R

    (@mrclayton)

    2 years, 1 month ago

    Hi @hekreates

    Unrelated to why the Apple Pay button is rendering weird, but you have a Javascript error on your product page that should be fixed:

    Uncaught TypeError: Cannot read properties of undefined (reading 'use')
    at anubis-mask/:3235:4
    at anubis-mask/:3236:4

    When testing the Apple Pay button, it correctly launches the wallet and works as intended. The issue is the stripe.min.css file is not being loaded on your product page. That file has the CSS required to render the Apple Pay button correctly.

    The plugin is designed to enqueue the styles file so something is preventing that CSS file from being loaded.

    Kind Regards

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Apple Pay & GPay Shortcodes’ is closed to new replies.