{"id":35,"date":"2025-06-15T14:34:52","date_gmt":"2025-06-15T13:34:52","guid":{"rendered":"https:\/\/tyl-paynow-wp.autify-payments.com\/index.php\/tyl-pay-now\/"},"modified":"2025-06-15T14:34:52","modified_gmt":"2025-06-15T13:34:52","slug":"tyl-pay-now","status":"publish","type":"page","link":"https:\/\/tyl-paynow-wp.autify-payments.com\/index.php\/tyl-pay-now\/","title":{"rendered":"Pay Now"},"content":{"rendered":"<div class=\"payup demo1\">\n    <div class=\"tyl-pay-now__form owncontainer\">\n        <form id=\"tyl-invoice-form\" method=\"post\">\n            <div class=\"payup-image\">\n                <div class=\"tyl-pay-now__form-banner\">\n                                    <\/div>\n            <\/div>\n            <div class=\"yourdetails\">\n                <div class=\"fields-set\">\n                    <div class=\"details-title your-details\">\n                        <h2>Your Details<\/h2>\n                    <\/div>\n                    <div class=\"field\">\n                                                    <label for=\"firstname\">Full Name<\/label>\n                                                <input id=\"firstname\" name=\"firstname\" type=\"text\" class=\"wpcf7-form-control\" maxlength=\"96\" \n                            placeholder=\"Full Name\" pattern=\"[A-Za-z'-]+(\\s[A-Za-z'-]+)*\" title=\"Please enter full name (letters, spaces, hyphens, and apostrophes allowed).\" \/>\n                    <\/div>\n                    <div class=\"field\">\n                                                    <label for=\"email\">Email Address<\/label>\n                                                <input id=\"email\" name=\"email\" type=\"email\" class=\"wpcf7-form-control\" maxlength=\"254\"\n                            placeholder=\"Email Address\"\n                            pattern=\"[^@]+@[^@]+\\.[a-zA-Z]{2,32}\" title=\"Please enter a valid email address.\" \/>\n                    <\/div>\n                    <div class=\"field\">\n                                                    <label for=\"invoice\">Invoice Number<\/label>\n                                                <input id=\"invoice\" name=\"invoice\" type=\"text\" class=\"wpcf7-form-control\"\n                            placeholder=\"Invoice Number\" \n                            pattern=\"[A-Za-z0-9\\-\\\/\\_\\s]+\" \n                            maxlength=\"50\"\n                            title=\"Only letters, numbers, hyphens, forward slashes, underscores and spaces are allowed\" \/>\n                    <\/div>\n                    <div class=\"invoiceamount-field field\">\n                                                    <label for=\"amount\">Invoice Amount<\/label>\n                                                <div class=\"invoiceamount\">\n                            <a href=\"#\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M19 11H5C4.73478 11 4.48043 11.1054 4.29289 11.2929C4.10536 11.4804 4 11.7348 4 12C4 12.2652 4.10536 12.5196 4.29289 12.7071C4.48043 12.8946 4.73478 13 5 13H19C19.2652 13 19.5196 12.8946 19.7071 12.7071C19.8946 12.5196 20 12.2652 20 12C20 11.7348 19.8946 11.4804 19.7071 11.2929C19.5196 11.1054 19.2652 11 19 11Z\"\n                                        fill=\"black\" \/>\n                                <\/svg>\n                            <\/a>\n\n                            <input id=\"amount\" name=\"amount\" type=\"number\" class=\"wpcf7-form-control\"\n                                value=\"1\"\n                                pattern=\"[0-9]+([\\.][0-9]{0,2})?\" title=\"Please enter a valid amount (up to 2 decimal places).\"\n                                step=\"0.01\"\n                                min=\"1\"\n                                max=\"9999\" \/>\n                            <a href=\"#\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M13 6C13 5.73478 12.8946 5.48043 12.7071 5.29289C12.5196 5.10536 12.2652 5 12 5C11.7348 5 11.4804 5.10536 11.2929 5.29289C11.1054 5.48043 11 5.73478 11 6V11H6C5.73478 11 5.48043 11.1054 5.29289 11.2929C5.10536 11.4804 5 11.7348 5 12C5 12.2652 5.10536 12.5196 5.29289 12.7071C5.48043 12.8946 5.73478 13 6 13H11V18C11 18.2652 11.1054 18.5196 11.2929 18.7071C11.4804 18.8946 11.7348 19 12 19C12.2652 19 12.5196 18.8946 12.7071 18.7071C12.8946 18.5196 13 18.2652 13 18V13H18C18.2652 13 18.5196 12.8946 18.7071 12.7071C18.8946 12.5196 19 12.2652 19 12C19 11.7348 18.8946 11.4804 18.7071 11.2929C18.5196 11.1054 18.2652 11 18 11H13V6Z\"\n                                        fill=\"black\" \/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"slider-container\">\n                        <input type=\"range\"\n                            min=\"1\"\n                            max=\"9999\"\n                            value=\"1\"\n                            class=\"slider\">\n                        <div class=\"slider-values\">\n                            <span>\u00a31<\/span>\n                            <span>\u00a39,999<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"fields-set\">\n                    <div class=\"details-title\">\n                        <h2>Billing Details<\/h2>\n                    <\/div>\n                    <div class=\"field\">\n                                                    <label for=\"billing_customername\">Customer Name<\/label>\n                                                <input id=\"billing_customername\" required name=\"billing_customername\" type=\"text\"\n                            class=\"wpcf7-form-control\"\n                            placeholder=\"Customer Name\"\n                            maxlength=\"96\" pattern=\"[A-Za-z'-]+(\\s[A-Za-z'-]+)*\" title=\"Please enter customer name (letters, spaces, hyphens, and apostrophes allowed).\" \/>\n                    <\/div>\n                    <div class=\"field\">\n                                            <\/div>\n                    <div class=\"field\">\n                                                    <label for=\"billing_address_1\">Address Line 1<\/label>\n                                                <input id=\"billing_address_1\" required name=\"billing_address_1\" type=\"text\"\n                            class=\"wpcf7-form-control\" placeholder=\"Address Line 1\" maxlength=\"96\"\n                            pattern=\"[A-Za-z0-9\\s,.-]+\" title=\"Please enter address line 1 (letters, numbers, spaces, commas, periods, and hyphens allowed).\" \/>\n                    <\/div>\n                                        <div class=\"field\">\n                                                    <label for=\"billing_city\">City<\/label>\n                                                <input id=\"billing_city\" required name=\"billing_city\" type=\"text\" class=\"wpcf7-form-control\"\n                            placeholder=\"City\" maxlength=\"96\" pattern=\"[A-Za-z]+(\\s[A-Za-z]+)*\" title=\"Please enter city (letters and spaces allowed).\" \/>\n                    <\/div>\n                    <div class=\"field\">\n                                                    <label for=\"billing_postcode\">Postcode<\/label>\n                                                <input id=\"billing_postcode\" required name=\"billing_postcode\" type=\"text\"\n                            class=\"wpcf7-form-control\" placeholder=\"Postcode\" maxlength=\"24\"\n                            pattern=\"[A-Za-z0-9\\s-]+\" title=\"Please enter postcode (letters, numbers, spaces, and hyphens allowed).\" \/>\n                    <\/div>\n                                                            <div class=\"field\">\n                                                    <label for=\"billing_phone\">Phone Number<\/label>\n                                                <input id=\"billing_phone\" required name=\"billing_phone\" type=\"tel\" class=\"wpcf7-form-control\" placeholder=\"Phone Number\" maxlength=\"14\" pattern=\"^(((\\+44\\s?\\d{4}|\\(?0\\d{4}\\)?)\\s?\\d{3}\\s?\\d{3})|((\\+44\\s?\\d{3}|\\(?0\\d{3}\\)?)\\s?\\d{3}\\s?\\d{4})|((\\+44\\s?\\d{2}|\\(?0\\d{2}\\)?)\\s?\\d{4}\\s?\\d{4}))(\\s?\\#(\\d{4}|\\d{3}))?$\" title=\"Billing Phone Number is Invalid. If you have used country code, please remove it.\">\n                    <\/div>\n\n                    \n                                                            <input type=\"hidden\" id=\"action\" name=\"action\" value=\"tyl_form_insert\" \/>\n                    <input type=\"hidden\" id=\"tyl-form-nonce\" name=\"tyl-form-nonce\"\n                        value=\"06501dad0f\">\n\n                    \n                    \n                    <!-- Payment Buttons -->\n                    <div class=\"payment-buttons\">\n                        <input type=\"hidden\" name=\"paynow\" value=\"Pay\" \/>\n                        <button type=\"submit\" class=\"payup-button\">\n                            <span>Proceed to payment<\/span>\n                            <div class=\"payment-logo\">\n                                <img decoding=\"async\" src=\"https:\/\/tyl-paynow-wp.autify-payments.com\/wp-content\/plugins\/tyl-by-natwest-paynow\/templates\/..\/assets\/images\/Tyl-NatWest_Logo_white.png\" \n                                    alt=\"Tyl by NatWest Logo\" \n                                    class=\"tyl-logo\">\n                            <\/div>\n                        <\/button>\n                        <span class=\"small-text\">\n                            Pay securely using a Credit or Debit Card, Apple Pay, Google Pay                        <\/span>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/form>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tyl-paynow-wp.autify-payments.com\/index.php\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tyl-paynow-wp.autify-payments.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tyl-paynow-wp.autify-payments.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tyl-paynow-wp.autify-payments.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tyl-paynow-wp.autify-payments.com\/index.php\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":0,"href":"https:\/\/tyl-paynow-wp.autify-payments.com\/index.php\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"wp:attachment":[{"href":"https:\/\/tyl-paynow-wp.autify-payments.com\/index.php\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}