#sukatoa
wooden flint
flat lynx
Hey thanks. just wondering what could have been done to get the values from the custom field we created (test html file)
rancid sundial
Hi, let me help you with this.
If you want to use your own form to accept card payments your application must be PCI-compliant: https://stripe.com/gb/guides/pci-compliance
Otherwise we recommend to use the Payment Element.
flat lynx
hhmmmm, we wanted to split the card number, expiry date and cvv, do you have a working example? I might overlooked the samples on the Stripe site
rancid sundial
If this what you're looking for? https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements
flat lynx
We would really prefer if Stripe js would generate the elements for us. But looks like we haven't found a working example yet for the requirement
rancid sundial
What do you mean by "generate the elements"?
flat lynx
Does the UI can be controlled 100% within the Appearance API?
rancid sundial
Depends what you mean by "100%".
There's also smaller elements: cardNumber, cardExpiry, cardCvc: https://stripe.com/docs/js/elements_object/create_element?type=cardNumber
But it's recommended to use Payment Element instead.
flat lynx
This is the current one, we just used the following to generate it via Stripe.js:
let stripe = window.Stripe(this.clientKey);
let elements = stripe.elements();
card = elements.create("card", { hidePostalCode: true, style: style, disableLink: true });
card.mount("#card-element");
and now we may need to break it down into something like this
we need to separate the expiration and cvc. And given the samples in the site https://stripe.dev/elements-examples/ - I had tried some of them and it's not working (test.html attached earlier)
Does Payment Element able to have these fields separated?
rancid sundial
Payment Element has the fields separate
flat lynx
And we able to remove/disable/hide the other fields we don't want, correct?
rancid sundial
Some of them, yes
flat lynx
THank you Vanya
rancid sundial
Happy to help.