Configuring the Product
- Navigate to the Payments tab on the left sidebar navigation.
- Click "+ New Product" which will toggle the new product information drawer to open.
- Within the newly opened drawer, input the product's Name, Price, and Frequency; keeping in mind if you use monthly or annual frequency the customer will be charged that amount at every renewal.
- Once you've completed and reviewed your responses to those three inputs, click "Save." Unstack will then create this new product and payment option within Stripe and render that information onto your screen.
Configuring the payment form
- Create either a new site or landing page, keeping in mind that only landing pages allow you to adjust the header/footer size.
- Once you've created this new page, open the editor for the page.
- Add one of the following components which are compatible with the payment form;
- Once you've added in the component, click the (+) plus icon, this will toggle a bar of options, from this bar, select "Payment."
- Within the drawer that opens, select from the dropdown which product you'd like to offer within this payment form.
- Lastly, designate what the post-purchase behavior should be.
- Once completed, click "Save" to have this payment form generated onto the page.