Custom eCommerce Stores
This integration guide is meant for custom-built eCommerce sites. If your site is hosted on an eCommerce platform not listed in our menu, please contact us to request an integration. For any support questions in general, please contact us at support@tensilepayments.com
To install the Tensile Payments SDK, place the following <script> tag within the <head> of your desired HTML page, e.g. your checkout html page:
To test the sandbox version of the SDK, load the following script instead:
This loads the Tensile SDK and assigns it to a global variable called tensile
In the <body> of your HTML, add a container <div> where you'll want to render the Tensile checkout button:
You don't have to use "tensile-button-container" as your ID, but whatever ID you use must also be used in the next step.
In the <body> of your HTML, somewhere after the container <div> you just added, add the following <script> tag and logic to configure the button:
Your page should now render this button:
Create an endpoint on your backend server that your frontend can hit to create a payment entry with Tensile. In this example we set up an express server and endpoint to forward the POST request to Tensile's /payments endpoint.
Make sure you protect your client ID and secret! They're your API credentials to authenticate with Tensile, so if they're compromised, you'll need to register a new application with us. As shown in the example above, we recommend saving your credentials as environment variables that get injected at runtime.
If all goes well, clicking on the Tensile button should render our checkout experience!
If you chose to set up the sandbox SDK and wish to link a bank account to a customer profile on the Link a Bank page, you can use the following credentials for any bank:
- username: user_good
- password: pass_good
