The Add to Cart Action component creates an Action that creates a model state from the current state of the App, and creates a line item in the cart of an eCommerce store using that model state (see ShapeDiver for Shopify or ShapeDiver for WordPress/WooCommerce).
The action can be triggered in the App using an Action Control button, or used in other contexts (upcoming feature).
Inputs of the component
Since the Add to Cart Action creates a model state, the component exposes the same inputs as the Create Model State Action components, plus these additional ones:
-
Quantity
The quantity to be used for the line item. -
Price
The price to be used for the line item. -
Description
The description to be used for the line item. Include the placeholder{modelStateId}to turn the description in the cart into a link that allows the user to go back to the configurator and continue editing.
Tutorial models
The following sections of our tutorial center contain models including this component: