This guide includes some common questions or issues related to custom shopping cart & upsell apps in Shopify.
While Octane AI quizzes may not be compatible with all custom cart & upsell apps, the content in this guide can help create a smoother customer quiz and shopping experience.
💡 What you'll learn
Changing the 'View cart' button in quizzes (jump to section)
Slide-out / tray cart doesn't trigger when an item is added to the shopping cart (jump to section)
💡 Prerequisites
Octane AI currently does not support custom shopping cart & upsell apps, particularly AJAX carts.
For some of the solutions in this guide, having access to developer resources or knowledge may be required.
Changing the 'View cart' button in quizzes
In quiz results, add to cart buttons will change to a View cart button after the item has been added to the customer's shopping cart.
📕 Changing the view cart button
In Octane AI, go to the Quiz page.
Open your quiz in the editor.
In the editor's left menu, scroll down to the result page you'd like to change.
Click on the
CONTENT BLOCKthat contains your products.Click on
BUTTON SETTINGSin the left menu.Expand the ADD TO CART button tab.
Locate the setting "Behavior after button is clicked".
Here, you'll be able to change the button to take a customer to checkout if they click it again after adding an item to the cart.
The text of the button can be changed in the field above, labeled Button text after it is clicked.
Slide-out / tray cart doesn't trigger when an item is added to the shopping cart
The large amount and variety of custom cart apps means quizzes aren't able to have individual integrations with them all, but Octane AI has provided a solution that allows that custom compatibility to be built in the theme's code.
This works through a javascript event that triggers every time an add to cart button is pressed inside of a quiz.
Developers will be able to listen for this event through code and add additional code of their own to allow custom cart & upsell apps to collaborate with Octane AI quizzes.
