#bxorcloud
hybrid portal
Hi
I did try using checkout elements for the apple pay but the button wont show in my apple devices(safari)
In order to display Apple Pay in your website, you need to server your website via https and register your domaine and have valid card added to your wallet
velvet ginkgo
Yes I was able to validate already the domain and its in https. I use ngrok. I was able to show it but yeah now its gone.
hybrid portal
Yes I was able to validate already the domain and its in https. I use ngrok. I w...
What is the difference or the change on your side ?
There must be something changed so.
velvet ginkgo
already setup wallet asswel.
hybrid portal
apple verification is not activated there no ?
velvet ginkgo
$(document).ready(function() {
console.log("hereeeee");
var stripe = window.Stripe("i remove");
var options = {
mode: 'payment',
amount: 1099,
currency: 'usd'
}
console.log(options);
console.log($('#express-checkout-element').length ? 'Element exists' : 'Element does not exist');
var elements = stripe.elements(options);
var expressCheckoutElement = elements.create('expressCheckout');
expressCheckoutElement.mount('#express-checkout-element');
expressCheckoutElement.on('ready', ({availablePaymentMethods}) => {
console.log("expressCheckoutElement");
if (availablePaymentMethods) {
// No buttons will show
console.log("availablePaymentMethods");
console.log(availablePaymentMethods);
} else {
console.log("no buttons available");
}
});
});
What about this one ?
velvet ginkgo
What about this one ?
enable and verify already.
gritty locustBOT
maiden hamlet
Hi! I'm taking over this thread. Give me a few minutes to catchup.
Do you have a link where I could try to reproduce the issue?
velvet ginkgo
Is thers other way like just a log to show the reason why no button is available?
maiden hamlet
Not sure. If you can find a way to share a link to reproduce the issue (either by sharing a link to your project, or recreating it on https://codesandbox.io/ for example), that would make it easier for us to investigate the issue.
velvet ginkgo
thanks, if using codesandbox how can we verify link and see logs?
maiden hamlet
What do you mean? You add your code there, then send me a link so I can try to reproduce the issue and investigate.
velvet ginkgo
The code i use is this:
$(document).ready(function() {
console.log("hereeeee");
var stripe = window.Stripe("i remove");
var options = {
mode: 'payment',
amount: 1099,
currency: 'usd'
}
console.log(options);
console.log($('#express-checkout-element').length ? 'Element exists' : 'Element does not exist');
var elements = stripe.elements(options);
var expressCheckoutElement = elements.create('expressCheckout');
expressCheckoutElement.mount('#express-checkout-element');
expressCheckoutElement.on('ready', ({availablePaymentMethods}) => {
console.log("expressCheckoutElement");
if (availablePaymentMethods) {
// No buttons will show
console.log("availablePaymentMethods");
console.log(availablePaymentMethods);
} else {
console.log("no buttons available");
}
});
});
in body
<div>
HERE IS THE EXPRESS CHECKOUT ELEMENT
</div>
<div id="express-checkout-element">
<!-- Express Checkout Element will be inserted here -->
</div>
<div id="error-message">
<!-- Display error message to your customers here -->
</div>
alpine niche
do you have that link to somewhere we can visit this in our own browsers? there's many things this could be, and it could be something related to your specific account, so that's the fastest way for us to try to help.