Skip to main content

Monster Cart Drawer Integration

Written by Wendy
Updated yesterday

The Monster Cart Drawer integration lets customers add products from your quiz in a side cart, without leaving the results page.

How cart drawers work with quizzes

Cart drawers (also called AJAX carts or side carts) only work inside your store.

This means they will only open correctly when the quiz is:

If the quiz is opened as a standalone link or being previewed, it is no longer inside your store, so the cart drawer cannot open directly.

Before you start

Make sure:

Enable Lantern Core

Lantern Core must be enabled for cart functionality to work correctly.

To enable it:

  1. Go to Online Store → Themes in Shopify

  2. Click Customize on your live theme

  3. Open App embeds

  4. Turn on Lantern Core

    Image showing the Shopify Theme Editor with the 'App Embeds' section selected and 'Lantern Core' enabled.
  5. Save your changes

This allows Lantern to communicate with your store’s cart and trigger the cart drawer.

Enable Monster Cart Drawer in your quiz

  1. Open your quiz

  2. Go to the Results Page

  3. Open Reviews, Cart, Subscriptions

    Image showing the quiz results page with recommended products and the Reviews, Cart, Subscriptions dropdown highlighted.
  4. Select Monster Cart Drawer

    Image displaying the 'Cart and Side Cart Drawer' dropdown menu within Lantern's quiz builder, with 'Monster Cart Drawer' selected as the cart behavior.
  5. Republish the quiz

    Image highlighting the 'Republish' button on the Publish page of the quiz builder after making integration changes.

Recommended settings

Use the following settings:

  • Do not open cart page: OFF

  • Open cart page in new tab: ON

    Image showing the Cart and Side Cart Drawer settings inside the Reviews, Cart, Subscriptions dropdown, with “Do not open a cart page” unchecked and “If a cart page is opened, open it in a new tab” enabled, highlighted as the recommended configuration.

These settings ensure the best experience in all cases:

  • If the quiz is inside your store( as a pop-up, embedded or on the dedicated in-store page), the cart drawer opens automatically

    GIF showing a quiz displayed inside the store, where clicking Add to Cart from the Results Page automatically opens the Monster Cart Drawer.

  • If the quiz is in Preview mode or opened as a standalone link when customers add to cart, a new tab opens in your store on the product listing page and triggers the cart drawer there

    GIF showing a quiz opened as a standalone link, where clicking Add to Cart opens a new store tab on the product listing page and then triggers the Monster Cart Drawer there.

This fallback is needed because cart drawers cannot open outside your store.

Common issue

If nothing happens after clicking “Add to cart”, check that:

  • “Do not open cart page” is turned off

  • The quiz is being opened outside your store without a fallback

If you have any issues or need help setting this up, please contact our support team using the in app chat toggle or our e-mail at [email protected].

Did this answer your question?