Accessing the Cart Screen
To begin customizing your Cart screen:
Log in to your Shopify admin.
In the left-hand menu, click Sales channels, then select Reactiv – Mobile App Builder.
In the Reactiv App Studio, click the dropdown menu next to your store logo, then select Cart.
You’ll now be in the Cart screen editor, where you can modify layout, content, and settings.
Designing the Cart Screen
The Design tab lets you drag and drop components that help drive conversions and keep your cart informative and easy to use.
Components Available
Banner – Display milestone progress bars for incentives like free shipping or bulk discounts.
Text Area – Add custom messages to highlight offers, payment options, or brand messaging.
Product Recommendation – Show suggested products based on what’s in the cart.
Checkbox – Add optional toggles like “Gift wrap this order.”
Note – Let customers leave special instructions or comments.
Adjusting Cart Settings
Switch to the Settings tab to manage cart functionality and user feedback.
Here’s what you can configure:
Show Cart Discount – Toggle visibility of the discount code input field.
Success Message – Set the message shown when a discount is applied (e.g., “You saved $10!”).
Failure Message – Set the message shown if the discount fails (e.g., “Code not valid.”).
Display Price Format – Choose how prices appear on product detail pages using dynamic tokens.
You’ll also find text styling tools and dynamic tokens to personalize these messages.