I want to use Braintree for my subscription checkout - what fields do I need to include on the Checkout page?
Start by making sure you've integrated Braintree on the Settings > General page. If you need help setting up your API keys, refer to How do I integrate Braintree for credit card payments?.
After you've added Braintree as your credit card payment option, you'll need to update both the Checkout page, the Manage Billing/Shipping page, and anywhere else you might be collecting credit card information (such as the Account Dashboard page).
The first thing we recommend is to take a backup of your page styles to make sure you can roll back your changes in case you have any trouble. Even better, test this implementation on your development site first!
Once you've taken your backup, go to Settings > Page Styles within Conjured Subscriptions, and find the section of your code where the credit card fields should be displayed. Add the following fields:
<div data-creditcard-selected> <div id="number" placeholder="Card Number"></div> <div id="month" placeholder="MM"></div> <div id="year" placeholder="YYYY"></div> <div id="cvc" placeholder="CVC"></div> </div>
Braintree will automatically convert the div containers into secure, hosted input fields for the customer to enter their data. Make sure the fields are contained in a div with the "data-creditcard-selected" parameter, and that the ids match the ones in the example above.
That's all there is to it - Braintree should now function as your credit card processor. If you have any trouble with the implementation, don't hesitate to reach out to us at email@example.com.