- PrestaShop 兼容性
- 8.x
- 9.x
- 摘要
- Turn product views into completed orders: add a Buy Now button
Turn product views into completed orders: add a Buy Now button that launches a beautiful quick checkout popup. Customers finish in minutes without leaving the page, less friction, fewer drop-offs, and more sales for your store.
- Increase conversion rate by reducing checkout steps and friction
- Reduce cart abandonment with a smooth popup checkout on the product page
- Sell faster from product pages with a clear \"Buy Now\" CTA
- Uses PrestaShop checkout logic (carriers, delivery options, payment methods)
- No theme rewrite: modal UI + configurable triggers and placement
- Safe testing: enable/disable live mode and test with an IP whitelist
- Brand-consistent design: adjust modal size, radiuses, colors and custom CSS
Benefits
check_circle_outlinePromote impulse buying
Features
- Buy Now button on product page (choose hook position or insert via custom hook)
- Quick checkout modal with steps: Email → Address → Delivery → Payment & review
Guest + logged-in flow
- Detect existing account email and offer embedded login inside the modal
- Logged-in customers can choose from saved addresses
Mini-cart inside modal
- Change quantities, remove products
- Shows totals (subtotal/shipping/tax/total)
- Promo code / voucher apply & remove
Address management
- Add / edit / delete addresses from the modal
- Dynamic address fields based on country address format (states/zip rules, etc.)
- Separate shipping & billing selection (when relevant)
Delivery step
- Uses core delivery options + carrier extra content
- Optional order note/message
Payment step
- Loads available payment methods via core payment options
- Supports \"conditions to approve\" (Terms & Conditions) with in-modal T&C viewer
Open triggers
- Open from URL hash (e.g. #quickcheckout)
- Open from a CSS selector click
- Optional cart icon interception (theme selector configurable)
Design settings
- Modal width, border radius, button radius, backdrop darkness, gradient primary colors, custom CSS
