Skip to content
aeropage-round-dark
Aeropage Documentation
Ecommerce

icon picker
Stripe Cart & Checkout

This guide will show you how to make a shopping cart system that can be sent to a stripe checkout with line items.

image.png

Create a ‘Stripe Cart’ Collection

In your data sources, create a new → and choose Stripe Cart.

image.png

Add to Cart

Use the action and Update Collection whenever you want to update (or add to) the cart.

image.png

Map the values to the action, refer to the reference below...

image.png

Display the Cart Contents

Because collections are a type of data source, you can query them and connect repeating components such as cards - then add input components and actions to change the values as seen below.

Button for removing an item from the cart

image.png

Button for subtracting\adding quantity of an item:

First action - We will need to save the subtracted or added Quantity of the current cart item to a
image.png

Second action - In the Send Data action, we will update an item in the cart, by referencing it’s ID in the Data ID field and adding any values that you want to update (in the screenshot below we are updating Item Quantity using the custom variable from the previous action)

image.png

You can find premade shopping carts in the block library.

image.png

Last step is adding action to a checkout button.
image.png


Recurring And One-off Products

Recurring

If you want to setup a checkout for memberships/subscriptions, you will need to make the cart items recurring. In order to do so you will need to add an Interval field in the action where you are adding items to Stripe Cart.
Optionally you can add an Interval Count field to change the intervals between the each subscription (max Interval is 3 years).
image.png

One-off

If you want to checkout One-off products, simply don’t include the Interval Field in the payload when updating Cart Items.
image.png




Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.