{"id":37922,"date":"2026-08-11T08:23:11","date_gmt":"2026-08-11T08:23:11","guid":{"rendered":"https:\/\/resawod.com\/online\/"},"modified":"2026-08-14T12:10:43","modified_gmt":"2026-08-14T12:10:43","slug":"online","status":"publish","type":"page","link":"https:\/\/resawod.com\/en\/online\/","title":{"rendered":"Resapayments Online"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"37922\" class=\"elementor elementor-37922 elementor-37915\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09c4c04 e-flex e-con-boxed e-con e-parent\" data-id=\"09c4c04\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-443858b elementor-widget elementor-widget-html\" data-id=\"443858b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"en-GB\">\r\n<head>\r\n<meta charset=\"utf-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n\r\n<!-- Yoast SEO slug (for WordPress publish): resapayments-online -->\r\n<title>Resapayments Online | Resawod<\/title>\r\n<meta name=\"description\" content=\"Card payments built into Resawod: your athletes save their card once and payments repeat automatically, with no need to ask again or rely on third parties.\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&display=swap\">\r\n<style>\r\n  :root {\r\n    --yellow: #F8AF20;\r\n    --navy:   #21405A;\r\n    --cream:  #FBF1E0;\r\n    --lav:    #EEF0F8;\r\n    --ink-soft: #56697A;\r\n    --ink-mute: #8193A1;\r\n    --line:   #DCE0EC;\r\n    --r-card: 18px;\r\n    --r-lg:   24px;\r\n    --r-pill: 999px;\r\n    --shadow: 0 18px 40px -22px rgba(33,64,90,.28), 0 2px 6px rgba(33,64,90,.05);\r\n  }\r\n  *, *::before, *::after { box-sizing: border-box; }\r\n  html { scroll-behavior: smooth; }\r\n  body { margin: 0; background: var(--cream); color: var(--navy); font-family: 'Poppins', system-ui, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }\r\n  img { max-width: 100%; }\r\n\r\n  .icon { width: 20px; height: 20px; display: inline-block; vertical-align: middle; flex: none; }\r\n  svg.icon { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n  .wrap        { max-width: 1180px; margin: 0 auto; padding: 0 48px; }\r\n  .wrap-narrow { max-width: 860px; }\r\n  @media (max-width: 720px){ .wrap { padding: 0 22px; } }\r\n\r\n  a { color: inherit; }\r\n  :focus-visible { outline: 3px solid var(--yellow); outline-offset: 2px; }\r\n\r\n  .mark { background-image: linear-gradient(transparent 58%, rgba(248,175,32,.42) 58%, rgba(248,175,32,.42) 92%, transparent 92%); padding: 0 .04em; }\r\n  .hl { color: var(--yellow); }\r\n\r\n  .pill       { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 8px 16px; border-radius: var(--r-pill); }\r\n  .pill-cream { background: #F6E2BE; color: #9A6B12; }\r\n  .pill-lav   { background: #DDE2F2; color: var(--navy); }\r\n\r\n  .btn            { display: inline-flex; align-items: center; gap: 10px; font-family: inherit; font-weight: 700 !important; font-size: 16px; text-decoration: none !important; border: none; padding: 15px 30px; border-radius: var(--r-pill); cursor: pointer; transition: transform .15s, background .15s; }\r\n  .btn-yellow     { background: var(--yellow); color: var(--navy) !important; box-shadow: 0 10px 22px -10px rgba(248,175,32,.8); }\r\n  .btn-yellow:hover { background: #ffbf3e; transform: translateY(-1px); }\r\n  .btn-ghost-navy { background: transparent; color: var(--navy) !important; border: 1.5px solid var(--line); }\r\n  .btn-ghost-navy:hover { background: #fff; border-color: var(--navy); transform: translateY(-1px); }\r\n  .btn-ghost-dark { background: transparent; color: #fff !important; border: 1.5px solid rgba(255,255,255,.85); }\r\n  .btn-ghost-dark:hover { background: #fff; color: var(--navy) !important; transform: translateY(-1px); }\r\n  .btn-sm { padding: 10px 20px; font-size: 14px; }\r\n\r\n  \/* ================= HERO ================= *\/\r\n  .hero { padding: 64px 0 84px; }\r\n  .hero-top { display: grid; grid-template-columns: 1.05fr .95fr; gap: 60px; align-items: center; }\r\n  .hero-eyebrow { display: flex; align-items: center; gap: 10px; }\r\n  .hero-eyebrow .crumb { font-size: 13px; font-weight: 600; color: var(--ink-mute); }\r\n  .hero h1  { font-weight: 700; font-size: 46px; line-height: 1.12; letter-spacing: -.025em; margin: 22px 0 0; color: var(--navy); text-wrap: balance; }\r\n  .hero .lede { font-size: 19px; line-height: 1.6; color: var(--ink-soft); margin: 22px 0 0; max-width: 46ch; }\r\n  .hero .cta-row { display: flex; align-items: center; gap: 16px; margin-top: 32px; flex-wrap: wrap; }\r\n  .hero .microcopy { font-size: 13px; color: var(--ink-mute); margin-top: 14px; }\r\n\r\n  @media (max-width: 980px){\r\n    .hero-top { grid-template-columns: 1fr; }\r\n    .hero h1 { font-size: 34px; }\r\n  }\r\n\r\n  \/* --- Hero: before \/ with Resawod --- *\/\r\n  .kpi-wrap { position: relative; }\r\n  .kpi-card { background: #fff; border-radius: var(--r-lg); box-shadow: var(--shadow); padding: 26px; }\r\n\r\n  .split-grid { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; }\r\n  .split-label { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; display: block; margin-bottom: 12px; }\r\n  .split-label.bad { color: #C64545; }\r\n  .split-label.good { color: #2E8B57; }\r\n  .split-col:first-child { opacity: .82; }\r\n  .split-arrow { color: var(--ink-mute); }\r\n  .split-arrow .icon { width: 22px; height: 22px; }\r\n\r\n  .scatter { display: flex; flex-direction: column; gap: 8px; }\r\n  .scatter-row { display: flex; align-items: center; gap: 9px; padding: 10px 12px; border-radius: 10px; background: var(--lav); border: 1px dashed var(--line); font-size: 11.5px; font-weight: 600; color: var(--ink-soft); }\r\n  .scatter-row .icon { width: 15px; height: 15px; color: var(--ink-mute); }\r\n\r\n  .kpi-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\r\n  .kpi-grid.compact { grid-template-columns: 1fr; gap: 8px; }\r\n  .kpi-tile { background: var(--lav); border-radius: 14px; padding: 16px; }\r\n  .kpi-grid.compact .kpi-tile { padding: 11px 13px; display: flex; align-items: center; justify-content: space-between; }\r\n  .kpi-tile .lbl { font-size: 10.5px; font-weight: 700; color: var(--ink-mute); text-transform: uppercase; letter-spacing: .05em; }\r\n  .kpi-grid.compact .kpi-tile .lbl { margin: 0; }\r\n  .kpi-tile .val { font-size: 22px; font-weight: 700; color: var(--navy); margin-top: 6px; line-height: 1; }\r\n  .kpi-grid.compact .kpi-tile .val { margin: 0; font-size: 16px; }\r\n  .kpi-tile .delta { font-size: 11px; font-weight: 700; margin-top: 5px; color: #2E8B57; }\r\n\r\n  @media (max-width: 640px){ .split-grid { grid-template-columns: 1fr; } .split-arrow { transform: rotate(90deg); justify-self: center; } }\r\n\r\n  .float-chip { position: absolute; background: #fff; border-radius: 14px; box-shadow: var(--shadow); padding: 12px 16px; display: flex; align-items: center; gap: 10px; }\r\n  .float-chip .ic { width: 30px; height: 30px; border-radius: 9px; display: flex; align-items: center; justify-content: center; flex: none; }\r\n  .float-chip .ic .icon { width: 17px; height: 17px; }\r\n  .float-chip .txt .k { font-size: 12.5px; font-weight: 700; color: var(--navy); }\r\n  .float-chip .txt .v { font-size: 11px; color: var(--ink-mute); }\r\n  .chip-audience { left: -24px; bottom: 22px; }\r\n  .chip-audience .ic { background: var(--lav); } .chip-audience .ic .icon { color: var(--navy); }\r\n  .chip-nofile { right: -18px; top: -20px; }\r\n  .chip-nofile .ic { background: #E4F3EA; } .chip-nofile .ic .icon { color: #226B44; }\r\n  @media (max-width: 640px){ .float-chip { position: static; margin-top: 12px; width: fit-content; } }\r\n\r\n  \/* ================= PAIN ================= *\/\r\n  .pain { background: var(--lav); padding: 84px 0; }\r\n  .sec-head { max-width: 640px; }\r\n  .sec-head .pill { margin-bottom: 18px; }\r\n  .sec-head h2 { font-weight: 700; font-size: 32px; line-height: 1.18; letter-spacing: -.02em; margin: 0; color: var(--navy); text-wrap: balance; }\r\n  .sec-head p { font-size: 17px; line-height: 1.6; color: var(--ink-soft); margin: 16px 0 0; }\r\n\r\n  .pain-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 44px; }\r\n  .pain-card { background: #fff; border-radius: var(--r-card); padding: 26px 24px; box-shadow: 0 10px 26px -18px rgba(33,64,90,.25); }\r\n  .pain-card .ic { width: 42px; height: 42px; border-radius: 12px; background: #FDEAEA; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }\r\n  .pain-card .ic .icon { width: 22px; height: 22px; color: #C64545; }\r\n  .pain-card h3 { font-size: 16.5px; font-weight: 700; margin: 0 0 8px; color: var(--navy); }\r\n  .pain-card p { font-size: 14.5px; line-height: 1.55; color: var(--ink-soft); margin: 0; }\r\n  @media (max-width: 980px){ .pain-grid { grid-template-columns: 1fr 1fr; } }\r\n  @media (max-width: 620px){ .pain-grid { grid-template-columns: 1fr; } }\r\n\r\n  \/* ================= PILLARS (solution, sell-first) ================= *\/\r\n  .features { padding: 92px 0; background: var(--cream); }\r\n  .pillars { display: flex; flex-direction: column; gap: 24px; margin-top: 48px; }\r\n  .pillar { background: #fff; border-radius: var(--r-card); padding: 34px; box-shadow: var(--shadow); display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: start; }\r\n  .pillar-head { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }\r\n  .pillar-head .ic { width: 46px; height: 46px; border-radius: 13px; background: var(--navy); display: flex; align-items: center; justify-content: center; flex: none; }\r\n  .pillar-head .ic .icon { width: 23px; height: 23px; color: var(--yellow); }\r\n  .pillar-head h3 { font-size: 21px; font-weight: 700; margin: 0; color: var(--navy); line-height: 1.25; }\r\n  .pillar-lede { font-size: 15.5px; line-height: 1.6; color: var(--ink-soft); margin: 0; }\r\n  .pillar-points { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }\r\n  .pillar-points li { display: flex; align-items: center; gap: 12px; font-size: 14.5px; color: var(--navy); font-weight: 600; line-height: 1.45; }\r\n  .pillar-points li .ic { width: 24px; height: 24px; border-radius: 7px; background: var(--lav); display: flex; align-items: center; justify-content: center; flex: none; }\r\n  .pillar-points li .ic .icon { width: 14px; height: 14px; color: var(--navy); }\r\n  @media (max-width: 860px){ .pillar { grid-template-columns: 1fr; gap: 22px; padding: 28px; } }\r\n\r\n  \/* ================= FAIL CASES ================= *\/\r\n  .fails { padding: 84px 0; background: var(--lav); }\r\n  .fails .channels-grid { margin-top: 44px; }\r\n  .flow-step a { text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 2px; }\r\n\r\n  \/* ================= CHANNELS GRID ================= *\/\r\n  .channels-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 44px; }\r\n  .type-card { background: #fff; border-radius: var(--r-card); padding: 24px; box-shadow: 0 10px 26px -18px rgba(33,64,90,.25); }\r\n  .type-top { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }\r\n  .type-top .ic { width: 34px; height: 34px; border-radius: 10px; background: var(--lav); display: flex; align-items: center; justify-content: center; flex: none; }\r\n  .type-top .ic .icon { width: 18px; height: 18px; color: var(--navy); }\r\n  .type-name { font-weight: 700; font-size: 15.5px; color: var(--navy); }\r\n  .type-desc { font-size: 13.5px; line-height: 1.5; color: var(--ink-soft); margin: 0; }\r\n  @media (max-width: 820px){ .channels-grid { grid-template-columns: 1fr; } }\r\n\r\n  \/* ================= FLOW ================= *\/\r\n  .flow { background: var(--cream); padding: 84px 0; }\r\n  .flow-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 48px; position: relative; }\r\n  .flow-step { position: relative; padding: 0 20px; text-align: left; }\r\n  .flow-step:not(:last-child)::after { content: \"\"; position: absolute; top: 21px; right: -10px; width: calc(100% - 22px); height: 2px; background: repeating-linear-gradient(90deg, var(--line) 0 8px, transparent 8px 14px); }\r\n  .flow-num { width: 42px; height: 42px; border-radius: 50%; background: var(--navy); color: var(--yellow); font-weight: 700; font-size: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; position: relative; z-index: 1; }\r\n  .flow-step h3 { font-size: 15.5px; font-weight: 700; margin: 0 0 6px; color: var(--navy); }\r\n  .flow-step p { font-size: 13.5px; line-height: 1.5; color: var(--ink-soft); margin: 0; }\r\n  @media (max-width: 900px){ .flow-grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; } .flow-step:not(:last-child)::after { display: none; } }\r\n  @media (max-width: 560px){ .flow-grid { grid-template-columns: 1fr; } }\r\n\r\n  \/* ================= SIBLING MODULES ================= *\/\r\n  .siblings { padding: 84px 0; background: var(--lav); }\r\n  .sib-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 40px; }\r\n  .sib-card { display: flex; align-items: center; gap: 16px; background: #fff; border: 1px solid var(--line); border-radius: var(--r-card); padding: 22px; text-decoration: none; transition: transform .15s, box-shadow .15s; }\r\n  .sib-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); }\r\n  .sib-card .ic { width: 44px; height: 44px; border-radius: 12px; background: var(--lav); display: flex; align-items: center; justify-content: center; flex: none; }\r\n  .sib-card .ic .icon { width: 22px; height: 22px; color: var(--navy); }\r\n  .sib-card .t { font-weight: 700; font-size: 15px; color: var(--navy); }\r\n  .sib-card .s { font-size: 12.5px; color: var(--ink-mute); margin-top: 2px; }\r\n  .sib-card .go { margin-left: auto; color: var(--ink-mute); }\r\n  @media (max-width: 800px){ .sib-grid { grid-template-columns: 1fr; } }\r\n\r\n  \/* ================= FINAL CTA ================= *\/\r\n  .cta-final { background: var(--navy); color: #fff; padding: 90px 0; text-align: center; }\r\n  .cta-final h2 { font-weight: 700; font-size: 34px; line-height: 1.2; letter-spacing: -.02em; margin: 0 auto; max-width: 640px; color: #fff; text-wrap: balance; }\r\n  .cta-final p { font-size: 17px; color: rgba(255,255,255,.78); margin: 16px auto 0; max-width: 520px; }\r\n  .cta-final .cta-row { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 32px; flex-wrap: wrap; }\r\n<\/style>\r\n\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\r\n  <defs>\r\n    <symbol id=\"ic-people\" viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8.3\" r=\"2.5\"\/><path d=\"M4.2 19c0-2.8 2.1-4.6 4.8-4.6s4.8 1.8 4.8 4.6\"\/><circle cx=\"16.6\" cy=\"8.8\" r=\"2\"\/><path d=\"M14.9 14.5c2.1.3 3.6 1.9 3.6 4.3\"\/><\/symbol>\r\n    <symbol id=\"ic-wallet\" viewBox=\"0 0 24 24\"><path d=\"M4 7.5a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2V9\"\/><rect x=\"3\" y=\"9\" width=\"18\" height=\"11.5\" rx=\"2\"\/><path d=\"M15.5 14.2a1.3 1.3 0 1 0 0 2.6 1.3 1.3 0 0 0 0-2.6Z\" fill=\"currentColor\" stroke=\"none\"\/><\/symbol>\r\n    <symbol id=\"ic-repeat\" viewBox=\"0 0 24 24\"><path d=\"M6 7h9.5a3 3 0 0 1 3 3v1.5\"\/><path d=\"M13 4l3.5 3-3.5 3\"\/><path d=\"M18 17H8.5a3 3 0 0 1-3-3v-1.5\"\/><path d=\"M11 20l-3.5-3 3.5-3\"\/><\/symbol>\r\n    <symbol id=\"ic-file\" viewBox=\"0 0 24 24\"><path d=\"M7 3.5h7l4.5 4.5V20a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4.5a1 1 0 0 1 1-1Z\"\/><path d=\"M14 3.5V8h4.5\"\/><path d=\"M8.5 13h7M8.5 16.3h7M8.5 9.7h3\"\/><\/symbol>\r\n    <symbol id=\"ic-alert\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><path d=\"M12 7.5v5.5\"\/><circle cx=\"12\" cy=\"16.3\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/symbol>\r\n    <symbol id=\"ic-check\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><path d=\"M8.2 12.4 10.7 15 15.9 9.3\"\/><\/symbol>\r\n    <symbol id=\"ic-arrow-forward\" viewBox=\"0 0 24 24\"><path d=\"M4 12h15.5\"\/><path d=\"M14 6.5 19.5 12 14 17.5\"\/><\/symbol>\r\n    <symbol id=\"ic-question\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><path d=\"M9.5 9.3a2.5 2.5 0 1 1 3.6 2.2c-.9.5-1.1 1-1.1 2\"\/><circle cx=\"12\" cy=\"16.6\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/symbol>\r\n    <symbol id=\"ic-pen\" viewBox=\"0 0 24 24\"><path d=\"M4 20l1-4.2L15.8 5a1.8 1.8 0 0 1 2.5 0l.7.7a1.8 1.8 0 0 1 0 2.5L8.2 19l-4.2 1Z\"\/><path d=\"M14 6.8l3.2 3.2\"\/><\/symbol>\r\n    <symbol id=\"ic-shield\" viewBox=\"0 0 24 24\"><path d=\"M12 3.5 19 6.3v5.4c0 4.6-3 7.8-7 9-4-1.2-7-4.4-7-9V6.3Z\"\/><path d=\"M8.6 12 10.9 14.3 15.6 9.5\"\/><\/symbol>\r\n    <symbol id=\"ic-smartphone\" viewBox=\"0 0 24 24\"><rect x=\"7\" y=\"2.5\" width=\"10\" height=\"19\" rx=\"2\"\/><path d=\"M11 18.3h2\"\/><\/symbol>\r\n    <symbol id=\"ic-bolt\" viewBox=\"0 0 24 24\"><path d=\"M13 3 5.5 13.5H11L10.2 21 18.5 10H13Z\"\/><\/symbol>\r\n    <symbol id=\"ic-card\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"6\" width=\"18\" height=\"13\" rx=\"2.2\"\/><path d=\"M3 10.3h18\"\/><path d=\"M6.3 14.7h4.2\"\/><\/symbol>\r\n  <\/defs>\r\n<\/svg>\r\n\r\n<body>\r\n\r\n<main id=\"resapayments-online\">\r\n\r\n  <!-- ================= HERO ================= -->\r\n  <section class=\"hero\">\r\n    <div class=\"wrap hero-top\">\r\n      <div>\r\n        <div class=\"hero-eyebrow\">\r\n          <span class=\"pill pill-cream\">Control your business<\/span>\r\n          <span class=\"crumb\">\/ Resapayments Online<\/span>\r\n        <\/div>\r\n        <h1>Save the card once, and payments take care of themselves<\/h1>\r\n        <p class=\"lede\">The athlete saves their card once and that's it: every membership fee, voucher or purchase is charged automatically against that same card, with no need to ask for it again and no direct debit batches to manage.<\/p>\r\n        <div class=\"cta-row\">\r\n          <a class=\"btn btn-yellow\" href=\"https:\/\/resawod.com\/en\/demo\/\">Book your free demo<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kpi-wrap\">\r\n        <div class=\"kpi-card\">\r\n          <div class=\"split-grid\">\r\n            <div class=\"split-col\">\r\n              <span class=\"split-label bad\">Today<\/span>\r\n              <div class=\"scatter\">\r\n                <div class=\"scatter-row\"><svg class=\"icon\"><use href=\"#ic-card\"><\/use><\/svg>Asking for the card every time payment is due<\/div>\r\n                <div class=\"scatter-row\"><svg class=\"icon\"><use href=\"#ic-file\"><\/use><\/svg>Charging fees, vouchers and shop purchases separately<\/div>\r\n                <div class=\"scatter-row\"><svg class=\"icon\"><use href=\"#ic-question\"><\/use><\/svg>Which method does each athlete have saved?<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"split-arrow\"><svg class=\"icon\"><use href=\"#ic-arrow-forward\"><\/use><\/svg><\/div>\r\n            <div class=\"split-col\">\r\n              <span class=\"split-label good\">With Resawod<\/span>\r\n              <div class=\"kpi-grid compact\">\r\n                <div class=\"kpi-tile\"><span class=\"lbl\">Card<\/span><span class=\"val\">Saved<\/span><\/div>\r\n                <div class=\"kpi-tile\"><span class=\"lbl\">Payment<\/span><span class=\"val\">Automatic<\/span><\/div>\r\n                <div class=\"kpi-tile\"><span class=\"lbl\">If it fails<\/span><span class=\"val\">You know instantly<\/span><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"float-chip chip-audience\">\r\n          <span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-card\"><\/use><\/svg><\/span>\r\n          <span class=\"txt\"><span class=\"k\">Secure tokenisation<\/span><br><span class=\"v\">Never asked for again<\/span><\/span>\r\n        <\/div>\r\n        <div class=\"float-chip chip-nofile\">\r\n          <span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-shield\"><\/use><\/svg><\/span>\r\n          <span class=\"txt\"><span class=\"k\">We handle it for you<\/span><br><span class=\"v\">You don't touch a thing<\/span><\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= PAIN ================= -->\r\n  <section class=\"pain\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head\">\r\n        <span class=\"pill pill-lav\">The reality<\/span>\r\n        <h2>Taking card payments without an integrated system is still manual work<\/h2>\r\n        <p>Asking for the card every time, charging each type of payment separately, and not knowing who has which method saved turns something that should be automatic into constant admin. Here's what usually goes wrong.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"pain-grid\">\r\n        <div class=\"pain-card\">\r\n          <span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-card\"><\/use><\/svg><\/span>\r\n          <h3>Asking for the card on every payment<\/h3>\r\n          <p>Without tokenisation, every membership fee, voucher or purchase means asking for the card details all over again.<\/p>\r\n        <\/div>\r\n        <div class=\"pain-card\">\r\n          <span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-repeat\"><\/use><\/svg><\/span>\r\n          <h3>A different process for every type of payment<\/h3>\r\n          <p>Without automation, charging membership fees, vouchers or shop purchases is handled separately, one by one.<\/p>\r\n        <\/div>\r\n        <div class=\"pain-card\">\r\n          <span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-question\"><\/use><\/svg><\/span>\r\n          <h3>You don't know which method each athlete has<\/h3>\r\n          <p>Without a central record, checking which card each athlete has saved means going through them case by case.<\/p>\r\n        <\/div>\r\n        <div class=\"pain-card\">\r\n          <span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-file\"><\/use><\/svg><\/span>\r\n          <h3>Reconciling who's paid, by hand<\/h3>\r\n          <p>Without a single dashboard, confirming who's paid, when and with which method falls back on the gym's team.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= PILLARS (sell-first) ================= -->\r\n  <section class=\"features\" id=\"funcionalidad\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head\">\r\n        <span class=\"pill pill-cream\">The solution<\/span>\r\n        <h2>Card payments, inside Resawod, from start to finish<\/h2>\r\n        <p>You're not bolting on a separate payment gateway: the card is saved, the payment goes through and failed payments are handled without leaving your dashboard.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"pillars\">\r\n        <div class=\"pillar\">\r\n          <div>\r\n            <div class=\"pillar-head\">\r\n              <span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-card\"><\/use><\/svg><\/span>\r\n              <h3>One card, multiple payments<\/h3>\r\n            <\/div>\r\n            <p class=\"pillar-lede\">The card is tokenised once and saved to the athlete's profile: the same card works for the membership fee, a voucher, a shop purchase or a one-off charge.<\/p>\r\n          <\/div>\r\n          <ul class=\"pillar-points\">\r\n            <li><span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-check\"><\/use><\/svg><\/span>Secure tokenisation, no need to ask for the card again<\/li>\r\n            <li><span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-check\"><\/use><\/svg><\/span>Automatic payment of fees, vouchers, shop purchases and one-off charges with the same method<\/li>\r\n            <li><span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-check\"><\/use><\/svg><\/span>If the bank rejects the charge, you know instantly, not days later as with a bank return<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"pillar\">\r\n          <div>\r\n            <div class=\"pillar-head\">\r\n              <span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-shield\"><\/use><\/svg><\/span>\r\n              <h3>We handle Resapayments for you<\/h3>\r\n            <\/div>\r\n            <p class=\"pillar-lede\">You don't sign up for a separate payment gateway or manage the relationship with the bank yourself: card payments run inside Resawod, from start to finish.<\/p>\r\n          <\/div>\r\n          <ul class=\"pillar-points\">\r\n            <li><span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-check\"><\/use><\/svg><\/span>The whole process lives inside your Resawod dashboard<\/li>\r\n            <li><span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-check\"><\/use><\/svg><\/span>No separate integrations or contracts to maintain<\/li>\r\n            <li><span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-check\"><\/use><\/svg><\/span>One single place to see who's paid, when, and the last 4 digits of their card<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"pillar\">\r\n          <div>\r\n            <div class=\"pillar-head\">\r\n              <span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-pen\"><\/use><\/svg><\/span>\r\n              <h3>The card is saved at sign-up, without friction<\/h3>\r\n            <\/div>\r\n            <p class=\"pillar-lede\">The card is added as a payment method and saved right there: from the gym's dashboard, from express sign-up, or from the athlete's own app.<\/p>\r\n          <\/div>\r\n          <ul class=\"pillar-points\">\r\n            <li><span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-check\"><\/use><\/svg><\/span>Entered once, no paperwork<\/li>\r\n            <li><span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-check\"><\/use><\/svg><\/span>Also available in express sign-up, without staff needing to step in<\/li>\r\n            <li><span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-check\"><\/use><\/svg><\/span>Athletes can save it or change it themselves from the app<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= FAIL CASES ================= -->\r\n  <section class=\"fails\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head\">\r\n        <span class=\"pill pill-cream\">The owner's question<\/span>\r\n        <h2>What if the card's expired, has no funds, or the bank rejects it?<\/h2>\r\n        <p>It doesn't matter which one: the system reacts the same way in all three cases, without you having to find out first or chase the payment by hand.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"channels-grid\">\r\n        <div class=\"type-card\">\r\n          <div class=\"type-top\">\r\n            <span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-card\"><\/use><\/svg><\/span>\r\n            <span class=\"type-name\">Expired card<\/span>\r\n          <\/div>\r\n          <p class=\"type-desc\">The charge is rejected on the spot; the system picks it up just like any other failed payment.<\/p>\r\n        <\/div>\r\n        <div class=\"type-card\">\r\n          <div class=\"type-top\">\r\n            <span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-alert\"><\/use><\/svg><\/span>\r\n            <span class=\"type-name\">Insufficient funds<\/span>\r\n          <\/div>\r\n          <p class=\"type-desc\">The bank declines the charge; it's handled exactly the same as an expired card or a direct rejection.<\/p>\r\n        <\/div>\r\n        <div class=\"type-card\">\r\n          <div class=\"type-top\">\r\n            <span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-shield\"><\/use><\/svg><\/span>\r\n            <span class=\"type-name\">Bank rejection<\/span>\r\n          <\/div>\r\n          <p class=\"type-desc\">Any reason for rejection triggers the same automatic process, regardless of the cause.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= FLOW ================= -->\r\n  <section class=\"flow\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head\">\r\n        <span class=\"pill pill-cream\">At a glance<\/span>\r\n        <h2>From saving the card to a payment sorted<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"flow-grid\">\r\n        <div class=\"flow-step\">\r\n          <div class=\"flow-num\">1<\/div>\r\n          <h3>The athlete saves their card<\/h3>\r\n          <p>From the gym, from express sign-up or from their own app: it's tokenised once.<\/p>\r\n        <\/div>\r\n        <div class=\"flow-step\">\r\n          <div class=\"flow-num\">2<\/div>\r\n          <h3>The payment goes through on its own, whenever it's due<\/h3>\r\n          <p>Resapayments charges that card, whether it's the membership fee, a voucher, a purchase or a one-off charge.<\/p>\r\n        <\/div>\r\n        <div class=\"flow-step\">\r\n          <div class=\"flow-num\">3<\/div>\r\n          <h3>If it fails, it's retried and flagged automatically<\/h3>\r\n          <p>The system retries on the schedule Resapayments manages, and the athlete is notified instantly; they can also sort it themselves from their app.<\/p>\r\n        <\/div>\r\n        <div class=\"flow-step\">\r\n          <div class=\"flow-num\">4<\/div>\r\n          <h3>If it keeps failing, access is blocked or a penalty applied<\/h3>\r\n          <p>Your own <a href=\"https:\/\/resawod.com\/en\/daily-automation\/\">Daily automation<\/a> rules kick in: blocked access, a penalty, or both.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= SIBLING MODULES ================= -->\r\n  <section class=\"siblings\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head\">\r\n        <span class=\"pill pill-cream\">Works alongside<\/span>\r\n        <h2>These are the other ways to process the same payment<\/h2>\r\n        <p>Card, direct debit or an in-person card terminal: pick whichever fits each athlete best, all within Resapayments.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sib-grid\">\r\n        <a class=\"sib-card\" href=\"https:\/\/resawod.com\/en\/sepa\/\">\r\n          <span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-file\"><\/use><\/svg><\/span>\r\n          <span><span class=\"t\">Resapayments SEPA<\/span><br><span class=\"s\">The same payment, handled by us, but via direct debit<\/span><\/span>\r\n          <span class=\"go\"><svg class=\"icon\"><use href=\"#ic-arrow-forward\"><\/use><\/svg><\/span>\r\n        <\/a>\r\n        <a class=\"sib-card\" href=\"https:\/\/resawod.com\/en\/in-person-payments\/\">\r\n          <span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-wallet\"><\/use><\/svg><\/span>\r\n          <span><span class=\"t\">Resapayments TPV<\/span><br><span class=\"s\">The same payment, with an in-person card terminal at the gym<\/span><\/span>\r\n          <span class=\"go\"><svg class=\"icon\"><use href=\"#ic-arrow-forward\"><\/use><\/svg><\/span>\r\n        <\/a>\r\n        <a class=\"sib-card\" href=\"https:\/\/resawod.com\/en\/payment-automation\/\">\r\n          <span class=\"ic\"><svg class=\"icon\"><use href=\"#ic-repeat\"><\/use><\/svg><\/span>\r\n          <span><span class=\"t\">Payment automation<\/span><br><span class=\"s\">How the charge is executed, whatever method is saved<\/span><\/span>\r\n          <span class=\"go\"><svg class=\"icon\"><use href=\"#ic-arrow-forward\"><\/use><\/svg><\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= FINAL CTA ================= -->\r\n  <section class=\"cta-final\">\r\n    <div class=\"wrap\">\r\n      <h2>Ready to stop chasing card payments by hand?<\/h2>\r\n      <p>See how the card is saved and payments take care of themselves, inside your own gym.<\/p>\r\n      <div class=\"cta-row\">\r\n        <a class=\"btn btn-yellow\" href=\"https:\/\/resawod.com\/en\/demo\/\">Book your free demo<\/a>\r\n        <a class=\"btn btn-ghost-dark\" href=\"https:\/\/resawod.com\/en\/prices\/\">Calculate pricing<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/main>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Card payments built into Resawod: your athletes save their card once and payments repeat automatically, with no need to ask again or rely on third parties.<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-37922","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Resapayments Online | Resawod<\/title>\n<meta name=\"description\" content=\"Card payments built into Resawod: your athletes save their card once and payments repeat automatically, with no need to ask again or rely on third parties.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/resawod.com\/en\/online\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Resapayments Online | Resawod\" \/>\n<meta property=\"og:description\" content=\"Card payments built into Resawod: your athletes save their card once and payments repeat automatically, with no need to ask again or rely on third parties.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/resawod.com\/en\/online\/\" \/>\n<meta property=\"og:site_name\" content=\"Resawod\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-14T12:10:43+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/resawod.com\/en\/online\/\",\"url\":\"https:\/\/resawod.com\/en\/online\/\",\"name\":\"Resapayments Online | Resawod\",\"isPartOf\":{\"@id\":\"https:\/\/resawod.com\/en\/#website\"},\"datePublished\":\"2026-08-11T08:23:11+00:00\",\"dateModified\":\"2026-08-14T12:10:43+00:00\",\"description\":\"Card payments built into Resawod: your athletes save their card once and payments repeat automatically, with no need to ask again or rely on third parties.\",\"breadcrumb\":{\"@id\":\"https:\/\/resawod.com\/en\/online\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/resawod.com\/en\/online\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/resawod.com\/en\/online\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/resawod.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resapayments Online\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/resawod.com\/en\/#website\",\"url\":\"https:\/\/resawod.com\/en\/\",\"name\":\"Resawod\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/resawod.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/resawod.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/resawod.com\/en\/#organization\",\"name\":\"Resawod\",\"url\":\"https:\/\/resawod.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/resawod.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/resawod.com\/wp-content\/uploads\/sites\/7\/2025\/06\/resawod_Sitelogo.svg\",\"contentUrl\":\"https:\/\/resawod.com\/wp-content\/uploads\/sites\/7\/2025\/06\/resawod_Sitelogo.svg\",\"width\":350,\"height\":65,\"caption\":\"Resawod\"},\"image\":{\"@id\":\"https:\/\/resawod.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Resapayments Online | Resawod","description":"Card payments built into Resawod: your athletes save their card once and payments repeat automatically, with no need to ask again or rely on third parties.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/resawod.com\/en\/online\/","og_locale":"en_US","og_type":"article","og_title":"Resapayments Online | Resawod","og_description":"Card payments built into Resawod: your athletes save their card once and payments repeat automatically, with no need to ask again or rely on third parties.","og_url":"https:\/\/resawod.com\/en\/online\/","og_site_name":"Resawod","article_modified_time":"2026-08-14T12:10:43+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/resawod.com\/en\/online\/","url":"https:\/\/resawod.com\/en\/online\/","name":"Resapayments Online | Resawod","isPartOf":{"@id":"https:\/\/resawod.com\/en\/#website"},"datePublished":"2026-08-11T08:23:11+00:00","dateModified":"2026-08-14T12:10:43+00:00","description":"Card payments built into Resawod: your athletes save their card once and payments repeat automatically, with no need to ask again or rely on third parties.","breadcrumb":{"@id":"https:\/\/resawod.com\/en\/online\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/resawod.com\/en\/online\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/resawod.com\/en\/online\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/resawod.com\/en\/"},{"@type":"ListItem","position":2,"name":"Resapayments Online"}]},{"@type":"WebSite","@id":"https:\/\/resawod.com\/en\/#website","url":"https:\/\/resawod.com\/en\/","name":"Resawod","description":"","publisher":{"@id":"https:\/\/resawod.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/resawod.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/resawod.com\/en\/#organization","name":"Resawod","url":"https:\/\/resawod.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/resawod.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/resawod.com\/wp-content\/uploads\/sites\/7\/2025\/06\/resawod_Sitelogo.svg","contentUrl":"https:\/\/resawod.com\/wp-content\/uploads\/sites\/7\/2025\/06\/resawod_Sitelogo.svg","width":350,"height":65,"caption":"Resawod"},"image":{"@id":"https:\/\/resawod.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/resawod.com\/en\/wp-json\/wp\/v2\/pages\/37922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/resawod.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/resawod.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/resawod.com\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/resawod.com\/en\/wp-json\/wp\/v2\/comments?post=37922"}],"version-history":[{"count":4,"href":"https:\/\/resawod.com\/en\/wp-json\/wp\/v2\/pages\/37922\/revisions"}],"predecessor-version":[{"id":38176,"href":"https:\/\/resawod.com\/en\/wp-json\/wp\/v2\/pages\/37922\/revisions\/38176"}],"wp:attachment":[{"href":"https:\/\/resawod.com\/en\/wp-json\/wp\/v2\/media?parent=37922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}