{"id":32,"date":"2026-01-04T12:03:25","date_gmt":"2026-01-04T12:03:25","guid":{"rendered":"https:\/\/khaochalakhub.com\/?page_id=32"},"modified":"2026-01-04T12:31:44","modified_gmt":"2026-01-04T12:31:44","slug":"register-member","status":"publish","type":"page","link":"https:\/\/khaochalakhub.com\/index.php\/register-member\/","title":{"rendered":"register-member"},"content":{"rendered":"\n<!-- KC. Hub Member Registration Page (\/register-member) -->\n<div class=\"kc-payment-page\">\n  <div class=\"kc-header-simple\">\n    <a href=\"\/park\" class=\"back-link\">\u2190 \u0e22\u0e01\u0e40\u0e25\u0e34\u0e01<\/a>\n    <h2>\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01<\/h2>\n  <\/div>\n\n  <!-- Package Selection Banner -->\n  <div class=\"member-banner\">\n    <h3>TIER 1 MEMBER<\/h3>\n    <p>\u0e08\u0e2d\u0e14\u0e1f\u0e23\u0e35\u0e44\u0e21\u0e48\u0e2d\u0e31\u0e49\u0e19 \u2022 \u0e2a\u0e48\u0e27\u0e19\u0e25\u0e14\u0e04\u0e32\u0e40\u0e1f\u0e48 \u2022 \u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1e\u0e34\u0e40\u0e28\u0e29<\/p>\n  <\/div>\n\n  <div class=\"payment-card\">\n    <div class=\"amount-display premium\">\n      <span class=\"label\">\u0e04\u0e48\u0e32\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e23\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19<\/span>\n      <span class=\"value\">199.00<\/span>\n      <span class=\"currency\">THB<\/span>\n    <\/div>\n\n    <div class=\"qr-section\">\n      <p class=\"scan-label\">\u0e2a\u0e41\u0e01\u0e19 QR PromptPay<\/p>\n      <!-- \u0e43\u0e2a\u0e48\u0e23\u0e39\u0e1b QR Code \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e15\u0e23\u0e07\u0e19\u0e35\u0e49 -->\n      <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/d\/d0\/QR_code_for_mobile_English_Wikipedia.svg\" alt=\"PromptPay QR\" class=\"qr-image\">\n      <p class=\"account-name\">\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e04\u0e0b\u0e35 \u0e2e\u0e31\u0e1a \u0e08\u0e33\u0e01\u0e31\u0e14<\/p>\n    <\/div>\n\n    <div class=\"form-section\">\n      <p class=\"form-instruction\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e2a\u0e21\u0e31\u0e04\u0e23 &#038; \u0e41\u0e19\u0e1a\u0e2a\u0e25\u0e34\u0e1b<\/p>\n      \n      <!-- User Info (\u0e14\u0e36\u0e07\u0e08\u0e32\u0e01 Login \u0e16\u0e49\u0e32\u0e17\u0e33\u0e44\u0e14\u0e49 \u0e2b\u0e23\u0e37\u0e2d\u0e43\u0e2b\u0e49\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e01\u0e23\u0e2d\u0e01\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19) -->\n      <div class=\"user-info-box\">\n        <span class=\"icon\">\ud83d\udc64<\/span> \u0e2a\u0e21\u0e31\u0e04\u0e23\u0e43\u0e19\u0e0a\u0e37\u0e48\u0e2d: <strong>[current_user_name]<\/strong>\n      <\/div>\n\n      <!-- Shortcode \u0e02\u0e2d\u0e07 Seed Confirm Pro (\u0e41\u0e01\u0e49\u0e44\u0e02 ID \u0e43\u0e2b\u0e49\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07) -->\n      <div class=\"sc-message sc-message-success\" style=\"display: none; background-color:#57AD68;\"><\/div><div class=\"sc-message sc-message-error\" style=\"display: none;\"><\/div><form class=\"woocommerce sc-form _h \"><input type=\"hidden\" name=\"rest_nonce\" value=\"d07d33d8c9\"><div class=\"sc-flex\"><div class=\"sc-col sc-name\"><label for=\"seed_confirm_name\">Name<span>*<\/span><\/label><input class=\"input-text sc-input\" name=\"seed_confirm_name\" type=\"text\" value=\"\" data-required=\"true\" required data-massage=\"Required Name.\"><\/div><div class=\"sc-col sc-mobile\"><label for=\"sc-contact\">Mobile Phone<span>*<\/span><\/label><input class=\"input-text sc-input\" name=\"seed_confirm_contact\" type=\"tel\" pattern=\"\\d*\" maxlength=\"10\" value=\"\" data-required=\"true\" required><\/div><div class=\"sc-full sc-email\"><label for=\"sc-email\">Email<span>*<\/span><\/label><input class=\"input-text sc-input\" name=\"seed_confirm_email\" type=\"email\" value=\"\" data-required=\"true\" required data-massage=\"Required Email.\"><\/div><div class=\"sc-col sc-order\"><label for=\"sc-order\">Order No.<span>*<\/span><\/label><input type=\"text\" class=\"input-text sc-order-id sc-input\" name=\"seed_confirm_order\" value=\"\" data-required=\"true\" required data-massage=\"Required Order No.\"><\/div><div class=\"sc-col sc-amount\"><label for=\"sc-amount\">Amount<span>*<\/span><\/label><input type=\"number\" step=\".01\" class=\"input-text sc-order-total sc-input\" name=\"seed_confirm_amount\" value=\"\" data-required=\"true\" required data-massage=\"Required Amount.\"><\/div><div class=\"sc-full sc-banks bank-error-dialog\"><\/div><div class=\"sc-full sc-slip\"><label>Payment Slip<span>*<\/span><\/label><input type=\"file\" class=\"input-text sc-file\" name=\"seed_confirm_slip\"\" data-required=\"true\" required onchange=\"loadFile(event)\" data-massage=\"Required Payment Slip.\"><img id=\"file\" class=\"hide\" \/><script>var loadFile = function(event) {\n        var file = document.getElementById(\"file\");\n        file.src = URL.createObjectURL(event.target.files[0]);\n        file.onload = function() {URL.revokeObjectURL(file.src)};\n        file.classList.remove(\"hide\");\n        }<\/script><\/div><\/div><br \/><button type=\"submit\" class=\"button alt sc-submit-form\">Submit Payment Detail<\/button><\/form><div class=\"sc-loading\" style=\"display: none;\"><svg version=\"1.1\" id=\"loader-1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" enable-background=\"new 0 0 40 40\" xml:space=\"preserve\"><path opacity=\"0.2\" fill=\"#000\" d=\"M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946\n        \t\t\ts14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634\n        \t\t\tc0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z\"\/>\n        \t\t<path opacity=\"0.8\" fill=\"#000\" d=\"M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0\n        \t\t\tC22.32,8.481,24.301,9.057,26.013,10.047z\">\n        \t\t\t<animateTransform attributeType=\"xml\" attributeName=\"transform\" type=\"rotate\" from=\"0 20 20\" to=\"360 20 20\" dur=\"0.8s\" repeatCount=\"indefinite\"\/>\n        \t\t<\/path><\/svg><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* \u0e43\u0e0a\u0e49 Style \u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32 Visitor \u0e41\u0e15\u0e48\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e2a\u0e48\u0e27\u0e19 Member *\/\n  body { margin: 0; padding: 0; font-family: 'Kanit', sans-serif; background: #f5f5f4; color: #1c1917; }\n  \n  .kc-payment-page {\n    max-width: 450px; margin: 0 auto; min-height: 100vh; background: white;\n    box-shadow: 0 0 20px rgba(0,0,0,0.05); display: flex; flex-direction: column;\n  }\n\n  .kc-header-simple {\n    padding: 20px; background: white; border-bottom: 1px solid #e7e5e4;\n    display: flex; align-items: center; position: sticky; top: 0; z-index: 10;\n  }\n  .back-link { text-decoration: none; color: #57534e; font-weight: 500; font-size: 14px; margin-right: 15px; }\n  .kc-header-simple h2 { margin: 0; font-size: 18px; font-weight: 600; flex: 1; text-align: center; padding-right: 40px; }\n\n  .member-banner {\n    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);\n    color: white; padding: 20px; text-align: center;\n  }\n  .member-banner h3 { margin: 0; font-size: 20px; font-weight: 800; letter-spacing: 1px; }\n  .member-banner p { margin: 5px 0 0; font-size: 12px; opacity: 0.9; }\n\n  .payment-card { padding: 30px 20px; }\n\n  .amount-display.premium {\n    text-align: center; margin-bottom: 30px;\n    background: #fff7ed; padding: 20px; border-radius: 16px; border: 1px solid #ea580c;\n  }\n  .amount-display .label { display: block; font-size: 12px; color: #ea580c; margin-bottom: 5px; font-weight: bold; }\n  .amount-display .value { font-size: 42px; font-weight: 800; color: #ea580c; line-height: 1; }\n  .amount-display .currency { font-size: 14px; color: #ea580c; font-weight: 600; }\n\n  .qr-section { text-align: center; margin-bottom: 30px; }\n  .scan-label { font-size: 14px; color: #57534e; margin-bottom: 15px; font-weight: 500; }\n  .qr-image { width: 200px; height: 200px; border-radius: 12px; border: 1px solid #e7e5e4; padding: 10px; }\n  .account-name { font-size: 14px; font-weight: 600; margin-top: 10px; color: #1c1917; }\n\n  .form-section { background: #fafaf9; padding: 20px; border-radius: 16px; }\n  .form-instruction { margin: 0 0 15px; font-size: 14px; font-weight: 600; color: #44403c; }\n  \n  .user-info-box {\n    background: white; padding: 10px; border-radius: 8px; border: 1px solid #e7e5e4;\n    margin-bottom: 15px; font-size: 14px; color: #57534e; display: flex; align-items: center; gap: 8px;\n  }\n\n  \/* \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07 Style \u0e02\u0e2d\u0e07 Seed Confirm *\/\n  .seed-confirm-form input[type=\"text\"], .seed-confirm-form select {\n    width: 100%; padding: 12px; border: 1px solid #d6d3d1; border-radius: 8px;\n    margin-bottom: 15px; font-family: 'Kanit', sans-serif;\n  }\n  .seed-confirm-form button, .seed-confirm-form input[type=\"submit\"] {\n    width: 100%; background: #ea580c; color: white; border: none; padding: 14px;\n    border-radius: 8px; font-weight: bold; font-size: 16px; cursor: pointer;\n  }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u2190 \u0e22\u0e01\u0e40\u0e25\u0e34\u0e01 \u0e2a\u0e21\u0e31\u0e04\u0e23\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01 TIER 1 MEMBER \u0e08\u0e2d\u0e14\u0e1f\u0e23\u0e35\u0e44\u0e21\u0e48\u0e2d\u0e31\u0e49\u0e19 \u2022 \u0e2a\u0e48\u0e27\u0e19\u0e25\u0e14\u0e04\u0e32\u0e40\u0e1f\u0e48 \u2022 \u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1e\u0e34\u0e40\u0e28\u0e29 \u0e04\u0e48\u0e32\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e23\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19 199.00 THB \u0e2a\u0e41\u0e01\u0e19 QR PromptPay \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e04\u0e0b\u0e35 \u0e2e\u0e31\u0e1a \u0e08\u0e33\u0e01\u0e31\u0e14 \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e2a\u0e21\u0e31\u0e04\u0e23 &#038; \u0e41\u0e19\u0e1a\u0e2a\u0e25\u0e34\u0e1b \ud83d\udc64 \u0e2a\u0e21\u0e31\u0e04\u0e23\u0e43\u0e19\u0e0a\u0e37\u0e48\u0e2d: [current_user_name]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":2,"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/khaochalakhub.com\/index.php\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}