Integrate with Stripe in Alta

Follow these steps to successfully sync Stripe into your Alta web

1. From your workspace, Click on Data

2. Click on Add New Table

3. Click on Stripe

4. In a new tab. go to your stripe account. In the top right, make sure it is in test mode.

5. Click on Products at the Top and click on your plan in the dashboard

6. Click on developers in the top right hand corner.

7. Click on API keys

8. Copy your publishable and secret keys and paste them back into Alta. Click sync once both keys are in.

9. Click on your newly created stripe table

10. Add in a image for your product

11. Once the stripe test table has been added, click on Build

12. Scroll down to find the checkout page and click sync. This will automatically create 3 new pages: A Cart Page, A Payment Page, and A Confirmation Page

13. Navigate to Your Cart Confirm Page. Click on the Go to Cart button and click on Actions

14. Change the Navigate to Action to "Cart"

15. Click on the Product Page

16. Click on Actions and change the Data from to "Stripe-Test"

17. Add in a label and select your plan next to Preview with.

18. Click on the image and change the data source to "Passed in Row".

19. Navigate to your Browse page and click on Actions.

20. Change the data from "label" to Stripe-Test.

21. Add in information about the product under Stripe-Test.

22. Under "Rows passed to Product Listing", select "Grid Item.