Skip to main content

AMP Slide Cart Integration

Wendy avatar
Written by Wendy
Updated over 2 weeks ago

With the AMP Slide Cart integration, you can take users from the results page directly to a smooth cart drawer experience, creating a faster transition from product recommendation to purchase.

First, make sure you have AMP: Slide Cart Drawer installed and that your cart drawer option is activated and functioning properly. All cart styling and customization should be handled inside the AMP app. Lantern’s role is to trigger the drawer when products are added from the quiz Results Page.

Quiz settings

To enable the AMP Slide Cart drawer when adding recommended products to the cart from the results page, follow these steps for each quiz:

  • Edit the quiz and go over to the Results Page

  • From the right-hand side menu, click on the drop down Reviews, Cart, Subscriptions option

Image showing the quiz results page with recommended products and the Reviews, Cart, Subscriptions dropdown highlighted.
  • Go to the Cart & Side Cart Drawer and click the drop menu

  • Select AMP Slide Cart

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

Once this is done republish your quiz.

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

Theme requirements

The next step is to head over to your Theme Editor, and from the App Embeds section on the left-hand side, enable Lantern Core.

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

For AMP Slide Cart, you will also need to enable the AMP drawer under App embeds:

Image showing the AMP Slide Cart app embed enabled in the Shopify Theme Editor.

Shopper experience

The next time a user clicks Add to cart on a product from the quiz results page, they will see the AMP Slide Cart drawer open automatically with the item already added, without a page reload.

GIF demonstrating the AMP - Slide Cart opening seamlessly after adding a product from the quiz results page.

If you encounter any issues please don't hesitate to contact our support team using the in app chat toggle or our e-mail at [email protected].

Did this answer your question?