Magento 2 React Checkout Pro Bundle User Guide
Magento 2 React Checkout Pro Bundle User Guide
Want Shopify-style Magento checkout without assembling packages yourself? This guide covers the Towering Media React Checkout Pro Bundle—React Checkout Pro plus Express wallets (and Authorize.Net pairing)—with install overview, configuration, validation, and FAQ.
For deep configuration screenshots and edge cases, see the detailed wiki documentation. Product details and add-to-cart live on the Magento 2 React Checkout Pro Bundle page.
Table of Contents
Why Piecemeal Checkout Stacks Fail
Buying checkout, wallets, and gateways separately often leaves version and theme mismatches:
- Knockout checkout debt — slow multi-step Magento default
- Missing wallets — no Apple Pay / Google Pay / PayPal Express row
- Integration glue — modules that were never tested together
- Hyvä friction — Luma-only payment UI on a Hyvä storefront
What This Extension Solves
The React Checkout Pro Bundle packages a modern React one-page checkout with Express wallet support and recommended payment pairing.
- React Checkout Pro as the primary Magento checkout
- Express add-on for Apple Pay, Google Pay, and PayPal Express
- Authorize.Net oriented wallet walkthrough on the wiki
- Hyvä-friendly architecture without abandoning Magento quote/order
- Autosave-style step flow for guests and returning customers
Key Features
- Single-page checkout with step unlocking
- Optional express wallet row when Express is enabled
- Works with Magento Open Source and Adobe Commerce 2.4.x
- Deep Apple Pay + Authorize.Net steps on the wiki
System Requirements
- Magento 2.4.x / PHP 8.1+
- HTTPS storefront
- Towering Media Composer credentials
- Authorize.Net (or compatible) merchant setup for card/wallets as needed
- Apple Pay domain association for production Apple Pay
General Composer install steps for Towering Media modules: Installation guide.
Installation Overview
Step 1: Authenticate Composer
Add your Towering Media credentials to auth.json in the Magento root (same pattern as other Towering Media extensions).
Step 2: Require the package
composer require toweringmedia/module-react-checkout-pro (bundle metapackage)
Step 3: Enable and upgrade
php bin/magento module:enable Toweringmedia_ReactCheckoutPro
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy -f
php bin/magento cache:flush
Exact module enable name may match your package’s registration.php / module.xml—confirm in the package after install. Production stores should follow your normal deploy process.
Need help installing? Contact Towering Media or browse more modules in Magento 2 Extensions.
Configure Checkout & Wallets
- Install the bundle packages via Composer; run setup:upgrade and flush caches.
- Confirm React Checkout Pro is the active checkout path (see wiki / RCP CMS guide).
- Enable RCP Express if wallet buttons should appear.
- Configure Authorize.Net (or your card gateway) for Accept.js / wallets.
- Complete Apple Pay domain verification before production Apple Pay tests.
Validate Guest & Wallet Paths
Before go-live:
- Guest and logged-in checkout both place orders
- Shipping and payment steps unlock in the expected order
- Apple Pay / Google Pay / PayPal Express only appear when eligible
- Orders show correct payment method and totals in Magento admin
Troubleshooting
Checkout blank or JS errors
- Redeploy static content and flush FPC
- Confirm module output enabled for your theme
- See RCP CMS guide and wiki
Wallets missing
- Confirm Express module enabled and toggled on in admin
- Check gateway wallet settings and domain verification
Frequently Asked Questions
Is this the same as buying RCP alone?
The bundle packages RCP with Express (and payment pairing guidance). Standalone RCP is also sold separately—compare SKUs on the product pages.
Where are deep Apple Pay steps?
On the bundle wiki—PDP User Guide stays on wiki.
Related CMS overview for RCP only?
React Checkout Pro user guide.
Related Extensions & Resources
Want our Magento team to handle it?
Towering Media installs, configures, and customizes React Checkout Pro Bundle for Magento 2 stores — along with payment gateway setup, checkout customization, and React or one-page checkout builds.
Get the Extension
Ship a modern Magento checkout stack—React Checkout Pro, Express wallets, and payment pairing in one bundle.
Prefer screenshots and deep steps? Open the full wiki guide.