I am following Stripe's JS implementation of Apple Pay on the Web (https://stripe.com/docs/stripe-js/elements/payment-request-button). It uses an element with an id of #payment-request-button and Stripe loads the button in an iFrame so that it remains PCI compliant. The button is loaded in the iFrame at 40px height and black background.
Looking at Apple Pay's own documentation, there are a few button options and button styling options ( https://applepaydemo.apple.com/#display-button ), as well as text such as "Checkout with Apple Pay" or "Pay with Apple Pay".
Is there a way to apply these text options and custom heights to the Stripe implementation?
Apple Pay Web & Stripe: How to customize Apple Pay Button
1.6k Views Asked by MichelleRodgg At
1
There are 1 best solutions below
Related Questions in STRIPE-PAYMENTS
- What is a Stripe "STPCard" object?
- Rails Payola: add a coupon to an existing subscription
- Stripe Error 400 - Cannot use stripe token more than once
- Check if Stripe Payment Failed or Succeeded
- Fatal error: Class 'Stripe\Stripe_Charge' not found in
- How to access Rails configuration info in Backbone View?
- Not able to create a Stripe plan via the API
- Validate Stripe coupon via AJAX and Django view
- Create plan on stripe through laravel
- Using Braintree and Stripe in Android app
- Paypal Payouts in Stripe?
- Stripe error: "you can only make test charges right now"
- How to change Stripe's API version for testing, etc
- Wordpress Subscriptions/Recurring Payments
- Ambiguous close callback on Stripe Checkout API with loading screen
Related Questions in APPLEPAY
- Apple Pay Sheet - difference between Contact name and Shipping name
- Apple pay with stripe invalid shipping address
- Xcode Apple Pay - PKPaymentAuthorizationViewControllerDelegate issues
- PKAddPassButton is not working on iOS 9
- Apple Pay integration on the WEB - setting up the Sandbox environment
- Apple Pay payment sheet won't open
- How do I connect apple pay and stripe connect to transfer funds to app users?
- Apple Pay missing Entitlement warning
- Can we use Apple Pay for Customer to Customer application?
- PKPaymentAuthorizationViewController present as nil view controller
- How to show Apple Pay in my setting menu on iPhone 6 plus?
- How to test Stripe based Apple Pay?
- Issue with Apple Pay / Stripe integration
- iPhone wallet not giving back device ID and Push token
- Stripe ApplePayContext fails to present payment sheet on iOS 14
Related Questions in APPLEPAYJS
- Apple Pay payment sheet won't open
- How do you put a custom icon in the apple pay summary view/payment sheet when using the web interface?
- Javascript: Stripe and Apple Pay Web setup
- Apple Pay Web & Stripe: How to customize Apple Pay Button
- Angular - *ngIf require click to "change" screen - ApplePayJS (?)
- Apple pay billing address in valid in @paytabs/react-native-paytabs
- Unable to get any response from the apple pay - This resource came from a local override
- Angular CLI - Disable compressing SCSS color when building (-apple-pay-button-style)
- Converting a Certificate Signing Request public key from ECDSA to RSA
- ApplePay JS fails before onpaymentauthorized
- I'm using Apple Pay JS to integrate it into my website what should I sent onMerchantValidate
- Unable to verify Salesforce domain with Apple Pay
- Apple Pay Register domain API issue
- How to send Apple Pay token to Stripe?
- how to apple pay through stripe in VJs?
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
You can style the iFramed button with the pre-built
theme's as shown here: https://stripe.com/docs/stripe-js/elements/payment-request-button#html-js-styling-the-elementAlternatively, you are able to create and style your own button, then call
paymentRequest.show()to trigger the payment sheets: https://stripe.com/docs/js/payment_request/show