When a customer adds a product to their cart from the Reorder Page, what happens next? By default, Easy Reorder shows a small success modal. But you can swap that out for your own cart drawer, a custom popup, or any other behavior — using the Quick Access setting.
This is for merchants who want a more native, theme-integrated reorder flow.
🛠️ How to set it up
In the Easy Reorder app, go to Settings → Quick Access
Choose your behavior:
- Use the built-in success modal (default) — a simple confirmation appears when an item is added
- Run custom JavaScript — your own code runs after a successful add-to-cartIf using custom JavaScript, paste your code into the editor
Click Save
✨ What you can do with custom JavaScript
Run code to trigger:
🛒 Your theme's cart drawer — slide it open after each add
🪟 A custom modal or notification — match your brand exactly
📊 Analytics events — fire pixels or tracking calls
🎯 A redirect — send customers to checkout immediately
📘 Example: open the cart drawer
If your theme has a function to open the cart drawer (most do), you can call it like this:
// Trigger your theme's cart drawer
document.dispatchEvent(new CustomEvent('cart:open'));
The exact event or function depends on your theme — check your theme's documentation for the right call.
📘 Example: fire a Google Analytics event
gtag('event', 'add_to_cart', {
event_category: 'reorder',
event_label: 'easy_reorder_page'
});
⚠️ Important: only paste trusted code
The Quick Access field runs your code on your live storefront. Only paste snippets you trust and understand — bad code can break your reorder experience or your checkout. If you're not sure, leave it on the default modal or ask a developer.
💡 Pro Tip
Test your custom code in a development theme before going live. Open your browser's developer console while testing to catch any errors that show up.
Still have questions? Reach out and we'll help you figure out the right approach for your theme.