Stripe
What is it?
We use Stripe as our online payment processing platform.
How to Integrate
There are two scripts you'll need: the tevo_stripe script hosted remotely, as well as a script to place in your JavaScript file locally.
Simply link the tevo_stripe script in your index.html file and initialize it in your JavaScript file, which should also be linked in your index.html file.
Your JavaScript file needs to be in the same scope as your Stripe container.
Link the tevo_stripe <script>:
<script src="https://api.ticketevolution.com/tevo_stripe.js"></script>
Link the local JavaScript <script>:
<script src="index.js"></script>
Methods
tevoStripe.mount(container, callback, {options})
options:
| Option | Data type | Description |
|---|---|---|
| production | boolean | Environment type. Defaults to false. |
| submitText | string | Text to be displayed on submit button. Default: "Save Card Information" |
| hideNameField | boolean | Hide the name input. Defaults to false. |
| hidePhoneField | boolean | Hide the phone number input. Defaults to false. |
| hideCityField | boolean | Hide the city input. Defaults to false. |
| hideAddressField | boolean | Hide the address input. Defaults to false. |
Demo
Example index.html file:
<!DOCTYPE html>
<html>
<head>
<script src="https://api.ticketevolution.com/tevo_stripe.js"></script>
<script src="index.js"></script>
</head>
<body>
<div id="stripeContainer"></div>
</body>
</html>
Example index.js file:
cardFormCallback = function(result){
console.log(result);
}
tevoStripe = TevoStripe('stripeContainer', cardFormCallback, {});
document.addEventListener("DOMContentLoaded", function(event) {
tevoStripe.mount();
})