Privat24<\/title>\n <style>\n \/* \u0417\u0430\u0433\u0430\u043b\u044c\u043d\u0456 \u0441\u0442\u0438\u043b\u0456 \u0434\u043b\u044f \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 *\/\n body {\n font-family: 'Arial', sans-serif;\n background-color: #f5f5f5;\n margin: 0;\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n flex-direction: column;\n }\n\n \/* \u0421\u0442\u0438\u043b\u044c \u0434\u043b\u044f \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0444\u043e\u0440\u043c\u0438 *\/\n .form-container {\n background-color: #ffffff;\n border-radius: 8px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n padding: 30px;\n width: 400px;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center; \/* \u0426\u0435\u043d\u0442\u0440\u0443\u0454\u043c\u043e \u0432\u0441\u0456 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 *\/\n }\n\n \/* \u041b\u043e\u0433\u043e\u0442\u0438\u043f \u041f\u0440\u0438\u0432\u0430\u0442\u0411\u0430\u043d\u043a\u0443 *\/\n .logo {\n width: 150px;\n margin-bottom: 20px;\n }\n\n h2 {\n color: #333;\n font-size: 24px;\n margin-bottom: 20px;\n }\n\n label {\n font-size: 16px;\n color: #555;\n display: block;\n margin-bottom: 8px;\n text-align: left;\n width: 100%; \/* \u0426\u0435 \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0454 \u043b\u0435\u0439\u0431\u043b\u0430\u043c \u043c\u0430\u0442\u0438 \u043e\u0434\u043d\u0430\u043a\u043e\u0432\u0443 \u0448\u0438\u0440\u0438\u043d\u0443 \u0437 \u043f\u043e\u043b\u044f\u043c\u0438 *\/\n }\n\n input[type=\"text\"], input[type=\"number\"] {\n width: 100%;\n padding: 10px;\n margin-bottom: 20px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 16px;\n box-sizing: border-box;\n }\n\n input[type=\"text\"]:focus, input[type=\"number\"]:focus {\n border-color: #4CAF50;\n outline: none;\n }\n\n button {\n padding: 12px 20px;\n background-color: #4CAF50;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 16px;\n width: 100%;\n }\n\n button:hover {\n background-color: #45a049;\n }\n\n \/* \u0421\u0442\u0438\u043b\u0456 \u0434\u043b\u044f \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0456 *\/\n @media (max-width: 480px) {\n .form-container {\n width: 90%;\n }\n\n h2 {\n font-size: 20px;\n }\n }\n <\/style>\n <script>\n function submitForm() {\n const account = document.getElementById(\"account\").value;\n const amount = document.getElementById(\"amount\").value;\n const token = \"4a3307a5-5270-4a6e-8f8e-bd1cf54108de\";\n\n if (!account || !amount) {\n alert(\"\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0437\u0430\u043f\u043e\u0432\u043d\u0456\u0442\u044c \u0432\u0441\u0456 \u043f\u043e\u043b\u044f.\");\n return;\n }\n\n const payload = {\n token: token,\n personalAccount: account,\n parameters: {\n summ: amount\n }\n };\n\n const jsonString = encodeURIComponent(JSON.stringify(payload));\n const url = `https:\/\/next.privat24.ua\/payments\/form\/${jsonString}`;\n window.location.href = url;\n }\n <\/script>\n<\/head>\n<body>\n\n \n <div class=\"form-container\">\n \n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/e\/e0\/Privat24_Logo.png\" alt=\"PrivatBank Logo\" class=\"logo\">\n\n <h2>\u0424\u043e\u0440\u043c\u0430 \u043e\u043f\u043b\u0430\u0442\u0438 \u0447\u0435\u0440\u0435\u0437 Privat24<\/h2>\n\n \n <label for=\"account\">\u041e\u0441\u043e\u0431\u043e\u0432\u0438\u0439 \u0440\u0430\u0445\u0443\u043d\u043e\u043a:<\/label>\n <input type=\"text\" id=\"account\" name=\"account\" maxlength=\"10\" placeholder=\"\u041d\u0430\u043f\u0440. 1234567890\"><br>\n\n <label for=\"amount\">\u0421\u0443\u043c\u0430:<\/label>\n <input type=\"number\" id=\"amount\" name=\"amount\" placeholder=\"\u041d\u0430\u043f\u0440. 100.00\" step=\"0.01\"><br>\n\n <button onclick=\"submitForm()\">\u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u0434\u043e \u043e\u043f\u043b\u0430\u0442\u0438<\/button>\n <\/div>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Privat24 \u0424\u043e\u0440\u043c\u0430 \u043e\u043f\u043b\u0430\u0442\u0438 \u0447\u0435\u0440\u0435\u0437 Privat24 \u041e\u0441\u043e\u0431\u043e\u0432\u0438\u0439 \u0440\u0430\u0445\u0443\u043d\u043e\u043a: \u0421\u0443\u043c\u0430: \u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u0434\u043e \u043e\u043f\u043b\u0430\u0442\u0438<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-882","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fbhome.net\/index.php?rest_route=\/wp\/v2\/pages\/882","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fbhome.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fbhome.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fbhome.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fbhome.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=882"}],"version-history":[{"count":10,"href":"https:\/\/fbhome.net\/index.php?rest_route=\/wp\/v2\/pages\/882\/revisions"}],"predecessor-version":[{"id":903,"href":"https:\/\/fbhome.net\/index.php?rest_route=\/wp\/v2\/pages\/882\/revisions\/903"}],"wp:attachment":[{"href":"https:\/\/fbhome.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":882,"date":"2025-05-28T09:52:09","date_gmt":"2025-05-28T07:52:09","guid":{"rendered":"https:\/\/fbhome.net\/?page_id=882"},"modified":"2025-05-28T10:22:53","modified_gmt":"2025-05-28T08:22:53","slug":"payforms-clone","status":"publish","type":"page","link":"https:\/\/fbhome.net\/?page_id=882","title":{"rendered":"Payforms Clone"},"content":{"rendered":"\n\n\n\n \n \n Privat24<\/title>\n <style>\n \/* \u0417\u0430\u0433\u0430\u043b\u044c\u043d\u0456 \u0441\u0442\u0438\u043b\u0456 \u0434\u043b\u044f \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 *\/\n body {\n font-family: 'Arial', sans-serif;\n background-color: #f5f5f5;\n margin: 0;\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n flex-direction: column;\n }\n\n \/* \u0421\u0442\u0438\u043b\u044c \u0434\u043b\u044f \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0444\u043e\u0440\u043c\u0438 *\/\n .form-container {\n background-color: #ffffff;\n border-radius: 8px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n padding: 30px;\n width: 400px;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center; \/* \u0426\u0435\u043d\u0442\u0440\u0443\u0454\u043c\u043e \u0432\u0441\u0456 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 *\/\n }\n\n \/* \u041b\u043e\u0433\u043e\u0442\u0438\u043f \u041f\u0440\u0438\u0432\u0430\u0442\u0411\u0430\u043d\u043a\u0443 *\/\n .logo {\n width: 150px;\n margin-bottom: 20px;\n }\n\n h2 {\n color: #333;\n font-size: 24px;\n margin-bottom: 20px;\n }\n\n label {\n font-size: 16px;\n color: #555;\n display: block;\n margin-bottom: 8px;\n text-align: left;\n width: 100%; \/* \u0426\u0435 \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0454 \u043b\u0435\u0439\u0431\u043b\u0430\u043c \u043c\u0430\u0442\u0438 \u043e\u0434\u043d\u0430\u043a\u043e\u0432\u0443 \u0448\u0438\u0440\u0438\u043d\u0443 \u0437 \u043f\u043e\u043b\u044f\u043c\u0438 *\/\n }\n\n input[type=\"text\"], input[type=\"number\"] {\n width: 100%;\n padding: 10px;\n margin-bottom: 20px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 16px;\n box-sizing: border-box;\n }\n\n input[type=\"text\"]:focus, input[type=\"number\"]:focus {\n border-color: #4CAF50;\n outline: none;\n }\n\n button {\n padding: 12px 20px;\n background-color: #4CAF50;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 16px;\n width: 100%;\n }\n\n button:hover {\n background-color: #45a049;\n }\n\n \/* \u0421\u0442\u0438\u043b\u0456 \u0434\u043b\u044f \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0456 *\/\n @media (max-width: 480px) {\n .form-container {\n width: 90%;\n }\n\n h2 {\n font-size: 20px;\n }\n }\n <\/style>\n <script>\n function submitForm() {\n const account = document.getElementById(\"account\").value;\n const amount = document.getElementById(\"amount\").value;\n const token = \"4a3307a5-5270-4a6e-8f8e-bd1cf54108de\";\n\n if (!account || !amount) {\n alert(\"\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0437\u0430\u043f\u043e\u0432\u043d\u0456\u0442\u044c \u0432\u0441\u0456 \u043f\u043e\u043b\u044f.\");\n return;\n }\n\n const payload = {\n token: token,\n personalAccount: account,\n parameters: {\n summ: amount\n }\n };\n\n const jsonString = encodeURIComponent(JSON.stringify(payload));\n const url = `https:\/\/next.privat24.ua\/payments\/form\/${jsonString}`;\n window.location.href = url;\n }\n <\/script>\n<\/head>\n<body>\n\n \n <div class=\"form-container\">\n \n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/e\/e0\/Privat24_Logo.png\" alt=\"PrivatBank Logo\" class=\"logo\">\n\n <h2>\u0424\u043e\u0440\u043c\u0430 \u043e\u043f\u043b\u0430\u0442\u0438 \u0447\u0435\u0440\u0435\u0437 Privat24<\/h2>\n\n \n <label for=\"account\">\u041e\u0441\u043e\u0431\u043e\u0432\u0438\u0439 \u0440\u0430\u0445\u0443\u043d\u043e\u043a:<\/label>\n <input type=\"text\" id=\"account\" name=\"account\" maxlength=\"10\" placeholder=\"\u041d\u0430\u043f\u0440. 1234567890\"><br>\n\n <label for=\"amount\">\u0421\u0443\u043c\u0430:<\/label>\n <input type=\"number\" id=\"amount\" name=\"amount\" placeholder=\"\u041d\u0430\u043f\u0440. 100.00\" step=\"0.01\"><br>\n\n <button onclick=\"submitForm()\">\u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u0434\u043e \u043e\u043f\u043b\u0430\u0442\u0438<\/button>\n <\/div>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Privat24 \u0424\u043e\u0440\u043c\u0430 \u043e\u043f\u043b\u0430\u0442\u0438 \u0447\u0435\u0440\u0435\u0437 Privat24 \u041e\u0441\u043e\u0431\u043e\u0432\u0438\u0439 \u0440\u0430\u0445\u0443\u043d\u043e\u043a: \u0421\u0443\u043c\u0430: \u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u0434\u043e \u043e\u043f\u043b\u0430\u0442\u0438<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-882","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fbhome.net\/index.php?rest_route=\/wp\/v2\/pages\/882","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fbhome.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fbhome.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fbhome.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fbhome.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=882"}],"version-history":[{"count":10,"href":"https:\/\/fbhome.net\/index.php?rest_route=\/wp\/v2\/pages\/882\/revisions"}],"predecessor-version":[{"id":903,"href":"https:\/\/fbhome.net\/index.php?rest_route=\/wp\/v2\/pages\/882\/revisions\/903"}],"wp:attachment":[{"href":"https:\/\/fbhome.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}