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 answers
Related Questions in STRIPE-PAYMENTS
- Stripe connect payout - throws exceptions
- Need some advice on differentiating between subscriptions using Stripe
- Stripe Pre-Checkout Timeout Error while making a Test Payment from Telegram Bot
- Prefill Stripe Shipping Address fields?
- Stripe subscriptions - When testing clocks, an automatic invoice with status paid is getting created on advancing time
- How to send Stripe session checkout parameters in subscription mode
- NextJS Stripe Question regarding multiple use cases of Elements
- flutter stripe_android:verifyReleaseResources'. > A failure occurred while executing com.android.build.gradle.tasks > Android resource linking failed
- Flutter Gpay previously working in production is not working now
- React Native App Crashes Unexpectedly in Build Mode when Accessing Stripe Payment Screen
- Best option to get read-only access to other Stripe accounts
- Stripe API issue in Ruby
- Stripe ACH Instant Account Validation without Financial Connections
- Stripe subscription auto cancellation after X months - Wordpress
- Retrieve multiple prices by price_ids array from stripe using laravel Cashier
Related Questions in APPLEPAY
- apple pay token implementation with nodejs and stripe
- Why does Apple Pay show up on my device but not when Apple Connect tests my app?
- Adyen Web-Drop In does not display ApplePay button from India
- Apple Pay Web - "visa" is not a valid payment network
- Stripe Apple pay integration on web
- How can we use passkit in frontend and stripe in the backend for apple pay implementation
- Is it possible to change Shopify code for check out fields? Apple Pay doesn't map with Shopify Checkout address fields in UAE
- How to show "Set Up apple pay" button when userCanPay(PayProvider.apple_pay) returns false
- Pay plugin showing success for failed apple pay transaction in flutter app on apple pay sheet
- Can't refundTransaction for ApplePay transaction
- Swift Compiler Error (Xcode): Type 'AppleMethods' does not conform to protocol 'PKAddPaymentPassViewControllerDelegate'
- Trying to implement stripe's applepay in an embeddable widget
- Apple Pay Web - determine supported client version
- Can i create Mifare 1K Classic card to Apple Wallet Pass?
- Google Pay by Stripe causing issue
Related Questions in APPLEPAYJS
- Apple Pay Web - "visa" is not a valid payment network
- Apple Pay Web - determine supported client version
- How do you put a custom icon in the apple pay summary view/payment sheet when using the web interface?
- Is there a way to detect then user cancel applePay in web?
- Add apple pay on my website, local testing
- Capture billing address changes Apple Pay JS
- Uncaught TypeError: undefined is not an object (evaluating 'applePaySession.completeMerchantValidation') with successful apple pay payment
- Apple Pay on Web and Shipping cost calculation
- Apple Pay Button on Web with React Js doesn't works because onvalidatemerchant doesn't make anything
- TypeError: Member ApplePayPaymentRequest.countryCode is required and must be an instance of DOMString
- Stopping customers from being redirected to beginning of checkout process when using modified ApplePayHook authorizeOrderPayment function?
- ApplePay JS Integration - Merchant validation
- Enabling Direct Payments to Multiple Sellers Using Apple Pay: Is Interchanging Merchant IDs Feasible?
- Apple Pay with Recurly in ionic iOS application
- How to create apple pay sandbox account and add card into wallet for testing apple pay
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?
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)
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