The Weevio Cart Widget brings real-time shipping estimates and local pickup availability directly to your Shopify cart page. Built on the same technology as the Product Page Widget, the Cart Widget ensures customers see accurate delivery information before they check out, reducing cart abandonment and improving the shopping experience.
Key Features
- Per-item shipping estimates — Each item in the cart displays its own delivery timeframe based on the customer's zip code
- Local pickup availability — Show customers which items are available for same-day pickup, partial pickup, or warehouse-to-store transfer
- Automatic cart updates — Estimates refresh automatically when customers add, remove, or change quantities without reloading the page
- Zip code input — Customers enter their zip code once and all estimates update across the entire cart
- Customizable display — Choose between verbose or concise messaging, adjust font sizes, and select your preferred loading style
- Error notifications — Toast notifications inform customers when estimate fetching encounters issues
How It Works
When a customer views their cart, the Cart Widget:
- Detects all items in the cart by reading the Shopify Cart API
- Prompts the customer to enter their zip code (or uses a pre-configured default)
- Fetches shipping estimates for all cart items in a single API call
- Displays delivery timeframes and pickup availability next to each cart line item
- Watches for cart changes and automatically re-fetches estimates when items are modified
Display Modes
Verbose Messages
Verbose mode provides detailed, complete sentences:
- "Typically delivers to 10001 in 3 to 5 business days."
- "Local pick up available same business day."
- "Local pick up partially available same business day. 2 available now."
Concise Messages
Concise mode shows shorter, scan-friendly text:
- "Est. delivery to 10001 in 3 to 5 days"
- "Local pickup available today"
- "2 available for local pickup"
Loading Styles
Choose the loading indicator that best fits your theme:
| Style | Description |
|---|---|
| Text animation | Animated loading text that matches the widget font (default) |
| Skeleton loader | Clean placeholder blocks that mimic the layout of estimate text |
Getting Started
Install the Widget
Add the Liquid snippet to your Shopify theme and configure your store domain. See the Installation Guide.
Configure Options
Customize features, display settings, and selectors for your theme. See the Configuration Reference.
Test and Launch
Verify estimates appear correctly, then go live.
Documentation Sections
Step-by-step guide to adding the Cart Widget to your Shopify theme.
Complete reference for all configuration options, defaults, and examples.
Solutions to common issues with the Cart Widget.
Note:
The Cart Widget works alongside the Product Page Widget. Both can be active on the same store, and they share the same zip code stored in the customer's browser so the customer only needs to enter it once.
Need Help?
For assistance, please send a message to our Support page.