{"id":4934,"date":"2021-05-10T13:13:23","date_gmt":"2021-05-10T13:13:23","guid":{"rendered":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/?post_type=download&#038;p=4934"},"modified":"2026-10-08T12:27:23","modified_gmt":"2026-10-08T12:27:23","slug":"custom-payment-gateways-for-woocommerce","status":"publish","type":"download","link":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/custom-payment-gateways-for-woocommerce\/","title":{"rendered":"Custom Payment Gateways for WooCommerce"},"content":{"rendered":"<nav aria-label=\"Custom Payment Gateways for WooCommerce\" class=\"sticky top-0 z-30 border-b border-hairline bg-surface\/95 backdrop-blur transition-shadow\" data-active-class=\"inline-flex rounded-md px-2.5 py-1.5 text-[13px] font-semibold whitespace-nowrap transition-colors text-ink-soft hover:text-ink\" data-inactive-class=\"inline-flex rounded-md px-2.5 py-1.5 text-[13px] font-semibold whitespace-nowrap transition-colors text-ink-soft hover:text-ink\" data-product-nav=\"\">\n\t<div class=\"mx-auto flex max-w-7xl items-center gap-4 px-4 py-2.5 sm:px-6\">\n\t\t<p class=\"hidden min-w-0 shrink-0 truncate text-[13px] font-extrabold text-ink lg:block lg:max-w-[240px]\">Custom Payment Gateways for WooCommerce<\/p>\n\t\t<ul id=\"sticky-nav\" class=\"hidden min-w-0 flex-1 items-center gap-1 overflow-x-auto lg:flex\">\n\t\t\t<li><a class=\"inline-flex rounded-md px-2.5 py-1.5 text-[13px] font-semibold whitespace-nowrap transition-colors text-ink-soft hover:text-ink\" href=\"#problems\" aria-current=\"true\">Overview<\/a><\/li>\n\t\t\t<li><a class=\"inline-flex rounded-md px-2.5 py-1.5 text-[13px] font-semibold whitespace-nowrap transition-colors text-ink-soft hover:text-ink\" href=\"#features\">Features<\/a><\/li>\n\t\t\t<li><a class=\"inline-flex rounded-md px-2.5 py-1.5 text-[13px] font-semibold whitespace-nowrap transition-colors text-ink-soft hover:text-ink\" href=\"#use-cases\">Use Cases<\/a><\/li>\n\t\t\t<li><a class=\"inline-flex rounded-md px-2.5 py-1.5 text-[13px] font-semibold whitespace-nowrap transition-colors text-ink-soft hover:text-ink\" href=\"#compare\">Free vs Pro<\/a><\/li>\n\t\t\t<li><a class=\"inline-flex rounded-md px-2.5 py-1.5 text-[13px] font-semibold whitespace-nowrap transition-colors text-ink-soft hover:text-ink\" href=\"#pricing\">Pricing<\/a><\/li>\n\t\t\t<li><a class=\"inline-flex rounded-md px-2.5 py-1.5 text-[13px] font-semibold whitespace-nowrap transition-colors text-ink-soft hover:text-ink\" href=\"#faq\">FAQ<\/a><\/li>\n\t\t<\/ul>\n\t\t<div class=\"relative min-w-0 flex-1 lg:hidden\">\n\t\t\t<label class=\"sr-only\" for=\"product-nav-select\">Jump to section<\/label>\n\t\t\t<select class=\"w-full appearance-none rounded-md border border-hairline bg-surface py-2 pr-9 pl-3 text-[13px] font-semibold text-ink\" id=\"product-nav-select\">\n\t\t\t\t<option selected=\"\" value=\"problems\">Overview<\/option>\n\t\t\t\t<option value=\"features\">Features<\/option>\n\t\t\t\t<option value=\"use-cases\">Use Cases<\/option>\n\t\t\t\t<option value=\"compare\">Free vs Pro<\/option>\n\t\t\t\t<option value=\"pricing\">Pricing<\/option>\n\t\t\t\t<option value=\"faq\">FAQ<\/option>\n\t\t\t<\/select>\n\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down pointer-events-none absolute top-1\/2 right-3 h-4 w-4 -translate-y-1\/2 text-ink-soft\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/div><a class=\"inline-flex shrink-0 items-center rounded-md bg-brand px-3.5 py-2 text-[13px] font-semibold whitespace-nowrap text-brand-foreground transition-colors hover:bg-brand-deep\" href=\"#pricing\">Buy Pro<\/a><\/div>\n\t<\/nav>\n<section class=\"relative overflow-hidden border-b border-hairline bg-surface-alt\">\n\t<div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-y-0 right-0 left-[58%] hidden bg-brand-deep lg:block\"><\/div>\n\t<div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-y-0 left-[50%] hidden w-[10%] bg-brand-deep lg:block lg:[clip-path:polygon(100%_0,100%_100%,20%_100%,75%_0)]\"><\/div>\n\t<div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-y-0 right-0 left-[58%] hidden opacity-[0.16] lg:block x-1\"><\/div>\n\t<div class=\"relative mx-auto grid max-w-7xl gap-12 px-4 py-14 sm:px-6 lg:grid-cols-[1.04fr_1fr] lg:items-center lg:gap-16 lg:py-20\">\n\t\t<div class=\"lg:pr-10\">\n\t\t\t\t\t\t\t<p class=\"inline-flex items-center rounded-full border border-hairline bg-surface px-3 py-1.5 text-[12px] font-semibold text-brand\">\n\t\t\t\t\tWooCommerce Payment Plugin\t\t\t\t<\/p>\n\t\t\t\n\t\t\t\t\t\t\t<h1 class=\"mt-5 max-w-[24ch] text-[29px] leading-[1.12] font-extrabold text-ink sm:text-[40px] lg:text-[46px]\">\n\t\t\t\t\tCreate custom WooCommerce payment methods without writing a payment gateway\t\t\t\t<\/h1>\n\t\t\t\n\t\t\t\t\t\t\t<p class=\"mt-5 max-w-[54ch] text-[16px] leading-[1.7] text-ink-soft sm:text-[17px]\">\n\t\t\t\t\tCreate manual and offline payment methods for WooCommerce with your own names, instructions, fields, fees and availability rules.\t\t\t\t<\/p>\n\t\t\t\n\t\t\t<div class=\"mt-8 flex flex-col gap-3 sm:flex-row sm:items-center\">\n\t\t\t\t\t\t\t\t\t<a class=\"inline-flex items-center justify-center gap-2 rounded-lg bg-brand px-6 py-3.5 text-[15px] font-semibold whitespace-nowrap text-brand-foreground transition-colors hover:bg-brand-deep\" href=\"#pricing\" target=\"_self\">\n\t\t\t\t\t\tBuy Pro\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t<\/a>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a class=\"inline-flex items-center justify-center rounded-lg border border-brand\/30 bg-surface px-6 py-3.5 text-[15px] font-semibold whitespace-nowrap text-brand transition-colors hover:bg-brand\/8\" href=\"#compare\" target=\"_self\">\n\t\t\t\t\t\tTry Free Version\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<ul class=\"mt-5 flex flex-wrap items-center gap-x-5 gap-y-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<a class=\"text-[13.5px] font-semibold text-ink-soft underline decoration-hairline decoration-2 underline-offset-4 transition-colors hover:text-brand\" href=\"#how-it-works\" target=\"_self\">\n\t\t\t\t\t\t\t\t\tView Demo\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<a class=\"text-[13.5px] font-semibold text-ink-soft underline decoration-hairline decoration-2 underline-offset-4 transition-colors hover:text-brand\" href=\"#technical\" target=\"_self\">\n\t\t\t\t\t\t\t\t\tDocumentation\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\n\t\t\t\t\t\t\t<ul class=\"mt-8 grid max-w-[46ch] gap-2.5 sm:grid-cols-2 lg:max-w-none\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] font-medium text-ink-soft\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<span>Multiple custom gateways<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] font-medium text-ink-soft\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<span>Custom checkout fields<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] font-medium text-ink-soft\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<span>Conditional rules<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] font-medium text-ink-soft\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<span>Updates and support included<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\n\t\t\t\t\t\t\t<div class=\"mt-7 flex flex-col gap-3 sm:flex-row sm:flex-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"inline-flex items-center gap-2.5 rounded-lg border-2 border-brand\/40 bg-surface px-3.5 py-2.5 shadow-sm\">\n\t\t\t\t\t\t\t\t<span class=\"inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-brand text-brand-foreground\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check h-3.5 w-3.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<span class=\"text-[13.5px] font-bold text-ink\">\n\t\t\t\t\t\t\t\t\tHPOS<!-- --> <!-- -->Compatible\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"inline-flex items-center gap-2.5 rounded-lg border-2 border-brand\/40 bg-surface px-3.5 py-2.5 shadow-sm\">\n\t\t\t\t\t\t\t\t<span class=\"inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-brand text-brand-foreground\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check h-3.5 w-3.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<span class=\"text-[13.5px] font-bold text-ink\">\n\t\t\t\t\t\t\t\t\tCheckout<!-- --> <!-- -->Blocks<!-- --> <!-- -->Compatible\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"relative grid gap-4 sm:grid-cols-2 lg:gap-5\">\n\t\t\t<div class=\"space-y-4 lg:space-y-5\">\n\t\t\t\t<div aria-label=\"Interface preview: WooCommerce \u2192 Settings \u2192 Payments \u2192 Zelle\" class=\"overflow-hidden rounded-xl border border-hairline bg-surface shadow-card\" role=\"img\">\n\t\t\t\t\t<div class=\"flex items-center gap-2 border-b border-hairline bg-surface-alt px-3 py-2\">\n\t\t\t\t\t\t<span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span>\n\t\t\t\t\t\t<span class=\"ml-2 truncate text-[11px] font-medium text-ink-soft\">WooCommerce &rarr; Settings &rarr; Payments &rarr; Zelle<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"p-3\">\n\t\t\t\t\t\t<div class=\"space-y-2.5\">\n\t\t\t\t\t\t\t<label class=\"block\"><span class=\"block text-[10.5px] font-semibold text-ink-soft\">Payment method title<\/span><span class=\"mt-1 block truncate rounded-md border px-2.5 py-1.5 text-[11.5px] font-medium border-brand\/40 bg-brand\/5 text-brand\">Pay with Zelle<\/span><\/label>\n\t\t\t\t\t\t\t<label class=\"block\"><span class=\"block text-[10.5px] font-semibold text-ink-soft\">Description shown at checkout<\/span><span class=\"mt-1 block truncate rounded-md border px-2.5 py-1.5 text-[11.5px] font-medium border-hairline bg-surface text-ink\">Send payment to pay@store.com<\/span><\/label>\n\t\t\t\t\t\t\t<div class=\"grid grid-cols-2 gap-2.5\">\n\t\t\t\t\t\t\t\t<label class=\"block\"><span class=\"block text-[10.5px] font-semibold text-ink-soft\">Icon<\/span><span class=\"mt-1 block truncate rounded-md border px-2.5 py-1.5 text-[11.5px] font-medium border-hairline bg-surface text-ink\">zelle-logo.png<\/span><\/label>\n\t\t\t\t\t\t\t\t<label class=\"block\"><span class=\"block text-[10.5px] font-semibold text-ink-soft\">Order status<\/span><span class=\"mt-1 block truncate rounded-md border px-2.5 py-1.5 text-[11.5px] font-medium border-hairline bg-surface text-ink\">On hold<\/span><\/label>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"space-y-2 rounded-md border border-hairline bg-surface-alt px-2.5 py-2\">\n\t\t\t\t\t\t\t\t<span class=\"flex items-center justify-between gap-3\"><span class=\"truncate text-[11.5px] font-medium text-ink\">Enable this payment method<\/span><span class=\"flex h-4 w-7 shrink-0 items-center rounded-full px-0.5 justify-end bg-brand\"><span class=\"h-3 w-3 rounded-full bg-surface\"><\/span><\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"flex items-center justify-between gap-3\"><span class=\"truncate text-[11.5px] font-medium text-ink\">Show instructions in order email<\/span><span class=\"flex h-4 w-7 shrink-0 items-center rounded-full px-0.5 justify-end bg-brand\"><span class=\"h-3 w-3 rounded-full bg-surface\"><\/span><\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"flex items-center justify-between gap-3\"><span class=\"truncate text-[11.5px] font-medium text-ink\">Charge a handling fee<\/span><span class=\"flex h-4 w-7 shrink-0 items-center rounded-full px-0.5 bg-hairline\"><span class=\"h-3 w-3 rounded-full bg-surface\"><\/span><\/span><\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div aria-label=\"Interface preview: Custom fields for this method\" class=\"overflow-hidden rounded-xl border border-hairline bg-surface shadow-card\" role=\"img\">\n\t\t\t\t\t<div class=\"flex items-center gap-2 border-b border-hairline bg-surface-alt px-3 py-2\">\n\t\t\t\t\t\t<span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span>\n\t\t\t\t\t\t<span class=\"ml-2 truncate text-[11px] font-medium text-ink-soft\">Custom fields for this method<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"p-3\">\n\t\t\t\t\t\t<div class=\"space-y-2\">\n\t\t\t\t\t\t\t<div class=\"flex items-center gap-2 rounded-md border border-hairline px-2 py-1.5\"><span class=\"min-w-0 flex-1 truncate text-[11px] font-semibold text-ink\">Reference number<\/span><span class=\"shrink-0 rounded bg-ink\/5 px-1.5 py-0.5 text-[10px] font-semibold text-ink-soft\">Text<\/span><span class=\"shrink-0 text-[10px] font-semibold text-brand\">Required<\/span><\/div>\n\t\t\t\t\t\t\t<div class=\"flex items-center gap-2 rounded-md border border-hairline px-2 py-1.5\"><span class=\"min-w-0 flex-1 truncate text-[11px] font-semibold text-ink\">Payment date<\/span><span class=\"shrink-0 rounded bg-ink\/5 px-1.5 py-0.5 text-[10px] font-semibold text-ink-soft\">Date<\/span><span class=\"shrink-0 text-[10px] font-semibold text-ink-soft\">Optional<\/span><\/div>\n\t\t\t\t\t\t\t<div class=\"flex items-center gap-2 rounded-md border border-hairline px-2 py-1.5\"><span class=\"min-w-0 flex-1 truncate text-[11px] font-semibold text-ink\">Purchase order<\/span><span class=\"shrink-0 rounded bg-ink\/5 px-1.5 py-0.5 text-[10px] font-semibold text-ink-soft\">Text<\/span><span class=\"shrink-0 text-[10px] font-semibold text-brand\">Required<\/span><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"space-y-4 sm:mt-8 lg:space-y-5\">\n\t\t\t\t<div aria-label=\"Interface preview: Checkout \u2014 payment methods\" class=\"overflow-hidden rounded-xl border border-hairline bg-surface shadow-card\" role=\"img\">\n\t\t\t\t\t<div class=\"flex items-center gap-2 border-b border-hairline bg-surface-alt px-3 py-2\">\n\t\t\t\t\t\t<span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span>\n\t\t\t\t\t\t<span class=\"ml-2 truncate text-[11px] font-medium text-ink-soft\">Checkout \u2014 payment methods<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"p-3\">\n\t\t\t\t\t\t<ul class=\"space-y-1.5\">\n\t\t\t\t\t\t\t<li class=\"flex items-center gap-2 rounded-md border px-2.5 py-2 border-brand bg-brand\/5\"><span class=\"flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full border border-brand\"><span class=\"h-1.5 w-1.5 rounded-full bg-brand\"><\/span><\/span><span class=\"min-w-0 flex-1 truncate text-[11.5px] font-semibold text-brand\">Pay with Zelle<\/span><\/li>\n\t\t\t\t\t\t\t<li class=\"flex items-center gap-2 rounded-md border px-2.5 py-2 border-hairline\"><span class=\"flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full border border-hairline\"><\/span><span class=\"min-w-0 flex-1 truncate text-[11.5px] font-semibold text-ink\">Bank transfer (manual)<\/span><\/li>\n\t\t\t\t\t\t\t<li class=\"flex items-center gap-2 rounded-md border px-2.5 py-2 border-hairline\"><span class=\"flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full border border-hairline\"><\/span><span class=\"min-w-0 flex-1 truncate text-[11.5px] font-semibold text-ink\">Pay by invoice \u2014 Net 30<\/span><\/li>\n\t\t\t\t\t\t\t<li class=\"flex items-center gap-2 rounded-md border px-2.5 py-2 border-hairline\"><span class=\"flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full border border-hairline\"><\/span><span class=\"min-w-0 flex-1 truncate text-[11.5px] font-semibold text-ink\">Cash on delivery<\/span><\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<div class=\"mt-2.5 rounded-md border border-dashed border-brand\/40 bg-brand\/5 px-2.5 py-2\">\n\t\t\t\t\t\t\t<p class=\"text-[10.5px] font-semibold text-ink\">Zelle reference number<\/p><span class=\"mt-1 block h-5 rounded border border-hairline bg-surface\"><\/span>\n\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[10px] text-ink-soft\">Custom field added to this payment method<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<span class=\"mt-2.5 block rounded-md bg-brand px-3 py-2 text-center text-[11.5px] font-semibold text-brand-foreground\">Place order<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div aria-label=\"Interface preview: Gateway fee\" class=\"overflow-hidden rounded-xl border border-hairline bg-surface shadow-card\" role=\"img\">\n\t\t\t\t\t<div class=\"flex items-center gap-2 border-b border-hairline bg-surface-alt px-3 py-2\">\n\t\t\t\t\t\t<span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span>\n\t\t\t\t\t\t<span class=\"ml-2 truncate text-[11px] font-medium text-ink-soft\">Gateway fee<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"p-3\">\n\t\t\t\t\t\t<div class=\"grid grid-cols-2 gap-2.5\">\n\t\t\t\t\t\t\t<label class=\"block\"><span class=\"block text-[10.5px] font-semibold text-ink-soft\">Fee type<\/span><span class=\"mt-1 block truncate rounded-md border px-2.5 py-1.5 text-[11.5px] font-medium border-hairline bg-surface text-ink\">Fixed amount<\/span><\/label>\n\t\t\t\t\t\t\t<label class=\"block\"><span class=\"block text-[10.5px] font-semibold text-ink-soft\">Fee amount<\/span><span class=\"mt-1 block truncate rounded-md border px-2.5 py-1.5 text-[11.5px] font-medium border-brand\/40 bg-brand\/5 text-brand\">$2.50<\/span><\/label>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"mt-2.5 space-y-1.5 rounded-md border border-hairline bg-surface-alt px-2.5 py-2 text-[11px]\">\n\t\t\t\t\t\t\t<p class=\"flex justify-between gap-2\"><span class=\"text-ink-soft\">Subtotal<\/span><span class=\"font-semibold text-ink\">$180.00<\/span><\/p>\n\t\t\t\t\t\t\t<p class=\"flex justify-between gap-2\"><span class=\"text-ink-soft\">Zelle handling fee<\/span><span class=\"font-semibold text-brand\">$2.50<\/span><\/p>\n\t\t\t\t\t\t\t<p class=\"flex justify-between gap-2 border-t border-hairline pt-1.5\"><span class=\"font-semibold text-ink\">Total<\/span><span class=\"font-bold text-ink\">$182.50<\/span><\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\t<section class=\"border-b border-hairline bg-surface\" aria-label='Compatibility and capability highlights'>\n\t\t<div class=\"mx-auto grid max-w-7xl grid-cols-2 gap-x-8 gap-y-8 px-4 py-11 sm:grid-cols-3 sm:px-6 lg:grid-cols-6 lg:py-12\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0 border-l-2 border-brand\/20 pl-4\">\n\t\t\t\t\t\t<p class=\"text-[14.5px] leading-snug font-extrabold text-ink\">\n\t\t\t\t\t\t\tMultiple Custom Gateways \t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[12.5px] leading-snug font-medium text-ink-soft\">\n\t\t\t\t\t\t\t\tCreate as many manual methods as you need\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0 border-l-2 border-brand\/20 pl-4\">\n\t\t\t\t\t\t<p class=\"text-[14.5px] leading-snug font-extrabold text-ink\">\n\t\t\t\t\t\t\tCustom Fields\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[12.5px] leading-snug font-medium text-ink-soft\">\n\t\t\t\t\t\t\t\tCollect details per payment method\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0 border-l-2 border-brand\/20 pl-4\">\n\t\t\t\t\t\t<p class=\"text-[14.5px] leading-snug font-extrabold text-ink\">\n\t\t\t\t\t\t\tConditional Rules \t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[12.5px] leading-snug font-medium text-ink-soft\">\n\t\t\t\t\t\t\t\tControl when each method appears\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0 border-l-2 border-brand\/20 pl-4\">\n\t\t\t\t\t\t<p class=\"text-[14.5px] leading-snug font-extrabold text-ink\">\n\t\t\t\t\t\t\tHPOS Compatible\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[12.5px] leading-snug font-medium text-ink-soft\">\n\t\t\t\t\t\t\t\tWooCommerce High-Performance Order Storage\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0 border-l-2 border-brand\/20 pl-4\">\n\t\t\t\t\t\t<p class=\"text-[14.5px] leading-snug font-extrabold text-ink\">\n\t\t\t\t\t\t\tCheckout Blocks Compatible \t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[12.5px] leading-snug font-medium text-ink-soft\">\n\t\t\t\t\t\t\t\tWooCommerce High-Performance Order Storage\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0 border-l-2 border-brand\/20 pl-4\">\n\t\t\t\t\t\t<p class=\"text-[14.5px] leading-snug font-extrabold text-ink\">\n\t\t\t\t\t\t\tWooCommerce Native\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[12.5px] leading-snug font-medium text-ink-soft\">\n\t\t\t\t\t\t\t\tWorks with the block-based checkout\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t<\/section>\n\t\n\n<section class=\"border-b border-hairline bg-brand\/4\" id=\"problems\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:py-20\">\n\t\t<div class=\"max-w-3xl\">\n\t\t\t\t\t\t\t<p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">\n\t\t\t\t\tWhy merchants use it\t\t\t\t<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">\n\t\t\t\t\tWooCommerce shouldn&#039;t dictate how your customers pay\t\t\t\t<\/h2>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<p class=\"mt-4 text-[15.5px] leading-[1.7] text-ink-soft\">\n\t\t\t\t\tPlenty of businesses collect payment in ways no standard WooCommerce gateway covers \u2014 bank transfers, app-based transfers, invoices, wholesale accounts or store-specific arrangements. This plugin lets you present those methods properly at checkout instead of working around them.\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<ul class=\"mt-10 space-y-4\">\n\t\t\t\t\t\t\t\t\t<li class=\"grid items-stretch gap-4 lg:grid-cols-[minmax(0,1fr)_44px_minmax(0,1fr)_minmax(0,230px)] lg:gap-5\">\n\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline border-l-4 border-l-ember\/30 bg-surface p-4 shadow-sm\">\n\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-ember uppercase\">Problem<\/p>\n\t\t\t\t\t\t\t<h3 class=\"mt-1.5 text-[16px] leading-snug font-bold text-ink\">\n\t\t\t\t\t\t\t\tNeed to accept Zelle or another manual payment method?\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div aria-hidden=\"true\" class=\" items-center justify-center lg:flex\">\n\t\t\t\t\t\t\t<span class=\"inline-flex h-9 w-9 items-center justify-center rounded-full border border-hairline bg-surface text-brand shadow-sm\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"flex flex-col justify-center rounded-xl border border-hairline border-l-4 border-l-brand\/40 bg-brand\/6 p-4 shadow-sm\">\n\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-brand uppercase\">Solution<\/p>\n\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[15px] leading-[1.6] font-semibold text-ink\">\n\t\t\t\t\t\t\t\tCreate a custom payment option with your own name and instructions.\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"flex items-stretch\">\n\t\t\t\t\t\t\t<div class=\"flex w-full min-w-0 flex-col justify-center rounded-xl border border-dashed border-brand\/25 bg-surface px-4 py-3\">\n\t\t\t\t\t\t\t\t<p class=\"text-[10.5px] font-bold tracking-[0.12em] text-ink-soft uppercase\">Feature used<\/p>\n\t\t\t\t\t\t\t\t<p class=\"mt-1 flex items-start gap-2 text-[13px] leading-snug font-bold text-ink\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-3.5 w-3.5 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<span class=\"min-w-0\">Custom gateway title, description and instructions<\/span>\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"grid items-stretch gap-4 lg:grid-cols-[minmax(0,1fr)_44px_minmax(0,1fr)_minmax(0,230px)] lg:gap-5\">\n\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline border-l-4 border-l-ember\/30 bg-surface p-4 shadow-sm\">\n\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-ember uppercase\">Problem<\/p>\n\t\t\t\t\t\t\t<h3 class=\"mt-1.5 text-[16px] leading-snug font-bold text-ink\">\n\t\t\t\t\t\t\t\tNeed invoice payments for B2B customers?\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div aria-hidden=\"true\" class=\" items-center justify-center lg:flex\">\n\t\t\t\t\t\t\t<span class=\"inline-flex h-9 w-9 items-center justify-center rounded-full border border-hairline bg-surface text-brand shadow-sm\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"flex flex-col justify-center rounded-xl border border-hairline border-l-4 border-l-brand\/40 bg-brand\/6 p-4 shadow-sm\">\n\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-brand uppercase\">Solution<\/p>\n\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[15px] leading-[1.6] font-semibold text-ink\">\n\t\t\t\t\t\t\t\tCreate a dedicated invoice or account-payment method.\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"flex items-stretch\">\n\t\t\t\t\t\t\t<div class=\"flex w-full min-w-0 flex-col justify-center rounded-xl border border-dashed border-brand\/25 bg-surface px-4 py-3\">\n\t\t\t\t\t\t\t\t<p class=\"text-[10.5px] font-bold tracking-[0.12em] text-ink-soft uppercase\">Feature used<\/p>\n\t\t\t\t\t\t\t\t<p class=\"mt-1 flex items-start gap-2 text-[13px] leading-snug font-bold text-ink\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-3.5 w-3.5 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<span class=\"min-w-0\">Custom order status per gateway<\/span>\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"grid items-stretch gap-4 lg:grid-cols-[minmax(0,1fr)_44px_minmax(0,1fr)_minmax(0,230px)] lg:gap-5\">\n\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline border-l-4 border-l-ember\/30 bg-surface p-4 shadow-sm\">\n\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-ember uppercase\">Problem<\/p>\n\t\t\t\t\t\t\t<h3 class=\"mt-1.5 text-[16px] leading-snug font-bold text-ink\">\n\t\t\t\t\t\t\t\tNeed different payment methods for different products?\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div aria-hidden=\"true\" class=\" items-center justify-center lg:flex\">\n\t\t\t\t\t\t\t<span class=\"inline-flex h-9 w-9 items-center justify-center rounded-full border border-hairline bg-surface text-brand shadow-sm\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"flex flex-col justify-center rounded-xl border border-hairline border-l-4 border-l-brand\/40 bg-brand\/6 p-4 shadow-sm\">\n\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-brand uppercase\">Solution<\/p>\n\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[15px] leading-[1.6] font-semibold text-ink\">\n\t\t\t\t\t\t\t\tControl gateway availability using product and category conditions.\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"flex items-stretch\">\n\t\t\t\t\t\t\t<div class=\"flex w-full min-w-0 flex-col justify-center rounded-xl border border-dashed border-brand\/25 bg-surface px-4 py-3\">\n\t\t\t\t\t\t\t\t<p class=\"text-[10.5px] font-bold tracking-[0.12em] text-ink-soft uppercase\">Feature used<\/p>\n\t\t\t\t\t\t\t\t<p class=\"mt-1 flex items-start gap-2 text-[13px] leading-snug font-bold text-ink\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-3.5 w-3.5 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<span class=\"min-w-0\">Product and category restrictions<\/span>\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"grid items-stretch gap-4 lg:grid-cols-[minmax(0,1fr)_44px_minmax(0,1fr)_minmax(0,230px)] lg:gap-5\">\n\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline border-l-4 border-l-ember\/30 bg-surface p-4 shadow-sm\">\n\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-ember uppercase\">Problem<\/p>\n\t\t\t\t\t\t\t<h3 class=\"mt-1.5 text-[16px] leading-snug font-bold text-ink\">\n\t\t\t\t\t\t\t\tNeed to charge a payment-handling fee?\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div aria-hidden=\"true\" class=\" items-center justify-center lg:flex\">\n\t\t\t\t\t\t\t<span class=\"inline-flex h-9 w-9 items-center justify-center rounded-full border border-hairline bg-surface text-brand shadow-sm\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"flex flex-col justify-center rounded-xl border border-hairline border-l-4 border-l-brand\/40 bg-brand\/6 p-4 shadow-sm\">\n\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-brand uppercase\">Solution<\/p>\n\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[15px] leading-[1.6] font-semibold text-ink\">\n\t\t\t\t\t\t\t\tAdd an optional fee to the gateway.\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"flex items-stretch\">\n\t\t\t\t\t\t\t<div class=\"flex w-full min-w-0 flex-col justify-center rounded-xl border border-dashed border-brand\/25 bg-surface px-4 py-3\">\n\t\t\t\t\t\t\t\t<p class=\"text-[10.5px] font-bold tracking-[0.12em] text-ink-soft uppercase\">Feature used<\/p>\n\t\t\t\t\t\t\t\t<p class=\"mt-1 flex items-start gap-2 text-[13px] leading-snug font-bold text-ink\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-3.5 w-3.5 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<span class=\"min-w-0\">Gateway fees<\/span>\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"grid items-stretch gap-4 lg:grid-cols-[minmax(0,1fr)_44px_minmax(0,1fr)_minmax(0,230px)] lg:gap-5\">\n\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline border-l-4 border-l-ember\/30 bg-surface p-4 shadow-sm\">\n\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-ember uppercase\">Problem<\/p>\n\t\t\t\t\t\t\t<h3 class=\"mt-1.5 text-[16px] leading-snug font-bold text-ink\">\n\t\t\t\t\t\t\t\tNeed information from the customer?\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div aria-hidden=\"true\" class=\" items-center justify-center lg:flex\">\n\t\t\t\t\t\t\t<span class=\"inline-flex h-9 w-9 items-center justify-center rounded-full border border-hairline bg-surface text-brand shadow-sm\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"flex flex-col justify-center rounded-xl border border-hairline border-l-4 border-l-brand\/40 bg-brand\/6 p-4 shadow-sm\">\n\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-brand uppercase\">Solution<\/p>\n\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[15px] leading-[1.6] font-semibold text-ink\">\n\t\t\t\t\t\t\t\tAdd custom fields to the payment method.\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"flex items-stretch\">\n\t\t\t\t\t\t\t<div class=\"flex w-full min-w-0 flex-col justify-center rounded-xl border border-dashed border-brand\/25 bg-surface px-4 py-3\">\n\t\t\t\t\t\t\t\t<p class=\"text-[10.5px] font-bold tracking-[0.12em] text-ink-soft uppercase\">Feature used<\/p>\n\t\t\t\t\t\t\t\t<p class=\"mt-1 flex items-start gap-2 text-[13px] leading-snug font-bold text-ink\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-3.5 w-3.5 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<span class=\"min-w-0\">Custom checkout fields<\/span>\n\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<\/ul>\n\t\t\t<\/div>\n<\/section>\n\n\n<section id=\"features\" class=\"border-b border-hairline\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:py-20\">\n\t\t<div class=\"max-w-3xl\">\n\t\t\t\t\t\t\t<p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">Core capabilities<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">Build payment methods around your store workflow<\/h2>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<p class=\"mt-4 text-[15.5px] leading-[1.7] text-ink-soft\">Four capabilities cover most manual and offline payment requirements. Each one is configured from the standard WooCommerce payments settings screens.<\/p>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"mt-12 space-y-14 lg:space-y-20\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"grid items-center gap-8 lg:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)] lg:gap-14\">\n\t\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"text-[12px] font-bold tracking-[0.14em] text-ink-soft uppercase\">01<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"mt-2 text-[21px] leading-snug font-extrabold text-ink sm:text-[24px]\">Multiple custom payment gateways<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-3 max-w-[58ch] text-[15px] leading-[1.7] text-ink-soft\">Create multiple manual or offline payment methods instead of being limited to one gateway. Each method has its own title, description, icon, instructions and order handling.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"mt-5 space-y-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Separate settings per payment method<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Enable or disable methods independently<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Present several manual options side by side<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div aria-label=\"Interface preview: Payments \u2014 custom methods\" class=\"overflow-hidden rounded-xl border border-hairline bg-surface shadow-card\" role=\"img\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-2 border-b border-hairline bg-surface-alt px-3 py-2\"><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"ml-2 truncate text-[11px] font-medium text-ink-soft\">Payments \u2014 custom methods<\/span><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"p-3\">\n\t\t\t\t\t\t\t\t\t\t<ul class=\"space-y-1.5\">\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center justify-between gap-2 border-b border-hairline pb-1.5 last:border-0 last:pb-0\"><span class=\"min-w-0 truncate text-[11.5px] font-semibold text-ink\">Pay with Zelle<\/span><span class=\"shrink-0 text-[10px] font-semibold text-ink-soft\">On hold<\/span><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center justify-between gap-2 border-b border-hairline pb-1.5 last:border-0 last:pb-0\"><span class=\"min-w-0 truncate text-[11.5px] font-semibold text-ink\">Bank transfer (manual)<\/span><span class=\"shrink-0 text-[10px] font-semibold text-ink-soft\">On hold<\/span><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center justify-between gap-2 border-b border-hairline pb-1.5 last:border-0 last:pb-0\"><span class=\"min-w-0 truncate text-[11.5px] font-semibold text-ink\">Pay by invoice \u2014 Net 30<\/span><span class=\"shrink-0 text-[10px] font-semibold text-ink-soft\">Processing<\/span><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center justify-between gap-2 border-b border-hairline pb-1.5 last:border-0 last:pb-0\"><span class=\"min-w-0 truncate text-[11.5px] font-semibold text-ink\">Wholesale account<\/span><span class=\"shrink-0 text-[10px] font-semibold text-ink-soft\">Processing<\/span><\/li>\n\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"grid items-center gap-8 lg:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)] lg:gap-14\">\n\t\t\t\t\t\t<div class=\"lg:order-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"text-[12px] font-bold tracking-[0.14em] text-ink-soft uppercase\">02<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"mt-2 text-[21px] leading-snug font-extrabold text-ink sm:text-[24px]\">Custom checkout fields<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-3 max-w-[58ch] text-[15px] leading-[1.7] text-ink-soft\">Collect information specific to the selected payment method \u2014 a transfer reference, a purchase order number or a payment date \u2014 and keep it attached to the order.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"mt-5 space-y-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Fields shown only when the method is selected<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Required or optional per field<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Values stored with the order for your team<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"lg:order-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div aria-label=\"Interface preview: Custom fields for this method\" class=\"overflow-hidden rounded-xl border border-hairline bg-surface shadow-card\" role=\"img\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-2 border-b border-hairline bg-surface-alt px-3 py-2\"><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"ml-2 truncate text-[11px] font-medium text-ink-soft\">Custom fields for this method<\/span><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"p-3\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"space-y-2\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-2 rounded-md border border-hairline px-2 py-1.5\"><span class=\"min-w-0 flex-1 truncate text-[11px] font-semibold text-ink\">Reference number<\/span><span class=\"shrink-0 rounded bg-ink\/5 px-1.5 py-0.5 text-[10px] font-semibold text-ink-soft\">Text<\/span><span class=\"shrink-0 text-[10px] font-semibold text-brand\">Required<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-2 rounded-md border border-hairline px-2 py-1.5\"><span class=\"min-w-0 flex-1 truncate text-[11px] font-semibold text-ink\">Payment date<\/span><span class=\"shrink-0 rounded bg-ink\/5 px-1.5 py-0.5 text-[10px] font-semibold text-ink-soft\">Date<\/span><span class=\"shrink-0 text-[10px] font-semibold text-ink-soft\">Optional<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-2 rounded-md border border-hairline px-2 py-1.5\"><span class=\"min-w-0 flex-1 truncate text-[11px] font-semibold text-ink\">Purchase order<\/span><span class=\"shrink-0 rounded bg-ink\/5 px-1.5 py-0.5 text-[10px] font-semibold text-ink-soft\">Text<\/span><span class=\"shrink-0 text-[10px] font-semibold text-brand\">Required<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"grid items-center gap-8 lg:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)] lg:gap-14\">\n\t\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"text-[12px] font-bold tracking-[0.14em] text-ink-soft uppercase\">03<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"mt-2 text-[21px] leading-snug font-extrabold text-ink sm:text-[24px]\">Conditional availability<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-3 max-w-[58ch] text-[15px] leading-[1.7] text-ink-soft\">Control when a gateway appears based on relevant WooCommerce conditions, so customers only see the payment methods that apply to their cart.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"mt-5 space-y-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Cart value minimums and maximums<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Product and category restrictions<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Shipping-method conditions<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div aria-label=\"Interface preview: Gateway availability rules\" class=\"overflow-hidden rounded-xl border border-hairline bg-surface shadow-card\" role=\"img\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-2 border-b border-hairline bg-surface-alt px-3 py-2\"><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"ml-2 truncate text-[11px] font-medium text-ink-soft\">Gateway availability rules<\/span><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"p-3\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"space-y-2\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-1.5 text-[10.5px]\"><span class=\"w-8 shrink-0 font-bold text-ink-soft uppercase\">If<\/span><span class=\"min-w-0 flex-1 truncate rounded border border-hairline px-2 py-1 font-medium text-ink\">Cart total<\/span><span class=\"shrink-0 text-ink-soft\">is at least<\/span><span class=\"min-w-0 flex-1 truncate rounded border border-brand\/40 bg-brand\/5 px-2 py-1 font-semibold text-brand\">$250.00<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-1.5 text-[10.5px]\"><span class=\"w-8 shrink-0 font-bold text-ink-soft uppercase\">And<\/span><span class=\"min-w-0 flex-1 truncate rounded border border-hairline px-2 py-1 font-medium text-ink\">Product category<\/span><span class=\"shrink-0 text-ink-soft\">is<\/span><span class=\"min-w-0 flex-1 truncate rounded border border-brand\/40 bg-brand\/5 px-2 py-1 font-semibold text-brand\">Wholesale<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-1.5 text-[10.5px]\"><span class=\"w-8 shrink-0 font-bold text-ink-soft uppercase\">And<\/span><span class=\"min-w-0 flex-1 truncate rounded border border-hairline px-2 py-1 font-medium text-ink\">Shipping method<\/span><span class=\"shrink-0 text-ink-soft\">is<\/span><span class=\"min-w-0 flex-1 truncate rounded border border-brand\/40 bg-brand\/5 px-2 py-1 font-semibold text-brand\">Local pickup<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<p class=\"pt-1 text-[10.5px] font-semibold text-ink-soft\">+ Add condition \u2014 products, categories, cart value, shipping method<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"grid items-center gap-8 lg:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)] lg:gap-14\">\n\t\t\t\t\t\t<div class=\"lg:order-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"text-[12px] font-bold tracking-[0.14em] text-ink-soft uppercase\">04<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"mt-2 text-[21px] leading-snug font-extrabold text-ink sm:text-[24px]\">Gateway fees<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-3 max-w-[58ch] text-[15px] leading-[1.7] text-ink-soft\">Optionally charge a fee when a particular payment method is selected, so handling costs for manual payments are reflected in the order total.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"mt-5 space-y-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Fixed or percentage fee<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Applied only to the selected method<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] font-medium text-ink\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Shown in cart, checkout and order totals<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"lg:order-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div aria-label=\"Interface preview: Gateway fee\" class=\"overflow-hidden rounded-xl border border-hairline bg-surface shadow-card\" role=\"img\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-2 border-b border-hairline bg-surface-alt px-3 py-2\"><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"ml-2 truncate text-[11px] font-medium text-ink-soft\">Gateway fee<\/span><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"p-3\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"grid grid-cols-2 gap-2.5\">\n\t\t\t\t\t\t\t\t\t\t\t<label class=\"block\"><span class=\"block text-[10.5px] font-semibold text-ink-soft\">Fee type<\/span><span class=\"mt-1 block truncate rounded-md border px-2.5 py-1.5 text-[11.5px] font-medium border-hairline bg-surface text-ink\">Fixed amount<\/span><\/label>\n\t\t\t\t\t\t\t\t\t\t\t<label class=\"block\"><span class=\"block text-[10.5px] font-semibold text-ink-soft\">Fee amount<\/span><span class=\"mt-1 block truncate rounded-md border px-2.5 py-1.5 text-[11.5px] font-medium border-brand\/40 bg-brand\/5 text-brand\">$2.50<\/span><\/label>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"mt-2.5 space-y-1.5 rounded-md border border-hairline bg-surface-alt px-2.5 py-2 text-[11px]\">\n\t\t\t\t\t\t\t\t\t\t\t<p class=\"flex justify-between gap-2\"><span class=\"text-ink-soft\">Subtotal<\/span><span class=\"font-semibold text-ink\">$180.00<\/span><\/p>\n\t\t\t\t\t\t\t\t\t\t\t<p class=\"flex justify-between gap-2\"><span class=\"text-ink-soft\">Zelle handling fee<\/span><span class=\"font-semibold text-brand\">$2.50<\/span><\/p>\n\t\t\t\t\t\t\t\t\t\t\t<p class=\"flex justify-between gap-2 border-t border-hairline pt-1.5\"><span class=\"font-semibold text-ink\">Total<\/span><span class=\"font-bold text-ink\">$182.50<\/span><\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/section>\n\n\n<section class=\"border-b border-hairline bg-surface-alt\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:py-14\">\n\t\t\t\t\t<h2 class=\"text-[12.5px] font-bold tracking-[0.14em] text-ink-soft uppercase\">\n\t\t\t\tAlso included\t\t\t<\/h2>\n\t\t\t\t\n\t\t\t\t\t<ul class=\"mt-5 grid gap-x-8 gap-y-2.5 sm:grid-cols-2 lg:grid-cols-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Custom gateway title<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Custom description<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Payment instructions<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Custom gateway icon<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Order-status control<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Minimum cart total condition<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Maximum cart total condition<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Product and category restrictions<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Shipping-method conditions<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Post-checkout redirects<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Instructions in order emails<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[14px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Per-method enable and disable<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t<\/div>\n<\/section>\n\n\n<section id=\"how-it-works\" class=\"border-b border-hairline bg-surface-alt\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:py-20\">\n\t\t<div class=\"max-w-3xl\">\n\t\t\t\t\t\t\t<p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">How it works<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">From settings screen to completed order<\/h2>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<ol class=\"mt-10 grid gap-4 sm:grid-cols-2 lg:grid-cols-4 lg:gap-3\">\n\t\t\t\t\t\t\t\t\t<li class=\"relative flex\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"pointer-events-none absolute top-9 -right-3 z-10 hidden h-6 w-6 items-center justify-center rounded-full border border-hairline bg-surface text-brand shadow-sm lg:flex\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-3.5 w-3.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"flex w-full min-w-0 flex-col rounded-2xl border border-hairline bg-surface shadow-sm\">\n\t\t\t\t\t\t\t<div class=\"flex items-start gap-3 border-b border-hairline p-4 lg:min-h-[148px]\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"mt-0.5 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-brand text-[11.5px] font-extrabold text-brand-foreground\">01<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"text-[16px] leading-snug font-bold text-ink\">Create your payment method<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[13px] leading-[1.6] text-ink-soft\">Configure the payment method name, description, icon and instructions in WooCommerce payment settings.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"mt-auto flex flex-1 items-start bg-brand\/4 p-3\">\n\t\t\t\t\t\t\t\t<div class=\"w-full\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div aria-label=\"Interface preview: WooCommerce \u2192 Settings \u2192 Payments \u2192 Zelle\" class=\"overflow-hidden rounded-xl border border-hairline bg-surface shadow-card\" role=\"img\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-2 border-b border-hairline bg-surface-alt px-3 py-2\"><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"ml-2 truncate text-[11px] font-medium text-ink-soft\">WooCommerce \u2192 Settings \u2192 Payments \u2192 Zelle<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"p-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"space-y-2.5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"block\"><span class=\"block text-[10.5px] font-semibold text-ink-soft\">Payment method title<\/span><span class=\"mt-1 block truncate rounded-md border px-2.5 py-1.5 text-[11.5px] font-medium border-brand\/40 bg-brand\/5 text-brand\">Pay with Zelle<\/span><\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"block\"><span class=\"block text-[10.5px] font-semibold text-ink-soft\">Description shown at checkout<\/span><span class=\"mt-1 block truncate rounded-md border px-2.5 py-1.5 text-[11.5px] font-medium border-hairline bg-surface text-ink\">Send payment to pay@store.com<\/span><\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"grid grid-cols-2 gap-2.5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"block\"><span class=\"block text-[10.5px] font-semibold text-ink-soft\">Icon<\/span><span class=\"mt-1 block truncate rounded-md border px-2.5 py-1.5 text-[11.5px] font-medium border-hairline bg-surface text-ink\">zelle-logo.png<\/span><\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"block\"><span class=\"block text-[10.5px] font-semibold text-ink-soft\">Order status<\/span><span class=\"mt-1 block truncate rounded-md border px-2.5 py-1.5 text-[11.5px] font-medium border-hairline bg-surface text-ink\">On hold<\/span><\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"space-y-2 rounded-md border border-hairline bg-surface-alt px-2.5 py-2\"><span class=\"flex items-center justify-between gap-3\"><span class=\"truncate text-[11.5px] font-medium text-ink\">Enable this payment method<\/span><span class=\"flex h-4 w-7 shrink-0 items-center rounded-full px-0.5 justify-end bg-brand\"><span class=\"h-3 w-3 rounded-full bg-surface\"><\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span><span class=\"flex items-center justify-between gap-3\"><span class=\"truncate text-[11.5px] font-medium text-ink\">Show instructions in order email<\/span><span class=\"flex h-4 w-7 shrink-0 items-center rounded-full px-0.5 justify-end bg-brand\"><span class=\"h-3 w-3 rounded-full bg-surface\"><\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span><span class=\"flex items-center justify-between gap-3\"><span class=\"truncate text-[11.5px] font-medium text-ink\">Charge a handling fee<\/span><span class=\"flex h-4 w-7 shrink-0 items-center rounded-full px-0.5 bg-hairline\"><span class=\"h-3 w-3 rounded-full bg-surface\"><\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/article>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"relative flex\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"pointer-events-none absolute top-9 -right-3 z-10 hidden h-6 w-6 items-center justify-center rounded-full border border-hairline bg-surface text-brand shadow-sm lg:flex\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-3.5 w-3.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"flex w-full min-w-0 flex-col rounded-2xl border border-hairline bg-surface shadow-sm\">\n\t\t\t\t\t\t\t<div class=\"flex items-start gap-3 border-b border-hairline p-4 lg:min-h-[148px]\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"mt-0.5 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-brand text-[11.5px] font-extrabold text-brand-foreground\">02<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"text-[16px] leading-snug font-bold text-ink\">Control when it appears<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[13px] leading-[1.6] text-ink-soft\">Add conditions such as products, categories, shipping methods or cart requirements so the method appears only where it should.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"mt-auto flex flex-1 items-start bg-brand\/4 p-3\">\n\t\t\t\t\t\t\t\t<div class=\"w-full\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div aria-label=\"Interface preview: Gateway availability rules\" class=\"overflow-hidden rounded-xl border border-hairline bg-surface shadow-card\" role=\"img\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-2 border-b border-hairline bg-surface-alt px-3 py-2\"><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"ml-2 truncate text-[11px] font-medium text-ink-soft\">Gateway availability rules<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"p-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"space-y-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-1.5 text-[10.5px]\"><span class=\"w-8 shrink-0 font-bold text-ink-soft uppercase\">If<\/span><span class=\"min-w-0 flex-1 truncate rounded border border-hairline px-2 py-1 font-medium text-ink\">Cart total<\/span><span class=\"shrink-0 text-ink-soft\">is at least<\/span><span class=\"min-w-0 flex-1 truncate rounded border border-brand\/40 bg-brand\/5 px-2 py-1 font-semibold text-brand\">$250.00<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-1.5 text-[10.5px]\"><span class=\"w-8 shrink-0 font-bold text-ink-soft uppercase\">And<\/span><span class=\"min-w-0 flex-1 truncate rounded border border-hairline px-2 py-1 font-medium text-ink\">Product category<\/span><span class=\"shrink-0 text-ink-soft\">is<\/span><span class=\"min-w-0 flex-1 truncate rounded border border-brand\/40 bg-brand\/5 px-2 py-1 font-semibold text-brand\">Wholesale<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-1.5 text-[10.5px]\"><span class=\"w-8 shrink-0 font-bold text-ink-soft uppercase\">And<\/span><span class=\"min-w-0 flex-1 truncate rounded border border-hairline px-2 py-1 font-medium text-ink\">Shipping method<\/span><span class=\"shrink-0 text-ink-soft\">is<\/span><span class=\"min-w-0 flex-1 truncate rounded border border-brand\/40 bg-brand\/5 px-2 py-1 font-semibold text-brand\">Local pickup<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"pt-1 text-[10.5px] font-semibold text-ink-soft\">+ Add condition \u2014 products, categories, cart value, shipping method<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/article>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"relative flex\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"pointer-events-none absolute top-9 -right-3 z-10 hidden h-6 w-6 items-center justify-center rounded-full border border-hairline bg-surface text-brand shadow-sm lg:flex\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-3.5 w-3.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"flex w-full min-w-0 flex-col rounded-2xl border border-hairline bg-surface shadow-sm\">\n\t\t\t\t\t\t\t<div class=\"flex items-start gap-3 border-b border-hairline p-4 lg:min-h-[148px]\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"mt-0.5 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-brand text-[11.5px] font-extrabold text-brand-foreground\">03<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"text-[16px] leading-snug font-bold text-ink\">Customer selects the method<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[13px] leading-[1.6] text-ink-soft\">The custom gateway appears at checkout with any custom fields you configured for it.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"mt-auto flex flex-1 items-start bg-brand\/4 p-3\">\n\t\t\t\t\t\t\t\t<div class=\"w-full\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div aria-label=\"Interface preview: Checkout \u2014 payment methods\" class=\"overflow-hidden rounded-xl border border-hairline bg-surface shadow-card\" role=\"img\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-2 border-b border-hairline bg-surface-alt px-3 py-2\"><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"ml-2 truncate text-[11px] font-medium text-ink-soft\">Checkout \u2014 payment methods<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"p-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"space-y-1.5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-2 rounded-md border px-2.5 py-2 border-brand bg-brand\/5\"><span class=\"flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full border border-brand\"><span class=\"h-1.5 w-1.5 rounded-full bg-brand\"><\/span><\/span><span class=\"min-w-0 flex-1 truncate text-[11.5px] font-semibold text-brand\">Pay with Zelle<\/span><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-2 rounded-md border px-2.5 py-2 border-hairline\"><span class=\"flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full border border-hairline\"><\/span><span class=\"min-w-0 flex-1 truncate text-[11.5px] font-semibold text-ink\">Bank transfer (manual)<\/span><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-2 rounded-md border px-2.5 py-2 border-hairline\"><span class=\"flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full border border-hairline\"><\/span><span class=\"min-w-0 flex-1 truncate text-[11.5px] font-semibold text-ink\">Pay by invoice \u2014 Net 30<\/span><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-2 rounded-md border px-2.5 py-2 border-hairline\"><span class=\"flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full border border-hairline\"><\/span><span class=\"min-w-0 flex-1 truncate text-[11.5px] font-semibold text-ink\">Cash on delivery<\/span><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"mt-2.5 rounded-md border border-dashed border-brand\/40 bg-brand\/5 px-2.5 py-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"text-[10.5px] font-semibold text-ink\">Zelle reference number<\/p><span class=\"mt-1 block h-5 rounded border border-hairline bg-surface\"><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[10px] text-ink-soft\">Custom field added to this payment method<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div><span class=\"mt-2.5 block rounded-md bg-brand px-3 py-2 text-center text-[11.5px] font-semibold text-brand-foreground\">Place order<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/article>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"relative flex\">\n\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"flex w-full min-w-0 flex-col rounded-2xl border border-hairline bg-surface shadow-sm\">\n\t\t\t\t\t\t\t<div class=\"flex items-start gap-3 border-b border-hairline p-4 lg:min-h-[148px]\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"mt-0.5 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-brand text-[11.5px] font-extrabold text-brand-foreground\">04<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"text-[16px] leading-snug font-bold text-ink\">Process the order your way<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[13px] leading-[1.6] text-ink-soft\">The order lands with your chosen status, the instructions you wrote and the field values the customer submitted.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"mt-auto flex flex-1 items-start bg-brand\/4 p-3\">\n\t\t\t\t\t\t\t\t<div class=\"w-full\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div aria-label=\"Interface preview: Order #4821 \u2014 payment details\" class=\"overflow-hidden rounded-xl border border-hairline bg-surface shadow-card\" role=\"img\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-2 border-b border-hairline bg-surface-alt px-3 py-2\"><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"h-2 w-2 rounded-full bg-hairline\"><\/span><span class=\"ml-2 truncate text-[11px] font-medium text-ink-soft\">Order #4821 \u2014 payment details<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"p-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"space-y-2 text-[11px]\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"flex justify-between gap-2\"><span class=\"text-ink-soft\">Payment method<\/span><span class=\"font-semibold text-ink\">Pay with Zelle<\/span><\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"flex justify-between gap-2\"><span class=\"text-ink-soft\">Zelle reference<\/span><span class=\"font-semibold text-ink\">ZL-88213<\/span><\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"flex justify-between gap-2\"><span class=\"text-ink-soft\">Handling fee<\/span><span class=\"font-semibold text-ink\">$2.50<\/span><\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"flex justify-between gap-2\"><span class=\"text-ink-soft\">Status<\/span><span class=\"rounded-full bg-brand\/10 px-2 py-0.5 font-semibold text-brand\">On hold<\/span><\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"rounded-md border border-hairline bg-surface-alt px-2.5 py-2 leading-[1.5] text-ink-soft\">Instructions sent with the order email: \u201cSend payment to pay@store.com and reply with your reference number.\u201d<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/article>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<\/ol>\n\t\t\t<\/div>\n<\/section>\n\n\n<section id=\"use-cases\" class=\"border-b border-hairline bg-surface-alt\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:py-20\">\n\t\t<div class=\"max-w-3xl\">\n\t\t\t\t\t\t\t<p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">Use cases<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">Flexible enough for different payment workflows<\/h2>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div aria-label=\"Payment workflows\" class=\"mt-8 flex flex-wrap gap-2\" data-active-class=\"rounded-lg border px-4 py-2.5 text-[13.5px] font-semibold transition-colors border-brand bg-brand text-brand-foreground\" data-inactive-class=\"rounded-lg border px-4 py-2.5 text-[13.5px] font-semibold transition-colors border-hairline bg-surface text-ink-soft hover:text-ink\" data-tabs role=\"tablist\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button aria-controls=\"panel-uc_6ad02daf9761f_0\" aria-selected=\"true\" class=\"rounded-lg border px-4 py-2.5 text-[13.5px] font-semibold transition-colors border-brand bg-brand text-brand-foreground\" id=\"tab-uc_6ad02daf9761f_0\" role=\"tab\" type=\"button\">\n\t\t\t\t\t\tLocal &amp; manual payments\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button aria-controls=\"panel-uc_6ad02daf9761f_1\" aria-selected=\"false\" class=\"rounded-lg border px-4 py-2.5 text-[13.5px] font-semibold transition-colors border-hairline bg-surface text-ink-soft hover:text-ink\" id=\"tab-uc_6ad02daf9761f_1\" role=\"tab\" type=\"button\">\n\t\t\t\t\t\tB2B &amp; invoice payments\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button aria-controls=\"panel-uc_6ad02daf9761f_2\" aria-selected=\"false\" class=\"rounded-lg border px-4 py-2.5 text-[13.5px] font-semibold transition-colors border-hairline bg-surface text-ink-soft hover:text-ink\" id=\"tab-uc_6ad02daf9761f_2\" role=\"tab\" type=\"button\">\n\t\t\t\t\t\t Wholesale stores \t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button aria-controls=\"panel-uc_6ad02daf9761f_3\" aria-selected=\"false\" class=\"rounded-lg border px-4 py-2.5 text-[13.5px] font-semibold transition-colors border-hairline bg-surface text-ink-soft hover:text-ink\" id=\"tab-uc_6ad02daf9761f_3\" role=\"tab\" type=\"button\">\n\t\t\t\t\t\tProduct-specific payments\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button aria-controls=\"panel-uc_6ad02daf9761f_4\" aria-selected=\"false\" class=\"rounded-lg border px-4 py-2.5 text-[13.5px] font-semibold transition-colors border-hairline bg-surface text-ink-soft hover:text-ink\" id=\"tab-uc_6ad02daf9761f_4\" role=\"tab\" type=\"button\">\n\t\t\t\t\t\t Regional payment methods\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div aria-labelledby=\"tab-uc_6ad02daf9761f_0\" class=\"mt-8 rounded-2xl border border-hairline bg-surface p-6 shadow-card lg:p-9\"  id=\"panel-uc_6ad02daf9761f_0\" role=\"tabpanel\">\n\t\t\t\t\t<div class=\"grid gap-8 lg:grid-cols-[minmax(0,1fr)_minmax(0,1.15fr)] lg:gap-12\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"text-[20px] leading-snug font-extrabold text-ink sm:text-[23px]\">Zelle, manual transfers and pay-by-instructions<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-3 text-[14.5px] leading-[1.7] text-ink-soft\">Present the transfer method by name, show the exact instructions the customer needs, and capture the reference number they used.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"mt-6 rounded-xl border border-brand\/25 bg-brand\/6 p-4\">\n\t\t\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-brand uppercase\">Capabilities used<\/p>\n\t\t\t\t\t\t\t\t\t<ul class=\"mt-2.5 flex flex-wrap gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"rounded-lg border border-brand\/25 bg-surface px-3 py-1.5 text-[12.5px] font-semibold text-brand\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tPayment instructions \t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"rounded-lg border border-brand\/25 bg-surface px-3 py-1.5 text-[12.5px] font-semibold text-brand\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tCustom checkout fields \t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"rounded-lg border border-brand\/25 bg-surface px-3 py-1.5 text-[12.5px] font-semibold text-brand\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tOrder-status control\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ol class=\"space-y-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">1<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Customer selects the manual method<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">2<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Instructions are shown at checkout<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">3<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Customer submits a reference number<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">4<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Order is held until payment is confirmed<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div aria-labelledby=\"tab-uc_6ad02daf9761f_1\" class=\"mt-8 rounded-2xl border border-hairline bg-surface p-6 shadow-card lg:p-9\" hidden id=\"panel-uc_6ad02daf9761f_1\" role=\"tabpanel\">\n\t\t\t\t\t<div class=\"grid gap-8 lg:grid-cols-[minmax(0,1fr)_minmax(0,1.15fr)] lg:gap-12\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"text-[20px] leading-snug font-extrabold text-ink sm:text-[23px]\">Invoice, account and purchase-order payments<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-3 text-[14.5px] leading-[1.7] text-ink-soft\">Give business customers an invoice or account method with the purchase-order details your finance team needs.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"mt-6 rounded-xl border border-brand\/25 bg-brand\/6 p-4\">\n\t\t\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-brand uppercase\">Capabilities used<\/p>\n\t\t\t\t\t\t\t\t\t<ul class=\"mt-2.5 flex flex-wrap gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"rounded-lg border border-brand\/25 bg-surface px-3 py-1.5 text-[12.5px] font-semibold text-brand\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tCart-value conditions \t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"rounded-lg border border-brand\/25 bg-surface px-3 py-1.5 text-[12.5px] font-semibold text-brand\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tCustom checkout fields \t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"rounded-lg border border-brand\/25 bg-surface px-3 py-1.5 text-[12.5px] font-semibold text-brand\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tCustom order status\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ol class=\"space-y-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">1<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Business customer reaches checkout<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">2<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Invoice method appears above a cart threshold<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">3<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Purchase-order number is collected<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">4<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Order moves to processing for fulfilment<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div aria-labelledby=\"tab-uc_6ad02daf9761f_2\" class=\"mt-8 rounded-2xl border border-hairline bg-surface p-6 shadow-card lg:p-9\" hidden id=\"panel-uc_6ad02daf9761f_2\" role=\"tabpanel\">\n\t\t\t\t\t<div class=\"grid gap-8 lg:grid-cols-[minmax(0,1fr)_minmax(0,1.15fr)] lg:gap-12\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"text-[20px] leading-snug font-extrabold text-ink sm:text-[23px]\">Payment methods built for wholesale carts<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-3 text-[14.5px] leading-[1.7] text-ink-soft\">Show wholesale-only payment arrangements for large orders while keeping retail checkout unchanged.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"mt-6 rounded-xl border border-brand\/25 bg-brand\/6 p-4\">\n\t\t\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-brand uppercase\">Capabilities used<\/p>\n\t\t\t\t\t\t\t\t\t<ul class=\"mt-2.5 flex flex-wrap gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"rounded-lg border border-brand\/25 bg-surface px-3 py-1.5 text-[12.5px] font-semibold text-brand\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tMinimum cart total \t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"rounded-lg border border-brand\/25 bg-surface px-3 py-1.5 text-[12.5px] font-semibold text-brand\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tCategory restrictions \t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"rounded-lg border border-brand\/25 bg-surface px-3 py-1.5 text-[12.5px] font-semibold text-brand\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tPer-method instructions\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ol class=\"space-y-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">1<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Wholesale cart is built<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">2<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Minimum order value is met<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">3<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Wholesale account method appears<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">4<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Order is processed against the account<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div aria-labelledby=\"tab-uc_6ad02daf9761f_3\" class=\"mt-8 rounded-2xl border border-hairline bg-surface p-6 shadow-card lg:p-9\" hidden id=\"panel-uc_6ad02daf9761f_3\" role=\"tabpanel\">\n\t\t\t\t\t<div class=\"grid gap-8 lg:grid-cols-[minmax(0,1fr)_minmax(0,1.15fr)] lg:gap-12\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"text-[20px] leading-snug font-extrabold text-ink sm:text-[23px]\">Payment options tied to what&#039;s in the cart<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-3 text-[14.5px] leading-[1.7] text-ink-soft\">Offer a deposit, pickup-only or made-to-order payment method for specific products or categories.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"mt-6 rounded-xl border border-brand\/25 bg-brand\/6 p-4\">\n\t\t\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-brand uppercase\">Capabilities used<\/p>\n\t\t\t\t\t\t\t\t\t<ul class=\"mt-2.5 flex flex-wrap gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"rounded-lg border border-brand\/25 bg-surface px-3 py-1.5 text-[12.5px] font-semibold text-brand\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tProduct restrictions \t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"rounded-lg border border-brand\/25 bg-surface px-3 py-1.5 text-[12.5px] font-semibold text-brand\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tCategory restrictions \t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"rounded-lg border border-brand\/25 bg-surface px-3 py-1.5 text-[12.5px] font-semibold text-brand\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tShipping-method conditions\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ol class=\"space-y-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">1<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Customer adds a restricted product<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">2<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Matching payment method appears<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">3<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Other methods stay hidden<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">4<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Order records the chosen method<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div aria-labelledby=\"tab-uc_6ad02daf9761f_4\" class=\"mt-8 rounded-2xl border border-hairline bg-surface p-6 shadow-card lg:p-9\" hidden id=\"panel-uc_6ad02daf9761f_4\" role=\"tabpanel\">\n\t\t\t\t\t<div class=\"grid gap-8 lg:grid-cols-[minmax(0,1fr)_minmax(0,1.15fr)] lg:gap-12\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"text-[20px] leading-snug font-extrabold text-ink sm:text-[23px]\">Store-specific methods for your market<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-3 text-[14.5px] leading-[1.7] text-ink-soft\">Create the locally expected payment method when no standard WooCommerce gateway covers it.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"mt-6 rounded-xl border border-brand\/25 bg-brand\/6 p-4\">\n\t\t\t\t\t\t\t\t\t<p class=\"text-[11px] font-bold tracking-[0.12em] text-brand uppercase\">Capabilities used<\/p>\n\t\t\t\t\t\t\t\t\t<ul class=\"mt-2.5 flex flex-wrap gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"rounded-lg border border-brand\/25 bg-surface px-3 py-1.5 text-[12.5px] font-semibold text-brand\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tCustom title and icon \t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"rounded-lg border border-brand\/25 bg-surface px-3 py-1.5 text-[12.5px] font-semibold text-brand\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tPayment instructions \t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"rounded-lg border border-brand\/25 bg-surface px-3 py-1.5 text-[12.5px] font-semibold text-brand\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tPost-checkout redirect\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ol class=\"space-y-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">1<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Local method is created with your wording<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">2<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Availability rules are applied<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">3<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Customer pays using local instructions<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-hairline bg-surface-alt text-[12px] font-bold text-ink-soft\">4<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"flex-1 rounded-lg border border-hairline bg-surface-alt px-3.5 py-2.5 text-[14px] font-medium text-ink\">Order status reflects manual settlement<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/section>\n\n\n<section id=\"compare\" class=\"border-b border-hairline\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:py-20\">\n\t\t<div class=\"max-w-3xl\">\n\t\t\t\t\t\t\t<p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">Free vs Pro<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">Start free. Upgrade when your payment workflow needs more flexibility.<\/h2>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<p class=\"mt-4 text-[15.5px] leading-[1.7] text-ink-soft\">The Free version covers a basic custom payment method. Pro adds multiple gateways, custom fields, fees and conditional rules.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<div class=\"mt-10 overflow-x-auto rounded-2xl border border-hairline shadow-card\">\n\t\t\t\t<table class=\"w-full min-w-[560px] border-collapse bg-surface text-left\">\n\t\t\t\t\t<caption class=\"sr-only\">Feature comparison between the Free and Pro versions<\/caption>\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr class=\"border-b border-hairline bg-surface-alt\">\n\t\t\t\t\t\t\t<th class=\"px-5 py-4 text-[13px] font-bold text-ink\" scope=\"col\">Feature<\/th>\n\t\t\t\t\t\t\t<th class=\"px-5 py-4 text-[13px] font-bold text-ink\" scope=\"col\">Free<\/th>\n\t\t\t\t\t\t\t<th class=\"bg-brand\/6 px-5 py-4 text-[13px] font-bold text-brand\" scope=\"col\">Pro<\/th>\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<tr class=\"border-b border-hairline last:border-0\">\n\t\t\t\t\t\t\t\t<th class=\"px-5 py-3.5 text-[14px] font-semibold text-ink\" scope=\"row\">Custom payment gateway<\/th>\n\t\t\t\t\t\t\t\t<td class=\"px-5 py-3.5\"><span class=\"inline-flex items-center gap-1.5 text-[13.5px] font-semibold text-brand\"><svg aria-hidden=\"true\" class=\"lucide lucide-check h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Yes<\/span><\/td>\n\t\t\t\t\t\t\t\t<td class=\"bg-brand\/4 px-5 py-3.5\"><span class=\"inline-flex items-center gap-1.5 text-[13.5px] font-semibold text-brand\"><svg aria-hidden=\"true\" class=\"lucide lucide-check h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Yes<\/span><\/td>\n\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<tr class=\"border-b border-hairline last:border-0\">\n\t\t\t\t\t\t\t\t<th class=\"px-5 py-3.5 text-[14px] font-semibold text-ink\" scope=\"row\">Multiple custom gateways<\/th>\n\t\t\t\t\t\t\t\t<td class=\"px-5 py-3.5\"><span class=\"inline-flex items-center gap-1.5 text-[13.5px] font-medium text-ink-soft\"><svg aria-hidden=\"true\" class=\"lucide lucide-minus h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><\/svg>No<\/span><\/td>\n\t\t\t\t\t\t\t\t<td class=\"bg-brand\/4 px-5 py-3.5\"><span class=\"inline-flex items-center gap-1.5 text-[13.5px] font-semibold text-brand\"><svg aria-hidden=\"true\" class=\"lucide lucide-check h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Yes<\/span><\/td>\n\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<tr class=\"border-b border-hairline last:border-0\">\n\t\t\t\t\t\t\t\t<th class=\"px-5 py-3.5 text-[14px] font-semibold text-ink\" scope=\"row\">Custom checkout fields<\/th>\n\t\t\t\t\t\t\t\t<td class=\"px-5 py-3.5\"><span class=\"inline-flex items-center gap-1.5 text-[13.5px] font-medium text-ink-soft\"><svg aria-hidden=\"true\" class=\"lucide lucide-minus h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><\/svg>No<\/span><\/td>\n\t\t\t\t\t\t\t\t<td class=\"bg-brand\/4 px-5 py-3.5\"><span class=\"inline-flex items-center gap-1.5 text-[13.5px] font-semibold text-brand\"><svg aria-hidden=\"true\" class=\"lucide lucide-check h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Yes<\/span><\/td>\n\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<tr class=\"border-b border-hairline last:border-0\">\n\t\t\t\t\t\t\t\t<th class=\"px-5 py-3.5 text-[14px] font-semibold text-ink\" scope=\"row\">Gateway fees<\/th>\n\t\t\t\t\t\t\t\t<td class=\"px-5 py-3.5\"><span class=\"inline-flex items-center gap-1.5 text-[13.5px] font-medium text-ink-soft\"><svg aria-hidden=\"true\" class=\"lucide lucide-minus h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><\/svg>No<\/span><\/td>\n\t\t\t\t\t\t\t\t<td class=\"bg-brand\/4 px-5 py-3.5\"><span class=\"inline-flex items-center gap-1.5 text-[13.5px] font-semibold text-brand\"><svg aria-hidden=\"true\" class=\"lucide lucide-check h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Yes<\/span><\/td>\n\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<tr class=\"border-b border-hairline last:border-0\">\n\t\t\t\t\t\t\t\t<th class=\"px-5 py-3.5 text-[14px] font-semibold text-ink\" scope=\"row\">Conditional availability rules<\/th>\n\t\t\t\t\t\t\t\t<td class=\"px-5 py-3.5\"><span class=\"inline-flex items-center gap-1.5 text-[13.5px] font-medium text-ink-soft\"><svg aria-hidden=\"true\" class=\"lucide lucide-minus h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><\/svg>No<\/span><\/td>\n\t\t\t\t\t\t\t\t<td class=\"bg-brand\/4 px-5 py-3.5\"><span class=\"inline-flex items-center gap-1.5 text-[13.5px] font-semibold text-brand\"><svg aria-hidden=\"true\" class=\"lucide lucide-check h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Yes<\/span><\/td>\n\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<tr class=\"border-b border-hairline last:border-0\">\n\t\t\t\t\t\t\t\t<th class=\"px-5 py-3.5 text-[14px] font-semibold text-ink\" scope=\"row\">Product &amp; category restrictions<\/th>\n\t\t\t\t\t\t\t\t<td class=\"px-5 py-3.5\"><span class=\"inline-flex items-center gap-1.5 text-[13.5px] font-medium text-ink-soft\"><svg aria-hidden=\"true\" class=\"lucide lucide-minus h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><\/svg>No<\/span><\/td>\n\t\t\t\t\t\t\t\t<td class=\"bg-brand\/4 px-5 py-3.5\"><span class=\"inline-flex items-center gap-1.5 text-[13.5px] font-semibold text-brand\"><svg aria-hidden=\"true\" class=\"lucide lucide-check h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Yes<\/span><\/td>\n\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<tr class=\"border-b border-hairline last:border-0\">\n\t\t\t\t\t\t\t\t<th class=\"px-5 py-3.5 text-[14px] font-semibold text-ink\" scope=\"row\">Shipping-method conditions<\/th>\n\t\t\t\t\t\t\t\t<td class=\"px-5 py-3.5\"><span class=\"inline-flex items-center gap-1.5 text-[13.5px] font-medium text-ink-soft\"><svg aria-hidden=\"true\" class=\"lucide lucide-minus h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><\/svg>No<\/span><\/td>\n\t\t\t\t\t\t\t\t<td class=\"bg-brand\/4 px-5 py-3.5\"><span class=\"inline-flex items-center gap-1.5 text-[13.5px] font-semibold text-brand\"><svg aria-hidden=\"true\" class=\"lucide lucide-check h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Yes<\/span><\/td>\n\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<tr class=\"border-b border-hairline last:border-0\">\n\t\t\t\t\t\t\t\t<th class=\"px-5 py-3.5 text-[14px] font-semibold text-ink\" scope=\"row\">Custom order status per gateway<\/th>\n\t\t\t\t\t\t\t\t<td class=\"px-5 py-3.5\"><span class=\"inline-flex items-center gap-1.5 text-[13.5px] font-medium text-ink-soft\"><svg aria-hidden=\"true\" class=\"lucide lucide-minus h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><\/svg>No<\/span><\/td>\n\t\t\t\t\t\t\t\t<td class=\"bg-brand\/4 px-5 py-3.5\"><span class=\"inline-flex items-center gap-1.5 text-[13.5px] font-semibold text-brand\"><svg aria-hidden=\"true\" class=\"lucide lucide-check h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Yes<\/span><\/td>\n\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<tr class=\"border-b border-hairline last:border-0\">\n\t\t\t\t\t\t\t\t<th class=\"px-5 py-3.5 text-[14px] font-semibold text-ink\" scope=\"row\">Priority support<\/th>\n\t\t\t\t\t\t\t\t<td class=\"px-5 py-3.5\"><span class=\"inline-flex items-center gap-1.5 text-[13.5px] font-medium text-ink-soft\"><svg aria-hidden=\"true\" class=\"lucide lucide-minus h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><\/svg>No<\/span><\/td>\n\t\t\t\t\t\t\t\t<td class=\"bg-brand\/4 px-5 py-3.5\"><span class=\"inline-flex items-center gap-1.5 text-[13.5px] font-semibold text-brand\"><svg aria-hidden=\"true\" class=\"lucide lucide-check h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Yes<\/span><\/td>\n\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\t\t\t\t\t<\/tbody>\n\t\t\t\t<\/table>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<div class=\"mt-8 flex flex-col gap-3 sm:flex-row\">\n\t\t\t\t<a class=\"inline-flex items-center justify-center gap-2 rounded-lg bg-brand px-5 py-3 text-[14.5px] font-semibold text-brand-foreground transition-colors hover:bg-brand-deep\" href=\"#pricing\" target=\"_self\">\n\t\t\t\t\tBuy Pro\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/section>\n\n\n<section class=\"border-b border-hairline bg-surface-alt\" id=\"compatibility\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-11 sm:px-6 lg:py-16\">\n\t\t<div class=\"max-w-3xl\">\n\t\t\t\t\t\t\t<p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">Compatibility<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">Verified WooCommerce compatibility<\/h2>\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<dl class=\"mt-7 grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline bg-surface px-4 py-3.5\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-bold tracking-[0.1em] text-ink-soft uppercase\">HPOS<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1.5 text-[14.5px] font-semibold text-ink\">Compatible<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline bg-surface px-4 py-3.5\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-bold tracking-[0.1em] text-ink-soft uppercase\">Checkout Blocks<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1.5 text-[14.5px] font-semibold text-ink\">Compatible<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline bg-surface px-4 py-3.5\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-bold tracking-[0.1em] text-ink-soft uppercase\">WooCommerce<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1.5 text-[14.5px] font-semibold text-ink\">Tested up to 9.0<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline bg-surface px-4 py-3.5\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-bold tracking-[0.1em] text-ink-soft uppercase\">WordPress<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1.5 text-[14.5px] font-semibold text-ink\">Tested up to 7.0<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline bg-surface px-4 py-3.5\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-bold tracking-[0.1em] text-ink-soft uppercase\">PHP requirement<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1.5 text-[14.5px] font-semibold text-ink\">[Minimum version]<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline bg-surface px-4 py-3.5\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-bold tracking-[0.1em] text-ink-soft uppercase\">Plugin version<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1.5 text-[14.5px] font-semibold text-ink\">[version]<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline bg-surface px-4 py-3.5\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-bold tracking-[0.1em] text-ink-soft uppercase\">Last updated<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1.5 text-[14.5px] font-semibold text-ink\">[date]<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"rounded-xl border border-hairline bg-surface px-4 py-3.5\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-bold tracking-[0.1em] text-ink-soft uppercase\">Documentation<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1.5 text-[14.5px] font-semibold text-ink\">Setup guides and changelog<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/dl>\n\t\t\t\t\n\t\t\t\t\t<p class=\"mt-5 text-[12.5px] text-ink-soft italic\">Version and tested-up-to values are dynamic fields intended to be populated from plugin metadata.<\/p>\n\t\t\t<\/div>\n<\/section>\n\n\n<section id=\"support\" class=\"border-b border-hairline \">\n\t<div class=\"mx-auto max-w-7xl px-4 py-16 sm:px-6 lg:py-24\">\n\n\t\t<div class=\"max-w-3xl\">\n\t\t\t\t\t\t\t<p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">Reviews<\/p>\n\t\t\t\t\t\t\t\t<h2 class=\"mt-3 text-[28px] leading-tight font-extrabold text-ink sm:text-[36px]\">What merchants say<\/h2>\n\t\t\t\t\t\t\t\t\t\t<p class=\"mt-4 text-[14px] leading-relaxed text-ink-soft\">Names, companies, sources and use cases below are placeholders. Replace them with verified customer testimonials and WordPress.org reviews before publishing.<\/p>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"mt-10 grid gap-8 lg:grid-cols-[minmax(0,1.45fr)_minmax(0,1fr)] lg:gap-12\">\n\n\t\t\t\t\t\t<figure class=\"border-l-2 border-brand pl-6 lg:pl-8\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-quote h-7 w-7 text-brand\/30\" aria-hidden=\"true\"><path d=\"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"><\/path><path d=\"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"><\/path><\/svg>\t\t\t\t<blockquote class=\"mt-4 text-[22px] leading-[1.45] font-semibold text-ink text-balance sm:text-[27px]\">\n\t\t\t\t\t&ldquo;[Verified customer quote \u2014 ideally describing a manual or offline payment workflow such as Zelle, bank transfer or invoice payments.] &rdquo;\n\t\t\t\t<\/blockquote>\n\t\t\t\t<figcaption class=\"mt-6 text-[14px] text-ink-soft\">\n\t\t\t\t\t<span class=\"block font-bold text-ink\">[Customer name] <\/span>\n\t\t\t\t\t<span class=\"block\">[Company \/ store]<\/span>\n\t\t\t\t\t<span class=\"mt-2 block text-[12.5px] font-semibold text-brand\">[Review source \u2014 WordPress.org or direct] \u2014 [Plugin version and use case]<\/span>\n\t\t\t\t<\/figcaption>\n\t\t\t<\/figure>\n\n\t\t\t\t\t\t\t<div class=\"flex flex-col gap-5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"border-t border-hairline pt-5\">\n\t\t\t\t\t\t\t<blockquote class=\"text-[14.5px] leading-[1.7] text-ink\">\n\t\t\t\t\t\t\t\t&ldquo;[Verified short review \u2014 multiple custom payment methods.]&rdquo;\n\t\t\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t\t\t<figcaption class=\"mt-3 text-[13px] text-ink-soft\">\n\t\t\t\t\t\t\t\t<span class=\"font-semibold text-ink\">[Customer name]<\/span>,\n\t\t\t\t\t\t\t\t[Company \/ store]\t\t\t\t\t\t\t\t<span class=\"mt-1.5 block text-[12px] font-semibold text-brand\">[Review source] \u2014 [Use case]<\/span>\n\t\t\t\t\t\t\t<\/figcaption>\n\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"border-t border-hairline pt-5\">\n\t\t\t\t\t\t\t<blockquote class=\"text-[14.5px] leading-[1.7] text-ink\">\n\t\t\t\t\t\t\t\t&ldquo;[Verified short review \u2014 specialized checkout requirement.]&rdquo;\n\t\t\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t\t\t<figcaption class=\"mt-3 text-[13px] text-ink-soft\">\n\t\t\t\t\t\t\t\t<span class=\"font-semibold text-ink\">[Customer name]<\/span>,\n\t\t\t\t\t\t\t\t[Company \/ store]\t\t\t\t\t\t\t\t<span class=\"mt-1.5 block text-[12px] font-semibold text-brand\">[Review source] \u2014 [Use case]<\/span>\n\t\t\t\t\t\t\t<\/figcaption>\n\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"rounded-xl border border-dashed border-hairline px-4 py-4 text-[12.5px] font-medium text-ink-soft\">\n\t\t\t\t\t\tWordPress.org reviews and verified customer details \u2014 placeholder\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n<section id=\"pricing\" class=\"border-b border-hairline bg-surface-alt\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:py-20\">\n\t\t<div class=\"max-w-3xl\">\n\t\t\t\t\t\t\t<p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">Pricing<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">Choose the license that fits your store<\/h2>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<p class=\"mt-4 text-[15.5px] leading-[1.7] text-ink-soft\">Annual licenses include updates and support for one year. Lifetime licenses are a one-time payment. Prices in [brackets] are placeholders until the live pricing is confirmed.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<div aria-label=\"Billing term\" class=\"mt-8 inline-flex rounded-lg border border-hairline bg-surface p-1\" data-active-class=\"rounded-md px-4 py-2 text-[13.5px] font-semibold capitalize transition-colors bg-brand text-brand-foreground\" data-inactive-class=\"rounded-md px-4 py-2 text-[13.5px] font-semibold capitalize transition-colors text-ink-soft hover:text-ink\" data-term-toggle role=\"group\">\n\t\t\t\t<button aria-pressed=\"true\" class=\"rounded-md px-4 py-2 text-[13.5px] font-semibold capitalize transition-colors bg-brand text-brand-foreground\" data-term=\"annual\" type=\"button\">annual<\/button>\n\t\t\t\t<button aria-pressed=\"false\" class=\"rounded-md px-4 py-2 text-[13.5px] font-semibold capitalize transition-colors text-ink-soft hover:text-ink\" data-term=\"lifetime\" type=\"button\">lifetime<\/button>\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t<div class=\"mt-8 grid gap-5 lg:grid-cols-3\" data-term-panel=\"annual\">\n\t\t\t\t\t\t\t\t\t\t<article class=\"flex flex-col rounded-2xl border bg-surface p-6 lg:p-7 border-hairline shadow-card\">\n\t\t<div class=\"flex items-center justify-between gap-3\">\n\t\t\t<h3 class=\"text-[17px] font-extrabold text-ink\">\n\t\t\t\tSingle Site\t\t\t<\/h3>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<p class=\"mt-1.5 text-[13.5px] font-medium text-ink-soft\">\n\t\t\t\t1 website\t\t\t<\/p>\n\t\t\n\t\t<p class=\"mt-6 text-[32px] leading-none font-extrabold text-ink\">\n\t\t\t[$XX]\t\t<\/p>\n\n\t\t\t\t\t<p class=\"mt-2 text-[13px] font-semibold text-ink-soft\">\n\t\t\t\tBilled yearly\t\t\t<\/p>\n\t\t\n\t\t\t\t\t<ul class=\"mt-6 space-y-2.5 border-t border-hairline pt-5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclass=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Plugin updates included<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclass=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Standard email support<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclass=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>License renews yearly<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\n\t\t\t\t\t<a class=\"mt-7 inline-flex items-center justify-center gap-2 rounded-lg px-5 py-3 text-[14.5px] font-semibold transition-colors border border-brand\/30 text-brand hover:bg-brand\/8\"\n\t\t\t\thref=\"#\">\n\t\t\t\tBuy Pro\t\t\t<\/a>\n\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t<article class=\"flex flex-col rounded-2xl border bg-surface p-6 lg:p-7 border-brand shadow-lift\">\n\t\t<div class=\"flex items-center justify-between gap-3\">\n\t\t\t<h3 class=\"text-[17px] font-extrabold text-ink\">\n\t\t\t\t5 Sites\t\t\t<\/h3>\n\n\t\t\t\t\t\t\t<span class=\"rounded-full bg-brand\/10 px-2.5 py-1 text-[11px] font-bold text-brand uppercase\">\n\t\t\t\t\tMost chosen\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<p class=\"mt-1.5 text-[13.5px] font-medium text-ink-soft\">\n\t\t\t\tUp to 5 websites\t\t\t<\/p>\n\t\t\n\t\t<p class=\"mt-6 text-[32px] leading-none font-extrabold text-ink\">\n\t\t\t[$XX]\t\t<\/p>\n\n\t\t\t\t\t<p class=\"mt-2 text-[13px] font-semibold text-ink-soft\">\n\t\t\t\tBilled yearly\t\t\t<\/p>\n\t\t\n\t\t\t\t\t<ul class=\"mt-6 space-y-2.5 border-t border-hairline pt-5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclass=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Plugin updates included <\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclass=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Priority email support <\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclass=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>License renews yearly<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\n\t\t\t\t\t<a class=\"mt-7 inline-flex items-center justify-center gap-2 rounded-lg px-5 py-3 text-[14.5px] font-semibold transition-colors bg-brand text-brand-foreground hover:bg-brand-deep\"\n\t\t\t\thref=\"#\">\n\t\t\t\tBuy Pro\t\t\t<\/a>\n\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t<article class=\"flex flex-col rounded-2xl border bg-surface p-6 lg:p-7 border-hairline shadow-card\">\n\t\t<div class=\"flex items-center justify-between gap-3\">\n\t\t\t<h3 class=\"text-[17px] font-extrabold text-ink\">\n\t\t\t\tUnlimited Sites\t\t\t<\/h3>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<p class=\"mt-1.5 text-[13.5px] font-medium text-ink-soft\">\n\t\t\t\tUnlimited websites\t\t\t<\/p>\n\t\t\n\t\t<p class=\"mt-6 text-[32px] leading-none font-extrabold text-ink\">\n\t\t\t[$XX]\t\t<\/p>\n\n\t\t\t\t\t<p class=\"mt-2 text-[13px] font-semibold text-ink-soft\">\n\t\t\t\tBilled yearly\t\t\t<\/p>\n\t\t\n\t\t\t\t\t<ul class=\"mt-6 space-y-2.5 border-t border-hairline pt-5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclass=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Plugin updates included<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclass=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Priority email support <\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclass=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>License renews yearly<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\n\t\t\t\t\t<a class=\"mt-7 inline-flex items-center justify-center gap-2 rounded-lg px-5 py-3 text-[14.5px] font-semibold transition-colors border border-brand\/30 text-brand hover:bg-brand\/8\"\n\t\t\t\thref=\"#\">\n\t\t\t\tBuy Pro\t\t\t<\/a>\n\t\t\t<\/article>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t<div class=\"mt-8 grid gap-5 lg:grid-cols-3\" data-term-panel=\"lifetime\" hidden>\n\t\t\t\t\t\t\t\t\t\t<article class=\"flex flex-col rounded-2xl border bg-surface p-6 lg:p-7 border-hairline shadow-card\">\n\t\t<div class=\"flex items-center justify-between gap-3\">\n\t\t\t<h3 class=\"text-[17px] font-extrabold text-ink\">\n\t\t\t\tSingle Site\t\t\t<\/h3>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<p class=\"mt-1.5 text-[13.5px] font-medium text-ink-soft\">\n\t\t\t\t 1 website\t\t\t<\/p>\n\t\t\n\t\t<p class=\"mt-6 text-[32px] leading-none font-extrabold text-ink\">\n\t\t\t[$XXX]\t\t<\/p>\n\n\t\t\t\t\t<p class=\"mt-2 text-[13px] font-semibold text-ink-soft\">\n\t\t\t\tOne-time payment\t\t\t<\/p>\n\t\t\n\t\t\t\t\t<ul class=\"mt-6 space-y-2.5 border-t border-hairline pt-5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclass=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Plugin updates included<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclass=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Standard email support<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclass=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>License renews yearly<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\n\t\t\t\t\t<a class=\"mt-7 inline-flex items-center justify-center gap-2 rounded-lg px-5 py-3 text-[14.5px] font-semibold transition-colors border border-brand\/30 text-brand hover:bg-brand\/8\"\n\t\t\t\thref=\"#\">\n\t\t\t\tBuy Pro\t\t\t<\/a>\n\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t<article class=\"flex flex-col rounded-2xl border bg-surface p-6 lg:p-7 border-brand shadow-lift\">\n\t\t<div class=\"flex items-center justify-between gap-3\">\n\t\t\t<h3 class=\"text-[17px] font-extrabold text-ink\">\n\t\t\t\t5 Sites\t\t\t<\/h3>\n\n\t\t\t\t\t\t\t<span class=\"rounded-full bg-brand\/10 px-2.5 py-1 text-[11px] font-bold text-brand uppercase\">\n\t\t\t\t\tMost chosen\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<p class=\"mt-1.5 text-[13.5px] font-medium text-ink-soft\">\n\t\t\t\tUp to 5 websites\t\t\t<\/p>\n\t\t\n\t\t<p class=\"mt-6 text-[32px] leading-none font-extrabold text-ink\">\n\t\t\t[$XXX]\t\t<\/p>\n\n\t\t\t\t\t<p class=\"mt-2 text-[13px] font-semibold text-ink-soft\">\n\t\t\t\tOne-time payment\t\t\t<\/p>\n\t\t\n\t\t\t\t\t<ul class=\"mt-6 space-y-2.5 border-t border-hairline pt-5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclass=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Plugin updates included <\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclass=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Priority email support<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclass=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span> Lifetime access, no renewal<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\n\t\t\t\t\t<a class=\"mt-7 inline-flex items-center justify-center gap-2 rounded-lg px-5 py-3 text-[14.5px] font-semibold transition-colors bg-brand text-brand-foreground hover:bg-brand-deep\"\n\t\t\t\thref=\"#\">\n\t\t\t\tBuy Pro\t\t\t<\/a>\n\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t<article class=\"flex flex-col rounded-2xl border bg-surface p-6 lg:p-7 border-hairline shadow-card\">\n\t\t<div class=\"flex items-center justify-between gap-3\">\n\t\t\t<h3 class=\"text-[17px] font-extrabold text-ink\">\n\t\t\t\tUnlimited Sites\t\t\t<\/h3>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<p class=\"mt-1.5 text-[13.5px] font-medium text-ink-soft\">\n\t\t\t\tUnlimited websites\t\t\t<\/p>\n\t\t\n\t\t<p class=\"mt-6 text-[32px] leading-none font-extrabold text-ink\">\n\t\t\t[$XXX]\t\t<\/p>\n\n\t\t\t\t\t<p class=\"mt-2 text-[13px] font-semibold text-ink-soft\">\n\t\t\t\tOne-time payment\t\t\t<\/p>\n\t\t\n\t\t\t\t\t<ul class=\"mt-6 space-y-2.5 border-t border-hairline pt-5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclass=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Plugin updates included <\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclass=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Priority email support <\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"flex items-start gap-2 text-[13.5px] text-ink\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclass=\"lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-brand\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M20 6 9 17l-5-5\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<span>Lifetime access, no renewal<\/span>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\n\t\t\t\t\t<a class=\"mt-7 inline-flex items-center justify-center gap-2 rounded-lg px-5 py-3 text-[14.5px] font-semibold transition-colors border border-brand\/30 text-brand hover:bg-brand\/8\"\n\t\t\t\thref=\"#\">\n\t\t\t\tBuy Pro\t\t\t<\/a>\n\t\t\t<\/article>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/section>\n\n\n<section class=\"border-b border-hairline\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:py-12\">\n\t\t<div class=\"flex items-start gap-4 rounded-2xl border border-hairline bg-surface-alt p-5 lg:p-6\">\n\t\t\t<span class=\"inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-brand\/10 text-brand\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-shield-check h-5.5 w-5.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t<path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path>\n\t\t\t\t\t<path d=\"m9 12 2 2 4-4\"><\/path>\n\t\t\t\t<\/svg>\n\t\t\t<\/span>\n\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<h2 class=\"text-[17px] font-extrabold text-ink\">Try it with confidence<\/h2>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"mt-1.5 max-w-[70ch] text-[14px] leading-[1.7] text-ink-soft\">[Verified refund period]-day money-back guarantee. If the plugin does not work for your payment workflow, contact support for a refund within the guarantee period.<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n<section id=\"faq\" class=\"border-b border-hairline bg-surface-alt\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:py-20\">\n\t\t<div class=\"max-w-3xl\">\n\t\t\t\t\t\t\t<p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">FAQ<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">Frequently asked questions<\/h2>\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<div class=\"mt-9 grid gap-3 lg:grid-cols-2 lg:gap-x-6\">\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tWhat is a custom payment gateway?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">A payment method you define yourself \u2014 a name, description, instructions and rules \u2014 that appears at WooCommerce checkout alongside standard gateways.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tDoes this process payments automatically?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">No. It creates manual and offline payment methods. Money is collected outside the store \u2014 by transfer, invoice or in person \u2014 and the order records the method plus any details the customer submitted.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tCan I create more than one gateway?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">Yes, Pro supports multiple custom payment methods, each with its own settings. Free version limits are listed in the comparison table.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tCan I use this for Zelle?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">Yes. Create a method named for Zelle, add your payment instructions and, if needed, a field for the customer&#8217;s reference number.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tCan I add custom fields?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">Yes. Pro lets you add fields to a payment method and mark them required or optional.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tCan I charge an extra payment fee?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">Yes. A fixed or percentage fee can be applied when a specific payment method is selected.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tCan I control which products show a gateway?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">Yes. Gateway availability can be limited by product, category, cart value or shipping method.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tIs it compatible with HPOS?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">Yes, the plugin is compatible with High-Performance Order Storage.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tDoes it work with Checkout Blocks?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">Yes, the plugin is compatible with the block-based checkout.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tWhat happens after the customer selects a manual payment method?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">The order is created with the status you configured, your instructions appear on the order-received page and in the order email, and submitted field values are stored with the order.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tIs a Free version available?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">Yes. The Free version covers a basic custom payment method; Pro adds multiple gateways, fields, fees and conditions.<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<details class=\"group rounded-xl border border-hairline bg-surface px-4 py-1 open:border-brand\/30\">\n\t\t\t\t\t\t<summary class=\"flex cursor-pointer items-center justify-between gap-4 py-3.5 text-[14.5px] font-semibold text-ink marker:content-none\">\n\t\t\t\t\t\t\tWhat support is included?\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-chevron-down h-4 w-4 shrink-0 text-ink-soft transition-transform group-open:rotate-180\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"m6 9 6 6 6-6\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t\t\t<p class=\"pb-4 text-[13.5px] leading-[1.7] text-ink-soft\">Pro licenses include email support and plugin updates for the license period. [Confirm response-time policy.]<\/p>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/section>\n\n\n<section id=\"technical\" class=\"border-b border-hairline\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:py-14\">\n\t\t\t\t\t<h2 class=\"text-[12.5px] font-bold tracking-[0.14em] text-ink-soft uppercase\">Technical information<\/h2>\n\t\t\t\t\n\t\t\t\t\t<dl class=\"mt-5 grid gap-x-8 gap-y-3 sm:grid-cols-2 lg:grid-cols-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"border-t border-hairline pt-3\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-medium text-ink-soft\">Current version<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1 text-[14px] font-semibold text-ink\"> [version]<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"border-t border-hairline pt-3\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-medium text-ink-soft\">Last updated<\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1 text-[14px] font-semibold text-ink\"> [date]<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"border-t border-hairline pt-3\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-medium text-ink-soft\">WordPress tested up to <\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1 text-[14px] font-semibold text-ink\">[version]<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"border-t border-hairline pt-3\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-medium text-ink-soft\">WooCommerce tested up to <\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1 text-[14px] font-semibold text-ink\">[version]<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"border-t border-hairline pt-3\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-medium text-ink-soft\">PHP requirement <\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1 text-[14px] font-semibold text-ink\">[version]<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"border-t border-hairline pt-3\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-medium text-ink-soft\">HPOS compatibility <\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1 text-[14px] font-semibold text-ink\">Compatible<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"border-t border-hairline pt-3\">\n\t\t\t\t\t\t\t<dt class=\"text-[12px] font-medium text-ink-soft\">Checkout Blocks compatibility <\/dt>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<dd class=\"mt-1 text-[14px] font-semibold text-ink\">Compatible<\/dd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/dl>\n\t\t\t\t\n\t\t\t\t\t<div class=\"mt-6 flex flex-wrap gap-x-6 gap-y-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"inline-flex items-center gap-1.5 text-[13.5px] font-semibold text-brand hover:underline\" href=\"#\" target=\"_self\">\n\t\t\t\t\t\t\tDocumentation\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-3.5 w-3.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M5 12h14\"><\/path>\n\t\t\t\t\t\t\t\t<path d=\"m12 5 7 7-7 7\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"inline-flex items-center gap-1.5 text-[13.5px] font-semibold text-brand hover:underline\" href=\"#\" target=\"_self\">\n\t\t\t\t\t\t\tChangelog\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-3.5 w-3.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M5 12h14\"><\/path>\n\t\t\t\t\t\t\t\t<path d=\"m12 5 7 7-7 7\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t<p class=\"mt-4 text-[12px] text-ink-soft italic\">These fields are intended to be populated from plugin metadata rather than hardcoded.<\/p>\n\t\t\t<\/div>\n<\/section>\n\n\n<section class=\"border-b border-hairline bg-surface-alt\">\n\t<div class=\"mx-auto max-w-7xl px-4 py-11 sm:px-6 lg:py-16\">\n\t\t<div class=\"max-w-3xl\">\n\t\t\t\t\t\t\t<p class=\"text-[12.5px] font-bold tracking-[0.14em] text-brand uppercase\">Related<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2 class=\"mt-3 text-[26px] leading-tight font-extrabold text-ink sm:text-[34px]\">More WooCommerce tools from Imaginate Solutions<\/h2>\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<div class=\"mt-8 grid gap-5 lg:grid-cols-3\">\n\t\t\t\t\t\t\t\t\t<article class=\"flex items-start gap-4 rounded-xl border bg-surface p-5 transition-colors hover:border-brand\/30 border-brand\/30 shadow-card\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-brand\/10 text-brand\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"h-5 w-5\" data-tsd-source=\"\/src\/components\/home\/visuals.tsx:48:5\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle><path d=\"M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6\"><\/path><path d=\"M17 9h4M19 7v4\"><\/path><\/svg>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-1.5 inline-flex rounded bg-brand\/10 px-2 py-0.5 text-[10.5px] font-bold tracking-[0.06em] text-brand uppercase\">Works well with Custom Payment Gateways<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h3 class=\"text-[15.5px] leading-snug font-bold text-ink\">Payment Gateways by User Roles<\/h3>\n\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[13px] leading-[1.6] text-ink-soft\">Show or hide payment methods based on the customer&#039;s user role.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"mt-3 inline-flex items-center gap-1.5 text-[13px] font-semibold text-brand hover:underline\" href=\"#\" target=\"_self\">\n\t\t\t\t\t\t\t\t\tView Plugin\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-3.5 w-3.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M5 12h14\"><\/path>\n\t\t\t\t\t\t\t\t\t\t<path d=\"m12 5 7 7-7 7\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t<article class=\"flex items-start gap-4 rounded-xl border bg-surface p-5 transition-colors hover:border-brand\/30 border-hairline\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-brand\/10 text-brand\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"h-5 w-5\" data-tsd-source=\"\/src\/components\/home\/visuals.tsx:48:5\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" viewBox=\"0 0 24 24\"><path d=\"M3 7h10v9H3zM13 10h4l3 3v3h-7z\"><\/path><circle cx=\"7\" cy=\"18\" r=\"1.6\"><\/circle><circle cx=\"17\" cy=\"18\" r=\"1.6\"><\/circle><\/svg>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h3 class=\"text-[15.5px] leading-snug font-bold text-ink\">Custom Shipping Methods<\/h3>\n\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[13px] leading-[1.6] text-ink-soft\">Create shipping methods with your own rates and conditions.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"mt-3 inline-flex items-center gap-1.5 text-[13px] font-semibold text-brand hover:underline\" href=\"#\" target=\"_self\">\n\t\t\t\t\t\t\t\t\tView Plugin\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-3.5 w-3.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M5 12h14\"><\/path>\n\t\t\t\t\t\t\t\t\t\t<path d=\"m12 5 7 7-7 7\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t<article class=\"flex items-start gap-4 rounded-xl border bg-surface p-5 transition-colors hover:border-brand\/30 border-hairline\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-brand\/10 text-brand\">\n\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"h-5 w-5\" data-tsd-source=\"\/src\/components\/home\/visuals.tsx:48:5\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" viewBox=\"0 0 24 24\"><path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\"><\/path><path d=\"M14 3v5h5M9 13h6M9 17h4\"><\/path><\/svg>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h3 class=\"text-[15.5px] leading-snug font-bold text-ink\">WooCommerce Export Orders<\/h3>\n\t\t\t\t\t\t\t<p class=\"mt-1.5 text-[13px] leading-[1.6] text-ink-soft\">Export orders with the fields your operations team needs.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"mt-3 inline-flex items-center gap-1.5 text-[13px] font-semibold text-brand hover:underline\" href=\"#\" target=\"_self\">\n\t\t\t\t\t\t\t\t\tView Plugin\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-3.5 w-3.5\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M5 12h14\"><\/path>\n\t\t\t\t\t\t\t\t\t\t<path d=\"m12 5 7 7-7 7\"><\/path>\n\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/section>\n\n\n<section class=\"relative overflow-hidden border-b border-hairline\">\n\t<div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0 bg-gradient-to-br from-brand\/8 via-surface to-magenta\/6\"><\/div>\n\t<div class=\"relative mx-auto max-w-3xl px-4 py-12 text-center sm:px-6 lg:py-20\">\n\t\t\t\t\t<h2 class=\"text-[27px] leading-tight font-extrabold text-ink sm:text-[36px]\">Create the payment workflow your WooCommerce store actually needs<\/h2>\n\t\t\t\t\n\t\t\t\t\t<p class=\"mx-auto mt-4 max-w-[58ch] text-[16px] leading-[1.7] text-ink-soft\">Add custom manual payment methods, instructions, fields and conditions without building a payment gateway from scratch.<\/p>\n\t\t\t\t\n\t\t\t\t\t<div class=\"mt-8 flex flex-col items-center justify-center gap-3 sm:flex-row\">\n\t\t\t\t\t\t\t\t\t<a class=\"inline-flex w-full items-center justify-center gap-2 rounded-lg px-6 py-3.5 text-[15px] font-semibold transition-colors sm:w-auto bg-brand text-brand-foreground hover:bg-brand-deep\" href=\"https:\/\/dev.imaginate-solutions.com\/checkout\/?edd_action=add_to_cart&#038;download_id=206\" target=\"_self\">\n\t\t\t\t\t\tBuy Custom Payment Gateways Pro\t\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"lucide lucide-arrow-right h-4 w-4\" fill=\"none\" height=\"24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M5 12h14\"><\/path>\n\t\t\t\t\t\t\t\t<path d=\"m12 5 7 7-7 7\"><\/path>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<a class=\"inline-flex w-full items-center justify-center gap-2 rounded-lg px-6 py-3.5 text-[15px] font-semibold transition-colors sm:w-auto border border-brand\/30 bg-surface text-brand hover:bg-brand\/8\" href=\"#\" target=\"_self\">\n\t\t\t\t\t\tTry the Free Version\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":110,"featured_media":6224,"template":"","edd-categories":[12],"edd-tags":[32,33,2],"class_list":["post-4934","download","type-download","status-publish","has-post-thumbnail","hentry","download_category-premium-plugins","download_tag-checkout","download_tag-payment-gateway","download_tag-woocommerce","edd-download","edd-download-cat-premium-plugins","edd-download-tag-checkout","edd-download-tag-payment-gateway","edd-download-tag-woocommerce"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Custom Payment Gateways for WooCommerce - Imaginate Solutions<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Custom Payment Gateways for WooCommerce - Imaginate Solutions\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/custom-payment-gateways-for-woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Imaginate Solutions\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-08T12:27:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2021\/10\/Custom-Payment-Gateways-for-WooCommerce.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/downloads\\\/custom-payment-gateways-for-woocommerce\\\/\",\"url\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/downloads\\\/custom-payment-gateways-for-woocommerce\\\/\",\"name\":\"Custom Payment Gateways for WooCommerce - Imaginate Solutions\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/downloads\\\/custom-payment-gateways-for-woocommerce\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/downloads\\\/custom-payment-gateways-for-woocommerce\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/wp-content\\\/uploads\\\/edd\\\/2021\\\/10\\\/Custom-Payment-Gateways-for-WooCommerce.png\",\"datePublished\":\"2021-05-10T13:13:23+00:00\",\"dateModified\":\"2026-10-08T12:27:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/downloads\\\/custom-payment-gateways-for-woocommerce\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/downloads\\\/custom-payment-gateways-for-woocommerce\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/downloads\\\/custom-payment-gateways-for-woocommerce\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/wp-content\\\/uploads\\\/edd\\\/2021\\\/10\\\/Custom-Payment-Gateways-for-WooCommerce.png\",\"contentUrl\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/wp-content\\\/uploads\\\/edd\\\/2021\\\/10\\\/Custom-Payment-Gateways-for-WooCommerce.png\",\"width\":600,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/downloads\\\/custom-payment-gateways-for-woocommerce\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Downloads\",\"item\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/downloads\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Custom Payment Gateways for WooCommerce\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/#website\",\"url\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/\",\"name\":\"Imaginate Solutions\",\"description\":\"Complete Web Solution for you\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sandbox.imaginate-solutions.com\\\/imaginate\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Custom Payment Gateways for WooCommerce - Imaginate Solutions","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Custom Payment Gateways for WooCommerce - Imaginate Solutions","og_url":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/custom-payment-gateways-for-woocommerce\/","og_site_name":"Imaginate Solutions","article_modified_time":"2026-10-08T12:27:23+00:00","og_image":[{"width":600,"height":600,"url":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2021\/10\/Custom-Payment-Gateways-for-WooCommerce.png","type":"image\/png"}],"twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/custom-payment-gateways-for-woocommerce\/","url":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/custom-payment-gateways-for-woocommerce\/","name":"Custom Payment Gateways for WooCommerce - Imaginate Solutions","isPartOf":{"@id":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/custom-payment-gateways-for-woocommerce\/#primaryimage"},"image":{"@id":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/custom-payment-gateways-for-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2021\/10\/Custom-Payment-Gateways-for-WooCommerce.png","datePublished":"2021-05-10T13:13:23+00:00","dateModified":"2026-10-08T12:27:23+00:00","breadcrumb":{"@id":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/custom-payment-gateways-for-woocommerce\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/custom-payment-gateways-for-woocommerce\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/custom-payment-gateways-for-woocommerce\/#primaryimage","url":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2021\/10\/Custom-Payment-Gateways-for-WooCommerce.png","contentUrl":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-content\/uploads\/edd\/2021\/10\/Custom-Payment-Gateways-for-WooCommerce.png","width":600,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/custom-payment-gateways-for-woocommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/"},{"@type":"ListItem","position":2,"name":"Downloads","item":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/downloads\/"},{"@type":"ListItem","position":3,"name":"Custom Payment Gateways for WooCommerce"}]},{"@type":"WebSite","@id":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/#website","url":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/","name":"Imaginate Solutions","description":"Complete Web Solution for you","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/edd-downloads\/4934","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/edd-downloads"}],"about":[{"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/types\/download"}],"author":[{"embeddable":true,"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/users\/110"}],"version-history":[{"count":3,"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/edd-downloads\/4934\/revisions"}],"predecessor-version":[{"id":8224,"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/edd-downloads\/4934\/revisions\/8224"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/media\/6224"}],"wp:attachment":[{"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/media?parent=4934"}],"wp:term":[{"taxonomy":"download_category","embeddable":true,"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/edd-categories?post=4934"},{"taxonomy":"download_tag","embeddable":true,"href":"https:\/\/sandbox.imaginate-solutions.com\/imaginate\/wp-json\/wp\/v2\/edd-tags?post=4934"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}