E-commerce Connectors \u2014 Mutual Africa Pay<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { font-family: 'Space Grotesk', sans-serif; background: #07091A; color: #FFFFFF; -webkit-font-smoothing: antialiased; }\r\n.sec { padding: clamp(64px,10vw,112px) clamp(20px,6%,80px); position: relative; overflow: hidden; }\r\n.bg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }\r\n.bg-dots { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 30px 30px; }\r\n.bg-line { position: absolute; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(46,158,68,0.16), transparent); }\r\n.bg-glow { position: absolute; border-radius: 50%; }\r\n.eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; }\r\n.edot { width: 6px; height: 6px; border-radius: 50%; background: #2E9E44; box-shadow: 0 0 8px rgba(46,158,68,0.7); animation: pulsedot 2.5s ease infinite; }\r\n.etxt { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #2E9E44; }\r\n.h2 { font-size: clamp(1.9rem,3.2vw,2.9rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.08; color: #FFFFFF; }\r\n.body { font-size: 0.975rem; color: #FFFFFF; line-height: 1.78; }\r\n@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n@keyframes pulsedot { 0%,100%{opacity:1;box-shadow:0 0 8px rgba(46,158,68,0.7)}50%{opacity:0.4;box-shadow:0 0 3px rgba(46,158,68,0.3)} }\r\n@keyframes float1 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }\r\n@keyframes float2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }\r\n@keyframes float3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }\r\n@keyframes float4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\r\n@keyframes float5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }\r\n@keyframes float6 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} }\r\n.btn-green { display:inline-flex;align-items:center;gap:8px;background:#2E9E44;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background 150ms,transform 150ms,box-shadow 150ms; }\r\n@media(hover:hover)and(pointer:fine){.btn-green:hover{background:#38B850;transform:translateY(-2px);box-shadow:0 8px 24px rgba(46,158,68,.35);}}\r\n.btn-green:active{transform:scale(0.97)!important;}\r\n.btn-ghost { display:inline-flex;align-items:center;gap:8px;background:transparent;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.15);transition:border-color 150ms,background 150ms; }\r\n@media(hover:hover)and(pointer:fine){.btn-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);}}\r\n#s-hero { background:#07091A; min-height:60vh; display:flex; align-items:center; }\r\n.hero-inner { position:relative;z-index:2;max-width:820px;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap; }\r\n.breadcrumb a { font-size:0.78rem;color:#FFFFFF;opacity:0.45;text-decoration:none;transition:opacity 150ms; }\r\n@media(hover:hover)and(pointer:fine){.breadcrumb a:hover{opacity:1}}\r\n.breadcrumb-sep { font-size:0.78rem;color:#FFFFFF;opacity:0.25; }\r\n.breadcrumb-cur { font-size:0.78rem;color:#2E9E44;font-weight:500; }\r\n.hero-inner h1 { font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.04;color:#FFFFFF;margin-bottom:22px; }\r\n.hero-inner h1 span { color:#2E9E44; }\r\n.hero-inner p { font-size:1.05rem;color:#FFFFFF;line-height:1.74;max-width:640px;margin-bottom:40px; }\r\n.hero-actions { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px; }\r\n.hero-pills { display:flex;flex-wrap:wrap;gap:8px; }\r\n.pill { display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);font-size:0.78rem;font-weight:500;color:#FFFFFF; }\r\n.pill-dot { width:5px;height:5px;border-radius:50%;background:#2E9E44;flex-shrink:0; }\r\n#s-cap { background:#060810; }\r\n.cap-header { margin-bottom:52px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.fgrid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:2;perspective:1200px; }\r\n.fcard { background:linear-gradient(160deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:28px 24px 36px;position:relative;overflow:hidden;display:block;color:inherit;text-decoration:none;transition:border-color 160ms cubic-bezier(0.23,1,0.32,1),box-shadow 240ms cubic-bezier(0.23,1,0.32,1); }\r\n.fcard.f1{animation:fadeUp 0.5s 0.03s cubic-bezier(0.23,1,0.32,1) both,float1 6s 0.5s ease-in-out infinite}\r\n.fcard.f2{animation:fadeUp 0.5s 0.07s cubic-bezier(0.23,1,0.32,1) both,float2 7s 0.8s ease-in-out infinite}\r\n.fcard.f3{animation:fadeUp 0.5s 0.11s cubic-bezier(0.23,1,0.32,1) both,float3 5.5s 0.3s ease-in-out infinite}\r\n.fcard.f4{animation:fadeUp 0.5s 0.15s cubic-bezier(0.23,1,0.32,1) both,float4 8s 1s ease-in-out infinite}\r\n.fcard.f5{animation:fadeUp 0.5s 0.19s cubic-bezier(0.23,1,0.32,1) both,float5 6.5s 0.6s ease-in-out infinite}\r\n.fcard.f6{animation:fadeUp 0.5s 0.23s cubic-bezier(0.23,1,0.32,1) both,float6 7.5s 1.2s ease-in-out infinite}\r\n.fcard::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.45),transparent);opacity:0;transition:opacity 200ms}\r\n.fcard::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 60%);opacity:0;transition:opacity 250ms;pointer-events:none}\r\n@media(hover:hover)and(pointer:fine){.fcard:hover{border-color:rgba(46,158,68,0.42);box-shadow:0 20px 52px rgba(0,0,0,.5),0 0 30px rgba(46,158,68,.07)}.fcard:hover::before,.fcard:hover::after{opacity:1}}\r\n.fcard:active{transform:scale(0.98)!important}\r\n.fcard-ico{font-size:1.6rem;margin-bottom:16px;line-height:1;position:relative;z-index:1}\r\n.fcard-title{font-size:1rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3;position:relative;z-index:1}\r\n.fcard-body{font-size:0.835rem;color:#FFFFFF;line-height:1.68;position:relative;z-index:1}\r\n#s-how { background:#07091A; }\r\n.how-grid { display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;position:relative;z-index:2;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.steps { display:flex;flex-direction:column;gap:3px; }\r\n.step { display:flex;align-items:flex-start;gap:20px;padding:22px 24px;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;transition:border-color 160ms,background 160ms; }\r\n@media(hover:hover)and(pointer:fine){.step:hover{border-color:rgba(46,158,68,0.35);background:linear-gradient(145deg,#111440,#0d1035)}}\r\n.step-num { width:36px;height:36px;border-radius:50%;flex-shrink:0;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.28);display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:700;color:#2E9E44; }\r\n.step h3 { font-size:0.95rem;font-weight:600;color:#FFFFFF;margin-bottom:5px; }\r\n.step p { font-size:0.845rem;color:#FFFFFF;line-height:1.62; }\r\n#s-use { background:#060810; }\r\n.use-header { margin-bottom:48px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.use-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2; }\r\n.use-card { background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:32px 28px;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;transition:border-color 160ms,box-shadow 220ms; }\r\n.use-card:nth-child(1){animation-delay:.04s}.use-card:nth-child(2){animation-delay:.09s}.use-card:nth-child(3){animation-delay:.14s}.use-card:nth-child(4){animation-delay:.19s}\r\n@media(hover:hover)and(pointer:fine){.use-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 14px 36px rgba(0,0,0,.4)}}\r\n.use-tag { display:inline-flex;align-items:center;gap:7px;font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#2E9E44;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.2);border-radius:4px;padding:4px 10px;margin-bottom:16px; }\r\n.use-card h3 { font-size:1.05rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3; }\r\n.use-card p { font-size:0.855rem;color:#FFFFFF;line-height:1.7; }\r\n#s-africa { background:#07091A; }\r\n.africa-inner { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.25);border-radius:20px;padding:clamp(44px,8vw,80px) clamp(28px,8vw,72px);overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.africa-inner::before{content:'';position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)}\r\n.africa-inner::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.07),transparent 55%);pointer-events:none}\r\n.africa-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; }\r\n.africa-points { display:flex;flex-direction:column;gap:12px; }\r\n.africa-point { display:flex;align-items:flex-start;gap:12px; }\r\n.africa-point-dot { width:20px;height:20px;border-radius:50%;background:rgba(46,158,68,0.12);border:1px solid rgba(46,158,68,0.32);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px; }\r\n.africa-point-dot svg { width:9px;height:9px; }\r\n.africa-point span { font-size:0.9rem;color:#FFFFFF;line-height:1.55; }\r\n#s-related { background:#060810; }\r\n.related-header { margin-bottom:40px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.related-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2; }\r\n.related-card { display:block;text-decoration:none;color:inherit;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:24px 22px;transition:border-color 160ms,box-shadow 200ms,transform 200ms cubic-bezier(0.23,1,0.32,1);animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.related-card:nth-child(1){animation-delay:.04s}.related-card:nth-child(2){animation-delay:.09s}.related-card:nth-child(3){animation-delay:.14s}\r\n@media(hover:hover)and(pointer:fine){.related-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 10px 28px rgba(0,0,0,.4);transform:translateY(-3px)}}\r\n.related-card:active{transform:scale(0.98)!important}\r\n.related-ico { font-size:1.4rem;margin-bottom:12px; }\r\n.related-title { font-size:0.92rem;font-weight:600;color:#FFFFFF;margin-bottom:6px; }\r\n.related-desc { font-size:0.8rem;color:#FFFFFF;line-height:1.6; }\r\n.related-link { display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:600;color:#2E9E44;margin-top:12px;transition:gap 150ms; }\r\n@media(hover:hover)and(pointer:fine){.related-card:hover .related-link{gap:9px}}\r\n#s-cta { background:#07091A; }\r\n.cta-box { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.28);border-radius:20px;padding:clamp(48px,8vw,88px) clamp(28px,8vw,80px);text-align:center;overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both }\r\n.cta-box::before{content:'';position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)}\r\n.cta-box::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 55%);pointer-events:none}\r\n.cta-box h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;letter-spacing:-0.025em;line-height:1.08;color:#FFFFFF;margin-bottom:16px;position:relative;z-index:1}\r\n.cta-box p{font-size:.97rem;color:#FFFFFF;max-width:460px;margin:0 auto 40px;line-height:1.7;position:relative;z-index:1}\r\n.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}\r\n@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr;gap:40px}.africa-grid{grid-template-columns:1fr;gap:36px}.related-grid{grid-template-columns:1fr 1fr}}\r\n@media(max-width:480px){.fgrid{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.sec{padding:64px 20px}}\r\n@media(prefers-reduced-motion:reduce){.fcard{animation:fadeUp 0.01ms both !important}*{animation-duration:0.01ms !important}}<\/style>\r\n<\/head>\r\n<body>\r\n<section class=\"sec\" id=\"s-hero\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:-100px;left:50%;transform:translateX(-50%);width:900px;height:500px;background:radial-gradient(ellipse,rgba(46,158,68,0.1) 0%,transparent 65%)\"><\/div><\/div>\r\n <div class=\"hero-inner\">\r\n <div class=\"breadcrumb\"><a href=\"https:\/\/mutualafricapay.com\/products\">Products<\/a><span class=\"breadcrumb-sep\">\/<\/span><a href=\"https:\/\/mutualafricapay.com\/products\/integrations\">Integrations<\/a><span class=\"breadcrumb-sep\">\/<\/span><span class=\"breadcrumb-cur\">E-commerce Connectors<\/span><\/div>\r\n <h1>Every online sale recorded<br><span>reconciled, and reported automatically<\/span><\/h1>\r\n <p>Sync orders and payments from Shopify, WooCommerce, and other e-commerce platforms directly into Mutual Africa Pay. Every online sale automatically recorded, inventory updated, and financial records current \u2014 no manual entry, no delayed reconciliation.<\/p>\r\n <div class=\"hero-actions\"><a href=\"https:\/\/mutualafricapay.com\/pricing\" class=\"btn-green\">Get Started <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M7 2l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a><a href=\"https:\/\/mutualafricapay.com\/contact\" class=\"btn-ghost\">Contact Sales<\/a><\/div>\r\n <div class=\"hero-pills\"><span class=\"pill\"><span class=\"pill-dot\"><\/span>Shopify Integration<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>WooCommerce<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Auto-Recording<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Inventory Sync<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Real-Time<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Multi-Currency<\/span><\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-cap\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:-60px;right:-80px;width:480px;height:420px;background:radial-gradient(ellipse,rgba(46,158,68,0.08) 0%,transparent 65%)\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n <div class=\"cap-header\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Capabilities<\/span><\/div><h2 class=\"h2\">Six e-commerce integration capabilities that eliminate manual sales reconciliation<\/h2><p class=\"body\" style=\"margin-top:16px;max-width:580px\">E-commerce connectors in Mutual Africa Pay close the gap between your online store and your financial records \u2014 every sale flows through automatically, keeping accounts, inventory, and reporting always current.<\/p><\/div>\r\n <div class=\"fgrid\"><div class=\"fcard f1\"><div class=\"fcard-ico\">\ud83d\udecd\ufe0f<\/div><div class=\"fcard-title\">Shopify Integration<\/div><p class=\"fcard-body\">Connect your Shopify store to Mutual Africa Pay \u2014 every order, payment, and refund flows into your financial records automatically. Sales recorded by product, customer, and payment method. Inventory updated per sale. Revenue posted to the P&L in real time. No manual export from Shopify, no import into Mutual Africa Pay.<\/p><\/div><div class=\"fcard f2\"><div class=\"fcard-ico\">\ud83d\uded2<\/div><div class=\"fcard-title\">WooCommerce Integration<\/div><p class=\"fcard-body\">Connect your WooCommerce store to Mutual Africa Pay \u2014 the same automatic recording, reconciliation, and reporting that Shopify delivers, for businesses running WooCommerce on WordPress. Every WooCommerce order processed and recorded automatically.<\/p><\/div><div class=\"fcard f3\"><div class=\"fcard-ico\">\ud83d\udce6<\/div><div class=\"fcard-title\">Automatic Inventory Updates<\/div><p class=\"fcard-body\">Every e-commerce sale reduces the relevant product inventory in Mutual Africa Pay automatically \u2014 keeping your stock levels current across both your physical and online sales channels simultaneously. Low-stock alerts trigger when products approach threshold, regardless of which channel the stock was sold through.<\/p><\/div><div class=\"fcard f4\"><div class=\"fcard-ico\">\ud83d\udcb0<\/div><div class=\"fcard-title\">Multi-Currency Sales Recording<\/div><p class=\"fcard-body\">E-commerce stores selling internationally receive payments in multiple currencies. Mutual Africa Pay records each sale in the transaction currency and converts to your reporting currency at the live exchange rate \u2014 giving accurate revenue reporting in your base currency regardless of which currency each customer pays in.<\/p><\/div><div class=\"fcard f5\"><div class=\"fcard-ico\">\ud83d\udcca<\/div><div class=\"fcard-title\">Sales Reporting by Channel<\/div><p class=\"fcard-body\">View sales performance by channel \u2014 separating online and in-person sales in reports. Understand the relative contribution of e-commerce versus POS versus direct invoicing to total revenue. Channel-level reporting available without any manual categorisation or data segmentation.<\/p><\/div><div class=\"fcard f6\"><div class=\"fcard-ico\">\ud83d\udd04<\/div><div class=\"fcard-title\">Refund & Return Recording<\/div><p class=\"fcard-body\">E-commerce refunds and returns processed through your online store are recorded automatically in Mutual Africa Pay \u2014 reversing the original sale, updating inventory, and adjusting the P&L. No manual refund entries required, and refund patterns are visible in reporting.<\/p><\/div><\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-how\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"bottom:-60px;left:-80px;width:460px;height:380px;background:radial-gradient(ellipse,rgba(46,158,68,0.07) 0%,transparent 65%)\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n <div class=\"how-grid\">\r\n <div><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">How It Works<\/span><\/div><h2 class=\"h2\" style=\"margin-bottom:20px\">From online order to reconciled financial record \u2014 automatically<\/h2><p class=\"body\">E-commerce integration in Mutual Africa Pay eliminates the manual reconciliation process that typically sits between an online store and an accounting system \u2014 orders flow directly from store to books without any intermediate step.<\/p><\/div>\r\n <div class=\"steps\"><div class=\"step\"><div class=\"step-num\">01<\/div><div><h3>Connect your store<\/h3><p>Link your Shopify or WooCommerce store to Mutual Africa Pay through the integration settings. The connection is authorised once and then operates automatically \u2014 no ongoing management required.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-num\">02<\/div><div><h3>Orders flow in automatically<\/h3><p>From the moment a customer places an order in your store, the sale begins flowing into Mutual Africa Pay. Payment confirmation triggers the full recording process \u2014 no manual check or import required.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-num\">03<\/div><div><h3>Records created across all systems<\/h3><p>The order is recorded as revenue in the P&L. Inventory reduces by the quantities sold. The payment is posted to the correct payment method account. All three updates happen simultaneously and automatically.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-num\">04<\/div><div><h3>Reporting reflects online sales immediately<\/h3><p>Sales reports in Mutual Africa Pay include e-commerce sales from the moment they are placed \u2014 giving real-time revenue visibility without waiting for a manual sync or overnight batch process.<\/p><\/div><\/div><\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-use\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:-60px;right:-80px;width:460px;height:380px;background:radial-gradient(ellipse,rgba(46,158,68,0.07) 0%,transparent 65%)\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n <div class=\"use-header\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Use Cases<\/span><\/div><h2 class=\"h2\">How African e-commerce businesses use store integrations<\/h2><p class=\"body\" style=\"margin-top:14px;max-width:560px\">E-commerce integration serves any African business with an online store \u2014 from pure e-commerce operations to omnichannel businesses selling both online and in-person.<\/p><\/div>\r\n <div class=\"use-grid\"><div class=\"use-card\"><div class=\"use-tag\">Pure E-commerce<\/div><h3>A Cape Town online retailer eliminates manual sales reconciliation<\/h3><p>A clothing retailer operating exclusively online previously exported daily Shopify reports and manually entered sales into their accounting system \u2014 a process taking one to two hours every day. After connecting Shopify to Mutual Africa Pay, every order is recorded automatically. The daily reconciliation process no longer exists, and the owner has real-time sales and inventory visibility without any manual work.<\/p><\/div><div class=\"use-card\"><div class=\"use-tag\">Omnichannel Retail<\/div><h3>A Johannesburg retailer manages online and in-store sales in one system<\/h3><p>A retailer selling through a physical store and a Shopify online store uses Mutual Africa Pay to manage both channels simultaneously. POS sales from the physical store and Shopify orders from the online store both flow into the same accounting system \u2014 giving the owner a single, consolidated view of total business performance across both channels in real time.<\/p><\/div><div class=\"use-card\"><div class=\"use-tag\">Wholesale with Online Orders<\/div><h3>A Lagos wholesaler accepts trade orders through WooCommerce<\/h3><p>A wholesale business accepts trade orders from retail clients through a WooCommerce store. Every order is automatically recorded in Mutual Africa Pay as a trade sale, inventory is updated, and the client's outstanding balance reflects the new order immediately. The accounts team processes payments against the correct orders without any manual matching between the WooCommerce system and the accounting records.<\/p><\/div><div class=\"use-card\"><div class=\"use-tag\">Cross-Border E-commerce<\/div><h3>A Nairobi seller collects in multiple currencies from across Africa<\/h3><p>An e-commerce business selling handcrafted goods to customers across Africa and internationally collects payments in KES, USD, EUR, and GBP. Each currency transaction is recorded automatically in Mutual Africa Pay at the live exchange rate \u2014 consolidated P&L reporting in KES gives the owner an accurate view of total business performance without managing multiple currency spreadsheets.<\/p><\/div><\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-africa\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:420px;background:radial-gradient(ellipse,rgba(46,158,68,0.06) 0%,transparent 65%)\"><\/div><\/div>\r\n <div class=\"africa-inner\">\r\n <div class=\"africa-grid\">\r\n <div style=\"position:relative;z-index:1\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Built for Africa<\/span><\/div><h2 class=\"h2\" style=\"margin-bottom:20px\">E-commerce integration built for African online business<\/h2><p class=\"body\">E-commerce adoption across African markets is growing rapidly \u2014 with businesses of all sizes selling online to domestic and international customers. Mutual Africa Pay's e-commerce connectors are designed to support this growth, connecting African online businesses to their financial records automatically.<\/p><\/div>\r\n <div class=\"africa-points\" style=\"position:relative;z-index:1\"><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Shopify and WooCommerce are the dominant e-commerce platforms used by African businesses \u2014 both fully supported<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Multi-currency recording handles the diverse currencies that African online businesses collect in from across the continent<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Inventory sync eliminates the stock discrepancy problem that commonly affects African e-commerce businesses managing online and physical stock separately<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Real-time sales recording gives African e-commerce owners the live revenue visibility needed for fast business decisions<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Connects to payment methods used in African e-commerce \u2014 card, EFT, and local payment gateway integrations<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Scales with business growth \u2014 from a single product business to a large catalogue operation with thousands of SKUs<\/span><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-related\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n <div class=\"related-header\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Related Features<\/span><\/div><h2 class=\"h2\">Features that work alongside e-commerce connectors<\/h2><\/div>\r\n <div class=\"related-grid\"><a href=\"https:\/\/mutualafricapay.com\/products\/operations\/inventory\" class=\"related-card\"><div class=\"related-ico\">\ud83d\udce6<\/div><div class=\"related-title\">Inventory Management<\/div><p class=\"related-desc\">E-commerce sales reduce inventory in real time \u2014 online and in-person stock levels always synchronised in Mutual Africa Pay.<\/p><div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/a><a href=\"https:\/\/mutualafricapay.com\/products\/payments\/multicurrency\" class=\"related-card\"><div class=\"related-ico\">\ud83c\udf0d<\/div><div class=\"related-title\">Multi-Currency Settlements<\/div><p class=\"related-desc\">Multi-currency e-commerce payments recorded at live exchange rates \u2014 consolidated revenue reporting in your base currency automatically.<\/p><div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/a><a href=\"https:\/\/mutualafricapay.com\/products\/accounting\/pl\" class=\"related-card\"><div class=\"related-ico\">\ud83d\udcc9<\/div><div class=\"related-title\">P&L Reporting<\/div><p class=\"related-desc\">E-commerce revenue posts to the P&L in real time \u2014 giving a complete, always-current view of business performance across all sales channels.<\/p><div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/a><\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-cta\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:0;left:50%;transform:translateX(-50%);width:700px;height:300px;background:radial-gradient(ellipse,rgba(46,158,68,0.08) 0%,transparent 65%)\"><\/div><\/div>\r\n <div class=\"cta-box\">\r\n <div class=\"eyebrow\" style=\"justify-content:center;margin-bottom:20px\"><span class=\"edot\"><\/span><span class=\"etxt\">Get Started<\/span><\/div>\r\n <h2>Connect your online store to your financial records today<\/h2><p>E-commerce connectors are included in Mutual Africa Pay's Summit plan and above. Connect your Shopify or WooCommerce store in minutes.<\/p>\r\n <div class=\"cta-btns\"><a href=\"https:\/\/mutualafricapay.com\/pricing\" class=\"btn-green\">View Pricing <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M7 2l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a><a href=\"https:\/\/mutualafricapay.com\/contact\" class=\"btn-ghost\">Contact Sales<\/a><\/div>\r\n <\/div>\r\n<\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>E-commerce Connectors \u2014 Mutual Africa Pay *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: ‘Space Grotesk’, sans-serif; background: #07091A; color: #FFFFFF; -webkit-font-smoothing: antialiased; } .sec { padding: clamp(64px,10vw,112px) clamp(20px,6%,80px); position: relative; overflow: hidden; } .bg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; } .bg-dots { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 30px 30px; } .bg-line { position: absolute; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(46,158,68,0.16), transparent); } .bg-glow { position: absolute; border-radius: 50%; } .eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; } .edot { width: 6px; height: 6px; border-radius: 50%; background: #2E9E44; box-shadow: 0 0 8px rgba(46,158,68,0.7); animation: pulsedot 2.5s ease infinite; } .etxt { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #2E9E44; } .h2 { font-size: clamp(1.9rem,3.2vw,2.9rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.08; color: #FFFFFF; } .body { font-size: 0.975rem; color: #FFFFFF; line-height: 1.78; } @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulsedot { 0%,100%{opacity:1;box-shadow:0 0 8px rgba(46,158,68,0.7)}50%{opacity:0.4;box-shadow:0 0 3px rgba(46,158,68,0.3)} } @keyframes float1 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} } @keyframes float2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} } @keyframes float3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} } @keyframes float4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} } @keyframes float5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} } @keyframes float6 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} } .btn-green { display:inline-flex;align-items:center;gap:8px;background:#2E9E44;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background 150ms,transform 150ms,box-shadow 150ms; } @media(hover:hover)and(pointer:fine){.btn-green:hover{background:#38B850;transform:translateY(-2px);box-shadow:0 8px 24px rgba(46,158,68,.35);}} .btn-green:active{transform:scale(0.97)!important;} .btn-ghost { display:inline-flex;align-items:center;gap:8px;background:transparent;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.15);transition:border-color 150ms,background 150ms; } @media(hover:hover)and(pointer:fine){.btn-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);}} #s-hero { background:#07091A; min-height:60vh; display:flex; align-items:center; } .hero-inner { position:relative;z-index:2;max-width:820px;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap; } .breadcrumb a { font-size:0.78rem;color:#FFFFFF;opacity:0.45;text-decoration:none;transition:opacity 150ms; } @media(hover:hover)and(pointer:fine){.breadcrumb a:hover{opacity:1}} .breadcrumb-sep { font-size:0.78rem;color:#FFFFFF;opacity:0.25; } .breadcrumb-cur { font-size:0.78rem;color:#2E9E44;font-weight:500; } .hero-inner h1 { font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.04;color:#FFFFFF;margin-bottom:22px; } .hero-inner h1 span { color:#2E9E44; } .hero-inner p { font-size:1.05rem;color:#FFFFFF;line-height:1.74;max-width:640px;margin-bottom:40px; } .hero-actions { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px; } .hero-pills { display:flex;flex-wrap:wrap;gap:8px; } .pill { display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);font-size:0.78rem;font-weight:500;color:#FFFFFF; } .pill-dot { width:5px;height:5px;border-radius:50%;background:#2E9E44;flex-shrink:0; } #s-cap { background:#060810; } .cap-header { margin-bottom:52px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .fgrid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:2;perspective:1200px; } .fcard { background:linear-gradient(160deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:28px 24px 36px;position:relative;overflow:hidden;display:block;color:inherit;text-decoration:none;transition:border-color 160ms cubic-bezier(0.23,1,0.32,1),box-shadow 240ms cubic-bezier(0.23,1,0.32,1); } .fcard.f1{animation:fadeUp 0.5s 0.03s cubic-bezier(0.23,1,0.32,1) both,float1 6s 0.5s ease-in-out infinite} .fcard.f2{animation:fadeUp 0.5s 0.07s cubic-bezier(0.23,1,0.32,1) both,float2 7s 0.8s ease-in-out infinite} .fcard.f3{animation:fadeUp 0.5s 0.11s cubic-bezier(0.23,1,0.32,1) both,float3 5.5s 0.3s ease-in-out infinite} .fcard.f4{animation:fadeUp 0.5s 0.15s cubic-bezier(0.23,1,0.32,1) both,float4 8s 1s ease-in-out infinite} .fcard.f5{animation:fadeUp 0.5s 0.19s cubic-bezier(0.23,1,0.32,1) both,float5 6.5s 0.6s ease-in-out infinite} .fcard.f6{animation:fadeUp 0.5s 0.23s cubic-bezier(0.23,1,0.32,1) both,float6 7.5s 1.2s ease-in-out infinite} .fcard::before{content:”;position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.45),transparent);opacity:0;transition:opacity 200ms} .fcard::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 60%);opacity:0;transition:opacity 250ms;pointer-events:none} @media(hover:hover)and(pointer:fine){.fcard:hover{border-color:rgba(46,158,68,0.42);box-shadow:0 20px 52px rgba(0,0,0,.5),0 0 30px rgba(46,158,68,.07)}.fcard:hover::before,.fcard:hover::after{opacity:1}} .fcard:active{transform:scale(0.98)!important} .fcard-ico{font-size:1.6rem;margin-bottom:16px;line-height:1;position:relative;z-index:1} .fcard-title{font-size:1rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3;position:relative;z-index:1} .fcard-body{font-size:0.835rem;color:#FFFFFF;line-height:1.68;position:relative;z-index:1} #s-how { background:#07091A; } .how-grid { display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;position:relative;z-index:2;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .steps { display:flex;flex-direction:column;gap:3px; } .step { display:flex;align-items:flex-start;gap:20px;padding:22px 24px;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;transition:border-color 160ms,background 160ms; } @media(hover:hover)and(pointer:fine){.step:hover{border-color:rgba(46,158,68,0.35);background:linear-gradient(145deg,#111440,#0d1035)}} .step-num { width:36px;height:36px;border-radius:50%;flex-shrink:0;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.28);display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:700;color:#2E9E44; } .step h3 { font-size:0.95rem;font-weight:600;color:#FFFFFF;margin-bottom:5px; } .step p { font-size:0.845rem;color:#FFFFFF;line-height:1.62; } #s-use { background:#060810; } .use-header { margin-bottom:48px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .use-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2; } .use-card { background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:32px 28px;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;transition:border-color 160ms,box-shadow 220ms; } .use-card:nth-child(1){animation-delay:.04s}.use-card:nth-child(2){animation-delay:.09s}.use-card:nth-child(3){animation-delay:.14s}.use-card:nth-child(4){animation-delay:.19s} @media(hover:hover)and(pointer:fine){.use-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 14px 36px rgba(0,0,0,.4)}} .use-tag { display:inline-flex;align-items:center;gap:7px;font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#2E9E44;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.2);border-radius:4px;padding:4px 10px;margin-bottom:16px; } .use-card h3 { font-size:1.05rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3; } .use-card p { font-size:0.855rem;color:#FFFFFF;line-height:1.7; } #s-africa { background:#07091A; } .africa-inner { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.25);border-radius:20px;padding:clamp(44px,8vw,80px) clamp(28px,8vw,72px);overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .africa-inner::before{content:”;position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)} .africa-inner::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.07),transparent 55%);pointer-events:none} .africa-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; } .africa-points { display:flex;flex-direction:column;gap:12px; } .africa-point { display:flex;align-items:flex-start;gap:12px; } .africa-point-dot { width:20px;height:20px;border-radius:50%;background:rgba(46,158,68,0.12);border:1px solid rgba(46,158,68,0.32);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px; } .africa-point-dot svg { width:9px;height:9px; } .africa-point span { font-size:0.9rem;color:#FFFFFF;line-height:1.55; } #s-related { background:#060810; } .related-header { margin-bottom:40px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .related-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2; } .related-card { display:block;text-decoration:none;color:inherit;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:24px 22px;transition:border-color 160ms,box-shadow 200ms,transform 200ms cubic-bezier(0.23,1,0.32,1);animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .related-card:nth-child(1){animation-delay:.04s}.related-card:nth-child(2){animation-delay:.09s}.related-card:nth-child(3){animation-delay:.14s} @media(hover:hover)and(pointer:fine){.related-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 10px 28px rgba(0,0,0,.4);transform:translateY(-3px)}} .related-card:active{transform:scale(0.98)!important} .related-ico { font-size:1.4rem;margin-bottom:12px; } .related-title { font-size:0.92rem;font-weight:600;color:#FFFFFF;margin-bottom:6px; } .related-desc { font-size:0.8rem;color:#FFFFFF;line-height:1.6; } .related-link { display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:600;color:#2E9E44;margin-top:12px;transition:gap 150ms; } @media(hover:hover)and(pointer:fine){.related-card:hover .related-link{gap:9px}} #s-cta { background:#07091A; } .cta-box { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.28);border-radius:20px;padding:clamp(48px,8vw,88px) clamp(28px,8vw,80px);text-align:center;overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both } .cta-box::before{content:”;position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)} .cta-box::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 55%);pointer-events:none} .cta-box h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;letter-spacing:-0.025em;line-height:1.08;color:#FFFFFF;margin-bottom:16px;position:relative;z-index:1} .cta-box p{font-size:.97rem;color:#FFFFFF;max-width:460px;margin:0 auto 40px;line-height:1.7;position:relative;z-index:1} .cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1} @media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr;gap:40px}.africa-grid{grid-template-columns:1fr;gap:36px}.related-grid{grid-template-columns:1fr 1fr}} @media(max-width:480px){.fgrid{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.sec{padding:64px 20px}} @media(prefers-reduced-motion:reduce){.fcard{animation:fadeUp 0.01ms both !important}*{animation-duration:0.01ms !important}} Products\/Integrations\/E-commerce Connectors Every online sale recordedreconciled, and reported automatically Sync orders and payments from Shopify, WooCommerce, and other e-commerce platforms directly into Mutual Africa Pay. Every online sale automatically recorded, inventory updated, and financial records current \u2014 no manual entry, no delayed reconciliation. Get Started Contact Sales Shopify IntegrationWooCommerceAuto-RecordingInventory SyncReal-TimeMulti-Currency Capabilities Six e-commerce integration capabilities that eliminate manual sales reconciliation E-commerce connectors in Mutual Africa Pay close the gap between your online store and your financial records \u2014 every sale flows through automatically, keeping accounts, inventory, and reporting always current. \ud83d\udecd\ufe0fShopify Integration Connect your Shopify store to Mutual Africa Pay \u2014 every order, payment, and refund flows into your financial records automatically. Sales recorded by product, customer, and payment method. Inventory updated per sale. Revenue posted to the P&L in real time. No manual export from Shopify, no import into Mutual Africa Pay. \ud83d\uded2WooCommerce Integration Connect your WooCommerce store to Mutual Africa Pay \u2014 the same automatic recording, reconciliation, and reporting that Shopify delivers, for businesses running WooCommerce on WordPress. Every WooCommerce order processed and recorded automatically. \ud83d\udce6Automatic Inventory Updates Every e-commerce sale reduces the relevant product inventory in Mutual Africa Pay automatically \u2014 keeping your stock levels current across both your physical and online sales channels simultaneously. Low-stock alerts trigger when products approach threshold, regardless of which channel the stock was sold through. \ud83d\udcb0Multi-Currency Sales Recording E-commerce stores selling internationally receive payments in multiple currencies. Mutual Africa Pay records each sale in the transaction currency and converts to your reporting currency at the live exchange rate \u2014 giving accurate revenue reporting in your base currency regardless of which currency each customer pays in. \ud83d\udccaSales Reporting by Channel View sales performance by channel \u2014 separating online and in-person sales in reports. Understand the relative contribution of e-commerce versus POS versus direct invoicing to total revenue. Channel-level reporting available without any manual categorisation or data segmentation. \ud83d\udd04Refund & Return Recording E-commerce refunds and returns processed through your online store are recorded automatically in Mutual Africa Pay \u2014 reversing the original sale, updating inventory, and adjusting the P&L. No manual refund entries required, and<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1896,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2122","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mutualafricapay.com\/ng\/wp-json\/wp\/v2\/pages\/2122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mutualafricapay.com\/ng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mutualafricapay.com\/ng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/ng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/ng\/wp-json\/wp\/v2\/comments?post=2122"}],"version-history":[{"count":0,"href":"https:\/\/mutualafricapay.com\/ng\/wp-json\/wp\/v2\/pages\/2122\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/ng\/wp-json\/wp\/v2\/pages\/1896"}],"wp:attachment":[{"href":"https:\/\/mutualafricapay.com\/ng\/wp-json\/wp\/v2\/media?parent=2122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nE-commerce Connectors \u2014 Mutual Africa Pay<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { font-family: 'Space Grotesk', sans-serif; background: #07091A; color: #FFFFFF; -webkit-font-smoothing: antialiased; }\r\n.sec { padding: clamp(64px,10vw,112px) clamp(20px,6%,80px); position: relative; overflow: hidden; }\r\n.bg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }\r\n.bg-dots { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 30px 30px; }\r\n.bg-line { position: absolute; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(46,158,68,0.16), transparent); }\r\n.bg-glow { position: absolute; border-radius: 50%; }\r\n.eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; }\r\n.edot { width: 6px; height: 6px; border-radius: 50%; background: #2E9E44; box-shadow: 0 0 8px rgba(46,158,68,0.7); animation: pulsedot 2.5s ease infinite; }\r\n.etxt { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #2E9E44; }\r\n.h2 { font-size: clamp(1.9rem,3.2vw,2.9rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.08; color: #FFFFFF; }\r\n.body { font-size: 0.975rem; color: #FFFFFF; line-height: 1.78; }\r\n@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n@keyframes pulsedot { 0%,100%{opacity:1;box-shadow:0 0 8px rgba(46,158,68,0.7)}50%{opacity:0.4;box-shadow:0 0 3px rgba(46,158,68,0.3)} }\r\n@keyframes float1 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }\r\n@keyframes float2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }\r\n@keyframes float3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }\r\n@keyframes float4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\r\n@keyframes float5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }\r\n@keyframes float6 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} }\r\n.btn-green { display:inline-flex;align-items:center;gap:8px;background:#2E9E44;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background 150ms,transform 150ms,box-shadow 150ms; }\r\n@media(hover:hover)and(pointer:fine){.btn-green:hover{background:#38B850;transform:translateY(-2px);box-shadow:0 8px 24px rgba(46,158,68,.35);}}\r\n.btn-green:active{transform:scale(0.97)!important;}\r\n.btn-ghost { display:inline-flex;align-items:center;gap:8px;background:transparent;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.15);transition:border-color 150ms,background 150ms; }\r\n@media(hover:hover)and(pointer:fine){.btn-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);}}\r\n#s-hero { background:#07091A; min-height:60vh; display:flex; align-items:center; }\r\n.hero-inner { position:relative;z-index:2;max-width:820px;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap; }\r\n.breadcrumb a { font-size:0.78rem;color:#FFFFFF;opacity:0.45;text-decoration:none;transition:opacity 150ms; }\r\n@media(hover:hover)and(pointer:fine){.breadcrumb a:hover{opacity:1}}\r\n.breadcrumb-sep { font-size:0.78rem;color:#FFFFFF;opacity:0.25; }\r\n.breadcrumb-cur { font-size:0.78rem;color:#2E9E44;font-weight:500; }\r\n.hero-inner h1 { font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.04;color:#FFFFFF;margin-bottom:22px; }\r\n.hero-inner h1 span { color:#2E9E44; }\r\n.hero-inner p { font-size:1.05rem;color:#FFFFFF;line-height:1.74;max-width:640px;margin-bottom:40px; }\r\n.hero-actions { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px; }\r\n.hero-pills { display:flex;flex-wrap:wrap;gap:8px; }\r\n.pill { display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);font-size:0.78rem;font-weight:500;color:#FFFFFF; }\r\n.pill-dot { width:5px;height:5px;border-radius:50%;background:#2E9E44;flex-shrink:0; }\r\n#s-cap { background:#060810; }\r\n.cap-header { margin-bottom:52px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.fgrid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:2;perspective:1200px; }\r\n.fcard { background:linear-gradient(160deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:28px 24px 36px;position:relative;overflow:hidden;display:block;color:inherit;text-decoration:none;transition:border-color 160ms cubic-bezier(0.23,1,0.32,1),box-shadow 240ms cubic-bezier(0.23,1,0.32,1); }\r\n.fcard.f1{animation:fadeUp 0.5s 0.03s cubic-bezier(0.23,1,0.32,1) both,float1 6s 0.5s ease-in-out infinite}\r\n.fcard.f2{animation:fadeUp 0.5s 0.07s cubic-bezier(0.23,1,0.32,1) both,float2 7s 0.8s ease-in-out infinite}\r\n.fcard.f3{animation:fadeUp 0.5s 0.11s cubic-bezier(0.23,1,0.32,1) both,float3 5.5s 0.3s ease-in-out infinite}\r\n.fcard.f4{animation:fadeUp 0.5s 0.15s cubic-bezier(0.23,1,0.32,1) both,float4 8s 1s ease-in-out infinite}\r\n.fcard.f5{animation:fadeUp 0.5s 0.19s cubic-bezier(0.23,1,0.32,1) both,float5 6.5s 0.6s ease-in-out infinite}\r\n.fcard.f6{animation:fadeUp 0.5s 0.23s cubic-bezier(0.23,1,0.32,1) both,float6 7.5s 1.2s ease-in-out infinite}\r\n.fcard::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.45),transparent);opacity:0;transition:opacity 200ms}\r\n.fcard::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 60%);opacity:0;transition:opacity 250ms;pointer-events:none}\r\n@media(hover:hover)and(pointer:fine){.fcard:hover{border-color:rgba(46,158,68,0.42);box-shadow:0 20px 52px rgba(0,0,0,.5),0 0 30px rgba(46,158,68,.07)}.fcard:hover::before,.fcard:hover::after{opacity:1}}\r\n.fcard:active{transform:scale(0.98)!important}\r\n.fcard-ico{font-size:1.6rem;margin-bottom:16px;line-height:1;position:relative;z-index:1}\r\n.fcard-title{font-size:1rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3;position:relative;z-index:1}\r\n.fcard-body{font-size:0.835rem;color:#FFFFFF;line-height:1.68;position:relative;z-index:1}\r\n#s-how { background:#07091A; }\r\n.how-grid { display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;position:relative;z-index:2;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.steps { display:flex;flex-direction:column;gap:3px; }\r\n.step { display:flex;align-items:flex-start;gap:20px;padding:22px 24px;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;transition:border-color 160ms,background 160ms; }\r\n@media(hover:hover)and(pointer:fine){.step:hover{border-color:rgba(46,158,68,0.35);background:linear-gradient(145deg,#111440,#0d1035)}}\r\n.step-num { width:36px;height:36px;border-radius:50%;flex-shrink:0;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.28);display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:700;color:#2E9E44; }\r\n.step h3 { font-size:0.95rem;font-weight:600;color:#FFFFFF;margin-bottom:5px; }\r\n.step p { font-size:0.845rem;color:#FFFFFF;line-height:1.62; }\r\n#s-use { background:#060810; }\r\n.use-header { margin-bottom:48px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.use-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2; }\r\n.use-card { background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:32px 28px;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;transition:border-color 160ms,box-shadow 220ms; }\r\n.use-card:nth-child(1){animation-delay:.04s}.use-card:nth-child(2){animation-delay:.09s}.use-card:nth-child(3){animation-delay:.14s}.use-card:nth-child(4){animation-delay:.19s}\r\n@media(hover:hover)and(pointer:fine){.use-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 14px 36px rgba(0,0,0,.4)}}\r\n.use-tag { display:inline-flex;align-items:center;gap:7px;font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#2E9E44;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.2);border-radius:4px;padding:4px 10px;margin-bottom:16px; }\r\n.use-card h3 { font-size:1.05rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3; }\r\n.use-card p { font-size:0.855rem;color:#FFFFFF;line-height:1.7; }\r\n#s-africa { background:#07091A; }\r\n.africa-inner { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.25);border-radius:20px;padding:clamp(44px,8vw,80px) clamp(28px,8vw,72px);overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; }\r\n.africa-inner::before{content:'';position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)}\r\n.africa-inner::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.07),transparent 55%);pointer-events:none}\r\n.africa-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; }\r\n.africa-points { display:flex;flex-direction:column;gap:12px; }\r\n.africa-point { display:flex;align-items:flex-start;gap:12px; }\r\n.africa-point-dot { width:20px;height:20px;border-radius:50%;background:rgba(46,158,68,0.12);border:1px solid rgba(46,158,68,0.32);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px; }\r\n.africa-point-dot svg { width:9px;height:9px; }\r\n.africa-point span { font-size:0.9rem;color:#FFFFFF;line-height:1.55; }\r\n#s-related { background:#060810; }\r\n.related-header { margin-bottom:40px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.related-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2; }\r\n.related-card { display:block;text-decoration:none;color:inherit;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:24px 22px;transition:border-color 160ms,box-shadow 200ms,transform 200ms cubic-bezier(0.23,1,0.32,1);animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; }\r\n.related-card:nth-child(1){animation-delay:.04s}.related-card:nth-child(2){animation-delay:.09s}.related-card:nth-child(3){animation-delay:.14s}\r\n@media(hover:hover)and(pointer:fine){.related-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 10px 28px rgba(0,0,0,.4);transform:translateY(-3px)}}\r\n.related-card:active{transform:scale(0.98)!important}\r\n.related-ico { font-size:1.4rem;margin-bottom:12px; }\r\n.related-title { font-size:0.92rem;font-weight:600;color:#FFFFFF;margin-bottom:6px; }\r\n.related-desc { font-size:0.8rem;color:#FFFFFF;line-height:1.6; }\r\n.related-link { display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:600;color:#2E9E44;margin-top:12px;transition:gap 150ms; }\r\n@media(hover:hover)and(pointer:fine){.related-card:hover .related-link{gap:9px}}\r\n#s-cta { background:#07091A; }\r\n.cta-box { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.28);border-radius:20px;padding:clamp(48px,8vw,88px) clamp(28px,8vw,80px);text-align:center;overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both }\r\n.cta-box::before{content:'';position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)}\r\n.cta-box::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 55%);pointer-events:none}\r\n.cta-box h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;letter-spacing:-0.025em;line-height:1.08;color:#FFFFFF;margin-bottom:16px;position:relative;z-index:1}\r\n.cta-box p{font-size:.97rem;color:#FFFFFF;max-width:460px;margin:0 auto 40px;line-height:1.7;position:relative;z-index:1}\r\n.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}\r\n@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr;gap:40px}.africa-grid{grid-template-columns:1fr;gap:36px}.related-grid{grid-template-columns:1fr 1fr}}\r\n@media(max-width:480px){.fgrid{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.sec{padding:64px 20px}}\r\n@media(prefers-reduced-motion:reduce){.fcard{animation:fadeUp 0.01ms both !important}*{animation-duration:0.01ms !important}}<\/style>\r\n<\/head>\r\n<body>\r\n<section class=\"sec\" id=\"s-hero\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:-100px;left:50%;transform:translateX(-50%);width:900px;height:500px;background:radial-gradient(ellipse,rgba(46,158,68,0.1) 0%,transparent 65%)\"><\/div><\/div>\r\n <div class=\"hero-inner\">\r\n <div class=\"breadcrumb\"><a href=\"https:\/\/mutualafricapay.com\/products\">Products<\/a><span class=\"breadcrumb-sep\">\/<\/span><a href=\"https:\/\/mutualafricapay.com\/products\/integrations\">Integrations<\/a><span class=\"breadcrumb-sep\">\/<\/span><span class=\"breadcrumb-cur\">E-commerce Connectors<\/span><\/div>\r\n <h1>Every online sale recorded<br><span>reconciled, and reported automatically<\/span><\/h1>\r\n <p>Sync orders and payments from Shopify, WooCommerce, and other e-commerce platforms directly into Mutual Africa Pay. Every online sale automatically recorded, inventory updated, and financial records current \u2014 no manual entry, no delayed reconciliation.<\/p>\r\n <div class=\"hero-actions\"><a href=\"https:\/\/mutualafricapay.com\/pricing\" class=\"btn-green\">Get Started <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M7 2l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a><a href=\"https:\/\/mutualafricapay.com\/contact\" class=\"btn-ghost\">Contact Sales<\/a><\/div>\r\n <div class=\"hero-pills\"><span class=\"pill\"><span class=\"pill-dot\"><\/span>Shopify Integration<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>WooCommerce<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Auto-Recording<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Inventory Sync<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Real-Time<\/span><span class=\"pill\"><span class=\"pill-dot\"><\/span>Multi-Currency<\/span><\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-cap\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:-60px;right:-80px;width:480px;height:420px;background:radial-gradient(ellipse,rgba(46,158,68,0.08) 0%,transparent 65%)\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n <div class=\"cap-header\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Capabilities<\/span><\/div><h2 class=\"h2\">Six e-commerce integration capabilities that eliminate manual sales reconciliation<\/h2><p class=\"body\" style=\"margin-top:16px;max-width:580px\">E-commerce connectors in Mutual Africa Pay close the gap between your online store and your financial records \u2014 every sale flows through automatically, keeping accounts, inventory, and reporting always current.<\/p><\/div>\r\n <div class=\"fgrid\"><div class=\"fcard f1\"><div class=\"fcard-ico\">\ud83d\udecd\ufe0f<\/div><div class=\"fcard-title\">Shopify Integration<\/div><p class=\"fcard-body\">Connect your Shopify store to Mutual Africa Pay \u2014 every order, payment, and refund flows into your financial records automatically. Sales recorded by product, customer, and payment method. Inventory updated per sale. Revenue posted to the P&L in real time. No manual export from Shopify, no import into Mutual Africa Pay.<\/p><\/div><div class=\"fcard f2\"><div class=\"fcard-ico\">\ud83d\uded2<\/div><div class=\"fcard-title\">WooCommerce Integration<\/div><p class=\"fcard-body\">Connect your WooCommerce store to Mutual Africa Pay \u2014 the same automatic recording, reconciliation, and reporting that Shopify delivers, for businesses running WooCommerce on WordPress. Every WooCommerce order processed and recorded automatically.<\/p><\/div><div class=\"fcard f3\"><div class=\"fcard-ico\">\ud83d\udce6<\/div><div class=\"fcard-title\">Automatic Inventory Updates<\/div><p class=\"fcard-body\">Every e-commerce sale reduces the relevant product inventory in Mutual Africa Pay automatically \u2014 keeping your stock levels current across both your physical and online sales channels simultaneously. Low-stock alerts trigger when products approach threshold, regardless of which channel the stock was sold through.<\/p><\/div><div class=\"fcard f4\"><div class=\"fcard-ico\">\ud83d\udcb0<\/div><div class=\"fcard-title\">Multi-Currency Sales Recording<\/div><p class=\"fcard-body\">E-commerce stores selling internationally receive payments in multiple currencies. Mutual Africa Pay records each sale in the transaction currency and converts to your reporting currency at the live exchange rate \u2014 giving accurate revenue reporting in your base currency regardless of which currency each customer pays in.<\/p><\/div><div class=\"fcard f5\"><div class=\"fcard-ico\">\ud83d\udcca<\/div><div class=\"fcard-title\">Sales Reporting by Channel<\/div><p class=\"fcard-body\">View sales performance by channel \u2014 separating online and in-person sales in reports. Understand the relative contribution of e-commerce versus POS versus direct invoicing to total revenue. Channel-level reporting available without any manual categorisation or data segmentation.<\/p><\/div><div class=\"fcard f6\"><div class=\"fcard-ico\">\ud83d\udd04<\/div><div class=\"fcard-title\">Refund & Return Recording<\/div><p class=\"fcard-body\">E-commerce refunds and returns processed through your online store are recorded automatically in Mutual Africa Pay \u2014 reversing the original sale, updating inventory, and adjusting the P&L. No manual refund entries required, and refund patterns are visible in reporting.<\/p><\/div><\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-how\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"bottom:-60px;left:-80px;width:460px;height:380px;background:radial-gradient(ellipse,rgba(46,158,68,0.07) 0%,transparent 65%)\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n <div class=\"how-grid\">\r\n <div><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">How It Works<\/span><\/div><h2 class=\"h2\" style=\"margin-bottom:20px\">From online order to reconciled financial record \u2014 automatically<\/h2><p class=\"body\">E-commerce integration in Mutual Africa Pay eliminates the manual reconciliation process that typically sits between an online store and an accounting system \u2014 orders flow directly from store to books without any intermediate step.<\/p><\/div>\r\n <div class=\"steps\"><div class=\"step\"><div class=\"step-num\">01<\/div><div><h3>Connect your store<\/h3><p>Link your Shopify or WooCommerce store to Mutual Africa Pay through the integration settings. The connection is authorised once and then operates automatically \u2014 no ongoing management required.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-num\">02<\/div><div><h3>Orders flow in automatically<\/h3><p>From the moment a customer places an order in your store, the sale begins flowing into Mutual Africa Pay. Payment confirmation triggers the full recording process \u2014 no manual check or import required.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-num\">03<\/div><div><h3>Records created across all systems<\/h3><p>The order is recorded as revenue in the P&L. Inventory reduces by the quantities sold. The payment is posted to the correct payment method account. All three updates happen simultaneously and automatically.<\/p><\/div><\/div><div class=\"step\"><div class=\"step-num\">04<\/div><div><h3>Reporting reflects online sales immediately<\/h3><p>Sales reports in Mutual Africa Pay include e-commerce sales from the moment they are placed \u2014 giving real-time revenue visibility without waiting for a manual sync or overnight batch process.<\/p><\/div><\/div><\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-use\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:-60px;right:-80px;width:460px;height:380px;background:radial-gradient(ellipse,rgba(46,158,68,0.07) 0%,transparent 65%)\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n <div class=\"use-header\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Use Cases<\/span><\/div><h2 class=\"h2\">How African e-commerce businesses use store integrations<\/h2><p class=\"body\" style=\"margin-top:14px;max-width:560px\">E-commerce integration serves any African business with an online store \u2014 from pure e-commerce operations to omnichannel businesses selling both online and in-person.<\/p><\/div>\r\n <div class=\"use-grid\"><div class=\"use-card\"><div class=\"use-tag\">Pure E-commerce<\/div><h3>A Cape Town online retailer eliminates manual sales reconciliation<\/h3><p>A clothing retailer operating exclusively online previously exported daily Shopify reports and manually entered sales into their accounting system \u2014 a process taking one to two hours every day. After connecting Shopify to Mutual Africa Pay, every order is recorded automatically. The daily reconciliation process no longer exists, and the owner has real-time sales and inventory visibility without any manual work.<\/p><\/div><div class=\"use-card\"><div class=\"use-tag\">Omnichannel Retail<\/div><h3>A Johannesburg retailer manages online and in-store sales in one system<\/h3><p>A retailer selling through a physical store and a Shopify online store uses Mutual Africa Pay to manage both channels simultaneously. POS sales from the physical store and Shopify orders from the online store both flow into the same accounting system \u2014 giving the owner a single, consolidated view of total business performance across both channels in real time.<\/p><\/div><div class=\"use-card\"><div class=\"use-tag\">Wholesale with Online Orders<\/div><h3>A Lagos wholesaler accepts trade orders through WooCommerce<\/h3><p>A wholesale business accepts trade orders from retail clients through a WooCommerce store. Every order is automatically recorded in Mutual Africa Pay as a trade sale, inventory is updated, and the client's outstanding balance reflects the new order immediately. The accounts team processes payments against the correct orders without any manual matching between the WooCommerce system and the accounting records.<\/p><\/div><div class=\"use-card\"><div class=\"use-tag\">Cross-Border E-commerce<\/div><h3>A Nairobi seller collects in multiple currencies from across Africa<\/h3><p>An e-commerce business selling handcrafted goods to customers across Africa and internationally collects payments in KES, USD, EUR, and GBP. Each currency transaction is recorded automatically in Mutual Africa Pay at the live exchange rate \u2014 consolidated P&L reporting in KES gives the owner an accurate view of total business performance without managing multiple currency spreadsheets.<\/p><\/div><\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-africa\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:420px;background:radial-gradient(ellipse,rgba(46,158,68,0.06) 0%,transparent 65%)\"><\/div><\/div>\r\n <div class=\"africa-inner\">\r\n <div class=\"africa-grid\">\r\n <div style=\"position:relative;z-index:1\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Built for Africa<\/span><\/div><h2 class=\"h2\" style=\"margin-bottom:20px\">E-commerce integration built for African online business<\/h2><p class=\"body\">E-commerce adoption across African markets is growing rapidly \u2014 with businesses of all sizes selling online to domestic and international customers. Mutual Africa Pay's e-commerce connectors are designed to support this growth, connecting African online businesses to their financial records automatically.<\/p><\/div>\r\n <div class=\"africa-points\" style=\"position:relative;z-index:1\"><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Shopify and WooCommerce are the dominant e-commerce platforms used by African businesses \u2014 both fully supported<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Multi-currency recording handles the diverse currencies that African online businesses collect in from across the continent<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Inventory sync eliminates the stock discrepancy problem that commonly affects African e-commerce businesses managing online and physical stock separately<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Real-time sales recording gives African e-commerce owners the live revenue visibility needed for fast business decisions<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Connects to payment methods used in African e-commerce \u2014 card, EFT, and local payment gateway integrations<\/span><\/div><div class=\"africa-point\"><div class=\"africa-point-dot\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#2E9E44\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><span>Scales with business growth \u2014 from a single product business to a large catalogue operation with thousands of SKUs<\/span><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-related\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-line\" style=\"bottom:0\"><\/div><\/div>\r\n <div class=\"related-header\"><div class=\"eyebrow\"><span class=\"edot\"><\/span><span class=\"etxt\">Related Features<\/span><\/div><h2 class=\"h2\">Features that work alongside e-commerce connectors<\/h2><\/div>\r\n <div class=\"related-grid\"><a href=\"https:\/\/mutualafricapay.com\/products\/operations\/inventory\" class=\"related-card\"><div class=\"related-ico\">\ud83d\udce6<\/div><div class=\"related-title\">Inventory Management<\/div><p class=\"related-desc\">E-commerce sales reduce inventory in real time \u2014 online and in-person stock levels always synchronised in Mutual Africa Pay.<\/p><div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/a><a href=\"https:\/\/mutualafricapay.com\/products\/payments\/multicurrency\" class=\"related-card\"><div class=\"related-ico\">\ud83c\udf0d<\/div><div class=\"related-title\">Multi-Currency Settlements<\/div><p class=\"related-desc\">Multi-currency e-commerce payments recorded at live exchange rates \u2014 consolidated revenue reporting in your base currency automatically.<\/p><div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/a><a href=\"https:\/\/mutualafricapay.com\/products\/accounting\/pl\" class=\"related-card\"><div class=\"related-ico\">\ud83d\udcc9<\/div><div class=\"related-title\">P&L Reporting<\/div><p class=\"related-desc\">E-commerce revenue posts to the P&L in real time \u2014 giving a complete, always-current view of business performance across all sales channels.<\/p><div class=\"related-link\">Learn more <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5h7M5.5 2l3.5 3.5L5.5 9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><\/a><\/div>\r\n<\/section>\r\n<section class=\"sec\" id=\"s-cta\">\r\n <div class=\"bg\"><div class=\"bg-dots\"><\/div><div class=\"bg-glow\" style=\"top:0;left:50%;transform:translateX(-50%);width:700px;height:300px;background:radial-gradient(ellipse,rgba(46,158,68,0.08) 0%,transparent 65%)\"><\/div><\/div>\r\n <div class=\"cta-box\">\r\n <div class=\"eyebrow\" style=\"justify-content:center;margin-bottom:20px\"><span class=\"edot\"><\/span><span class=\"etxt\">Get Started<\/span><\/div>\r\n <h2>Connect your online store to your financial records today<\/h2><p>E-commerce connectors are included in Mutual Africa Pay's Summit plan and above. Connect your Shopify or WooCommerce store in minutes.<\/p>\r\n <div class=\"cta-btns\"><a href=\"https:\/\/mutualafricapay.com\/pricing\" class=\"btn-green\">View Pricing <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M7 2l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a><a href=\"https:\/\/mutualafricapay.com\/contact\" class=\"btn-ghost\">Contact Sales<\/a><\/div>\r\n <\/div>\r\n<\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>E-commerce Connectors \u2014 Mutual Africa Pay *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: ‘Space Grotesk’, sans-serif; background: #07091A; color: #FFFFFF; -webkit-font-smoothing: antialiased; } .sec { padding: clamp(64px,10vw,112px) clamp(20px,6%,80px); position: relative; overflow: hidden; } .bg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; } .bg-dots { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 30px 30px; } .bg-line { position: absolute; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(46,158,68,0.16), transparent); } .bg-glow { position: absolute; border-radius: 50%; } .eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; } .edot { width: 6px; height: 6px; border-radius: 50%; background: #2E9E44; box-shadow: 0 0 8px rgba(46,158,68,0.7); animation: pulsedot 2.5s ease infinite; } .etxt { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #2E9E44; } .h2 { font-size: clamp(1.9rem,3.2vw,2.9rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.08; color: #FFFFFF; } .body { font-size: 0.975rem; color: #FFFFFF; line-height: 1.78; } @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulsedot { 0%,100%{opacity:1;box-shadow:0 0 8px rgba(46,158,68,0.7)}50%{opacity:0.4;box-shadow:0 0 3px rgba(46,158,68,0.3)} } @keyframes float1 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} } @keyframes float2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} } @keyframes float3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} } @keyframes float4 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} } @keyframes float5 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} } @keyframes float6 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} } .btn-green { display:inline-flex;align-items:center;gap:8px;background:#2E9E44;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background 150ms,transform 150ms,box-shadow 150ms; } @media(hover:hover)and(pointer:fine){.btn-green:hover{background:#38B850;transform:translateY(-2px);box-shadow:0 8px 24px rgba(46,158,68,.35);}} .btn-green:active{transform:scale(0.97)!important;} .btn-ghost { display:inline-flex;align-items:center;gap:8px;background:transparent;color:#FFFFFF;padding:13px 28px;border-radius:7px;font-size:.92rem;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.15);transition:border-color 150ms,background 150ms; } @media(hover:hover)and(pointer:fine){.btn-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);}} #s-hero { background:#07091A; min-height:60vh; display:flex; align-items:center; } .hero-inner { position:relative;z-index:2;max-width:820px;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap; } .breadcrumb a { font-size:0.78rem;color:#FFFFFF;opacity:0.45;text-decoration:none;transition:opacity 150ms; } @media(hover:hover)and(pointer:fine){.breadcrumb a:hover{opacity:1}} .breadcrumb-sep { font-size:0.78rem;color:#FFFFFF;opacity:0.25; } .breadcrumb-cur { font-size:0.78rem;color:#2E9E44;font-weight:500; } .hero-inner h1 { font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.04;color:#FFFFFF;margin-bottom:22px; } .hero-inner h1 span { color:#2E9E44; } .hero-inner p { font-size:1.05rem;color:#FFFFFF;line-height:1.74;max-width:640px;margin-bottom:40px; } .hero-actions { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px; } .hero-pills { display:flex;flex-wrap:wrap;gap:8px; } .pill { display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);font-size:0.78rem;font-weight:500;color:#FFFFFF; } .pill-dot { width:5px;height:5px;border-radius:50%;background:#2E9E44;flex-shrink:0; } #s-cap { background:#060810; } .cap-header { margin-bottom:52px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .fgrid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:2;perspective:1200px; } .fcard { background:linear-gradient(160deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:28px 24px 36px;position:relative;overflow:hidden;display:block;color:inherit;text-decoration:none;transition:border-color 160ms cubic-bezier(0.23,1,0.32,1),box-shadow 240ms cubic-bezier(0.23,1,0.32,1); } .fcard.f1{animation:fadeUp 0.5s 0.03s cubic-bezier(0.23,1,0.32,1) both,float1 6s 0.5s ease-in-out infinite} .fcard.f2{animation:fadeUp 0.5s 0.07s cubic-bezier(0.23,1,0.32,1) both,float2 7s 0.8s ease-in-out infinite} .fcard.f3{animation:fadeUp 0.5s 0.11s cubic-bezier(0.23,1,0.32,1) both,float3 5.5s 0.3s ease-in-out infinite} .fcard.f4{animation:fadeUp 0.5s 0.15s cubic-bezier(0.23,1,0.32,1) both,float4 8s 1s ease-in-out infinite} .fcard.f5{animation:fadeUp 0.5s 0.19s cubic-bezier(0.23,1,0.32,1) both,float5 6.5s 0.6s ease-in-out infinite} .fcard.f6{animation:fadeUp 0.5s 0.23s cubic-bezier(0.23,1,0.32,1) both,float6 7.5s 1.2s ease-in-out infinite} .fcard::before{content:”;position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.45),transparent);opacity:0;transition:opacity 200ms} .fcard::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 60%);opacity:0;transition:opacity 250ms;pointer-events:none} @media(hover:hover)and(pointer:fine){.fcard:hover{border-color:rgba(46,158,68,0.42);box-shadow:0 20px 52px rgba(0,0,0,.5),0 0 30px rgba(46,158,68,.07)}.fcard:hover::before,.fcard:hover::after{opacity:1}} .fcard:active{transform:scale(0.98)!important} .fcard-ico{font-size:1.6rem;margin-bottom:16px;line-height:1;position:relative;z-index:1} .fcard-title{font-size:1rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3;position:relative;z-index:1} .fcard-body{font-size:0.835rem;color:#FFFFFF;line-height:1.68;position:relative;z-index:1} #s-how { background:#07091A; } .how-grid { display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;position:relative;z-index:2;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .steps { display:flex;flex-direction:column;gap:3px; } .step { display:flex;align-items:flex-start;gap:20px;padding:22px 24px;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;transition:border-color 160ms,background 160ms; } @media(hover:hover)and(pointer:fine){.step:hover{border-color:rgba(46,158,68,0.35);background:linear-gradient(145deg,#111440,#0d1035)}} .step-num { width:36px;height:36px;border-radius:50%;flex-shrink:0;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.28);display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:700;color:#2E9E44; } .step h3 { font-size:0.95rem;font-weight:600;color:#FFFFFF;margin-bottom:5px; } .step p { font-size:0.845rem;color:#FFFFFF;line-height:1.62; } #s-use { background:#060810; } .use-header { margin-bottom:48px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .use-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2; } .use-card { background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:32px 28px;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both;transition:border-color 160ms,box-shadow 220ms; } .use-card:nth-child(1){animation-delay:.04s}.use-card:nth-child(2){animation-delay:.09s}.use-card:nth-child(3){animation-delay:.14s}.use-card:nth-child(4){animation-delay:.19s} @media(hover:hover)and(pointer:fine){.use-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 14px 36px rgba(0,0,0,.4)}} .use-tag { display:inline-flex;align-items:center;gap:7px;font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#2E9E44;background:rgba(46,158,68,0.1);border:1px solid rgba(46,158,68,0.2);border-radius:4px;padding:4px 10px;margin-bottom:16px; } .use-card h3 { font-size:1.05rem;font-weight:600;color:#FFFFFF;margin-bottom:10px;line-height:1.3; } .use-card p { font-size:0.855rem;color:#FFFFFF;line-height:1.7; } #s-africa { background:#07091A; } .africa-inner { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.25);border-radius:20px;padding:clamp(44px,8vw,80px) clamp(28px,8vw,72px);overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both; } .africa-inner::before{content:”;position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)} .africa-inner::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.07),transparent 55%);pointer-events:none} .africa-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; } .africa-points { display:flex;flex-direction:column;gap:12px; } .africa-point { display:flex;align-items:flex-start;gap:12px; } .africa-point-dot { width:20px;height:20px;border-radius:50%;background:rgba(46,158,68,0.12);border:1px solid rgba(46,158,68,0.32);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px; } .africa-point-dot svg { width:9px;height:9px; } .africa-point span { font-size:0.9rem;color:#FFFFFF;line-height:1.55; } #s-related { background:#060810; } .related-header { margin-bottom:40px;position:relative;z-index:2;animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .related-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2; } .related-card { display:block;text-decoration:none;color:inherit;background:linear-gradient(145deg,#0D1033,#090C22);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:24px 22px;transition:border-color 160ms,box-shadow 200ms,transform 200ms cubic-bezier(0.23,1,0.32,1);animation:fadeUp 0.5s cubic-bezier(0.23,1,0.32,1) both; } .related-card:nth-child(1){animation-delay:.04s}.related-card:nth-child(2){animation-delay:.09s}.related-card:nth-child(3){animation-delay:.14s} @media(hover:hover)and(pointer:fine){.related-card:hover{border-color:rgba(46,158,68,0.35);box-shadow:0 10px 28px rgba(0,0,0,.4);transform:translateY(-3px)}} .related-card:active{transform:scale(0.98)!important} .related-ico { font-size:1.4rem;margin-bottom:12px; } .related-title { font-size:0.92rem;font-weight:600;color:#FFFFFF;margin-bottom:6px; } .related-desc { font-size:0.8rem;color:#FFFFFF;line-height:1.6; } .related-link { display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:600;color:#2E9E44;margin-top:12px;transition:gap 150ms; } @media(hover:hover)and(pointer:fine){.related-card:hover .related-link{gap:9px}} #s-cta { background:#07091A; } .cta-box { position:relative;z-index:2;background:linear-gradient(145deg,#0D1140,#090C2E);border:1px solid rgba(46,158,68,0.28);border-radius:20px;padding:clamp(48px,8vw,88px) clamp(28px,8vw,80px);text-align:center;overflow:hidden;animation:fadeUp 0.55s cubic-bezier(0.23,1,0.32,1) both } .cta-box::before{content:”;position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,158,68,.6),transparent)} .cta-box::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(46,158,68,.08),transparent 55%);pointer-events:none} .cta-box h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;letter-spacing:-0.025em;line-height:1.08;color:#FFFFFF;margin-bottom:16px;position:relative;z-index:1} .cta-box p{font-size:.97rem;color:#FFFFFF;max-width:460px;margin:0 auto 40px;line-height:1.7;position:relative;z-index:1} .cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1} @media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr;gap:40px}.africa-grid{grid-template-columns:1fr;gap:36px}.related-grid{grid-template-columns:1fr 1fr}} @media(max-width:480px){.fgrid{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.sec{padding:64px 20px}} @media(prefers-reduced-motion:reduce){.fcard{animation:fadeUp 0.01ms both !important}*{animation-duration:0.01ms !important}} Products\/Integrations\/E-commerce Connectors Every online sale recordedreconciled, and reported automatically Sync orders and payments from Shopify, WooCommerce, and other e-commerce platforms directly into Mutual Africa Pay. Every online sale automatically recorded, inventory updated, and financial records current \u2014 no manual entry, no delayed reconciliation. Get Started Contact Sales Shopify IntegrationWooCommerceAuto-RecordingInventory SyncReal-TimeMulti-Currency Capabilities Six e-commerce integration capabilities that eliminate manual sales reconciliation E-commerce connectors in Mutual Africa Pay close the gap between your online store and your financial records \u2014 every sale flows through automatically, keeping accounts, inventory, and reporting always current. \ud83d\udecd\ufe0fShopify Integration Connect your Shopify store to Mutual Africa Pay \u2014 every order, payment, and refund flows into your financial records automatically. Sales recorded by product, customer, and payment method. Inventory updated per sale. Revenue posted to the P&L in real time. No manual export from Shopify, no import into Mutual Africa Pay. \ud83d\uded2WooCommerce Integration Connect your WooCommerce store to Mutual Africa Pay \u2014 the same automatic recording, reconciliation, and reporting that Shopify delivers, for businesses running WooCommerce on WordPress. Every WooCommerce order processed and recorded automatically. \ud83d\udce6Automatic Inventory Updates Every e-commerce sale reduces the relevant product inventory in Mutual Africa Pay automatically \u2014 keeping your stock levels current across both your physical and online sales channels simultaneously. Low-stock alerts trigger when products approach threshold, regardless of which channel the stock was sold through. \ud83d\udcb0Multi-Currency Sales Recording E-commerce stores selling internationally receive payments in multiple currencies. Mutual Africa Pay records each sale in the transaction currency and converts to your reporting currency at the live exchange rate \u2014 giving accurate revenue reporting in your base currency regardless of which currency each customer pays in. \ud83d\udccaSales Reporting by Channel View sales performance by channel \u2014 separating online and in-person sales in reports. Understand the relative contribution of e-commerce versus POS versus direct invoicing to total revenue. Channel-level reporting available without any manual categorisation or data segmentation. \ud83d\udd04Refund & Return Recording E-commerce refunds and returns processed through your online store are recorded automatically in Mutual Africa Pay \u2014 reversing the original sale, updating inventory, and adjusting the P&L. No manual refund entries required, and<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1896,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2122","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mutualafricapay.com\/ng\/wp-json\/wp\/v2\/pages\/2122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mutualafricapay.com\/ng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mutualafricapay.com\/ng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/ng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/ng\/wp-json\/wp\/v2\/comments?post=2122"}],"version-history":[{"count":0,"href":"https:\/\/mutualafricapay.com\/ng\/wp-json\/wp\/v2\/pages\/2122\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/mutualafricapay.com\/ng\/wp-json\/wp\/v2\/pages\/1896"}],"wp:attachment":[{"href":"https:\/\/mutualafricapay.com\/ng\/wp-json\/wp\/v2\/media?parent=2122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}