{"id":580,"date":"2025-09-16T08:48:42","date_gmt":"2025-09-16T01:48:42","guid":{"rendered":"https:\/\/sareocms-dev.capital-commerce.com\/become-an-affiliate\/"},"modified":"2025-11-05T09:11:23","modified_gmt":"2025-11-05T02:11:23","slug":"member-registration","status":"publish","type":"page","link":"https:\/\/staging.sareo.id\/id\/member-registration\/","title":{"rendered":"Pendaftaran Member"},"content":{"rendered":"<style>\r\n\/* Dynamic Banner Style *\/\r\nbody .register-container .register-background {\r\n    background: url('https:\/\/staging.sareo.id\/wp-content\/uploads\/2026\/07\/CATALOG-HYPURE-01-scaled.jpg') no-repeat center center !important;\r\n    background-size: cover !important;\r\n}\r\n.register-background__logo {\r\n    display: none !important;\r\n}\r\n<\/style>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     STEP 1: Customer Registration\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"register-page-wrapper\">\r\n        <div class=\"register-container\">\r\n            <!-- Left Panel -->\r\n            <div class=\"register-background\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/staging.sareo.id\/wp-content\/themes\/sareo\/_g3\/assets\/images\/logo-registration-white.png\" alt=\"Sareo\"\r\n                        class=\"register-background__logo\" \/>\r\n                            <\/div>\r\n\r\n            <div class=\"register-form-container\">\r\n                <div class=\"form-wrapper\">\r\n                    <span id=\"uap-register-form-messages\"><\/span>\r\n\r\n                    <div class=\"register-header\">\r\n                        <div class=\"welcome-text\">Create Your Account<\/div>\r\n                        <div class=\"subtitle-text\">Join Sareo Today<\/div>\r\n                    <\/div>\r\n\r\n                    <form action=\"\" method=\"post\"\r\n                        name=\"uap_createuser\" id=\"uap_createuser\"\r\n                        class=\"uap-form-create-edit\" enctype=\"multipart\/form-data\" data-trp-original-action=\"\">\r\n\r\n                        \r\n                        <div class=\"form-field\" id=\"userLogin\" style=\"display:none;\">\r\n                            <input type=\"hidden\" name=\"user_login\" value=\"\" \/>\r\n                        <\/div>\r\n\r\n                        <div class=\"form-field\">\r\n                            <label>Nama Anda<\/label>\r\n                            <div class=\"row\">\r\n                                <div class=\"col-6\" id=\"userFName\">\r\n                                    <input type=\"text\" placeholder=\"First name\"\r\n                                        name=\"first_name\" required \/>\r\n                                <\/div>\r\n                                <div class=\"col-6\" id=\"userLame\">\r\n                                    <input type=\"text\" placeholder=\"Nama belakang\"\r\n                                        name=\"last_name\" required \/>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"form-field\" id=\"userPhone\">\r\n                            <label>Nomor Telepon<\/label>\r\n                            <input type=\"number\" name=\"phone\"\r\n                                placeholder=\"Masukkan nomor telepon (628XXXXXXXX)\"\r\n                                required \/>\r\n                        <\/div>\r\n\r\n                        <div class=\"form-field\" id=\"userEmail\">\r\n                            <label>Email<\/label>\r\n                            <input type=\"email\" name=\"user_email\"\r\n                                placeholder=\"Masukkan email Anda\" required \/>\r\n                        <\/div>\r\n\r\n                        <div class=\"form-field\">\r\n                            <label>Kata Sandi<\/label>\r\n                            <div class=\"row\">\r\n                                <div class=\"col-6\" id=\"userPassword\">\r\n                                    <div class=\"password-wrapper\">\r\n                                        <input type=\"password\" name=\"pass1\"\r\n                                            placeholder=\"Masukkan kata sandi\"\r\n                                            autocomplete=\"off\" required \/>\r\n                                        <span class=\"password-toggle\" data-target=\"pass1\">\r\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\"\r\n                                                viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                                                stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"eye-open\">\r\n                                                <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\r\n                                                <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                                            <\/svg>\r\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\"\r\n                                                viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                                                stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"eye-closed\"\r\n                                                style=\"display:none;\">\r\n                                                <path\r\n                                                    d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\">\r\n                                                <\/path>\r\n                                                <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"><\/line>\r\n                                            <\/svg>\r\n                                        <\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"col-6\" id=\"userCPassword\">\r\n                                    <div class=\"password-wrapper\">\r\n                                        <input type=\"password\" name=\"pass2\"\r\n                                            placeholder=\"Konfirmasi kata sandi\"\r\n                                            autocomplete=\"off\" required \/>\r\n                                        <span class=\"password-toggle\" data-target=\"pass2\">\r\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\"\r\n                                                viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                                                stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"eye-open\">\r\n                                                <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\r\n                                                <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                                            <\/svg>\r\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\"\r\n                                                viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                                                stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"eye-closed\"\r\n                                                style=\"display:none;\">\r\n                                                <path\r\n                                                    d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\">\r\n                                                <\/path>\r\n                                                <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"><\/line>\r\n                                            <\/svg>\r\n                                        <\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                                                <div class=\"terms-section\">\r\n                            <div class=\"checkbox-option\">\r\n                                <input type=\"checkbox\" id=\"terms\" name=\"tos\" value=\"1\" required \/>\r\n                                <label for=\"terms\">Saya menyetujui <a\r\n                                        href=\"https:\/\/staging.sareo.id\/id\/tos-page\/\">Syarat dan Ketentuan<\/a><\/label>\r\n                            <\/div>\r\n                            <div class=\"checkbox-option\">\r\n                                <input type=\"checkbox\" id=\"newsletter\" name=\"digest\" \/>\r\n                                <label for=\"newsletter\">Berlangganan newsletter<\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                                                                                    <input type='hidden' name='uap_user_add_edit_nonce' value='62f4a545fb' \/>                                                            <input type=\"hidden\" name=\"uapaction\" id=\"uap_uapaction_field\" class=\"uap-form-element uap-form-element-hidden\" value=\"register\"  \/>                                                    \r\n                        \r\n                        <button type=\"submit\" name=\"Submit\"\r\n                            id=\"uap_submit_bttn\">Buat Akun<\/button>\r\n\r\n                        <div class=\"login-link\">Already have an account?                            <a href=\"https:\/\/staging.sareo.id\/id\/member-login\/\">Masuk<\/a>                        <\/div>\r\n\r\n                        \r\n                    <input type=\"hidden\" name=\"trp-form-language\" value=\"id\"\/><\/form>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n        \/* \u2500\u2500 Full-width layout: strip container constraints \u2500\u2500 *\/\r\n        ['.site-body-container','.main-section','.entry.entry-full','.entry-body','.entry-content'].forEach(function (s) {\r\n            var el = document.querySelector(s);\r\n            if (!el) return;\r\n            el.style.setProperty('max-width', '100%', 'important');\r\n            el.style.setProperty('width', '100%', 'important');\r\n            el.style.setProperty('padding', '0', 'important');\r\n            el.style.setProperty('margin', '0', 'important');\r\n            el.classList.remove('container');\r\n            el.classList.add('container-fluid');\r\n        });\r\n        var siteBody = document.querySelector('.site-body');\r\n        if (siteBody) {\r\n            siteBody.style.setProperty('padding-top', '0', 'important');\r\n            siteBody.style.setProperty('padding-bottom', '0', 'important');\r\n        }\r\n        \/* \u2500\u2500 Hide page header\/breadcrumbs \u2500\u2500 *\/\r\n        ['.page-header', '.entry-header', '.breadcrumb-section'].forEach(function (s) {\r\n            var el = document.querySelector(s);\r\n            if (el) el.style.setProperty('display', 'none', 'important');\r\n        });\r\n        \/* \u2500\u2500 Remove footer top spacing \u2500\u2500 *\/\r\n        var footer = document.querySelector('footer.site-footer, .site-footer');\r\n        if (footer) {\r\n            footer.style.setProperty('margin-top', '0', 'important');\r\n            footer.style.setProperty('padding-top', '0', 'important');\r\n        }\r\n    });\r\n    <\/script>\r\n\r\n                    <script>\r\n            jQuery(document).ready(function ($) {\r\n                $('.password-toggle').on('click', function () {\r\n                    const $toggle = $(this);\r\n                    const targetName = $toggle.data('target');\r\n                    const $input = $('input[name=\"' + targetName + '\"]');\r\n                    const isPassword = $input.attr('type') === 'password';\r\n\r\n                    $input.attr('type', isPassword ? 'text' : 'password');\r\n                    $toggle.find('.eye-open').toggle(!isPassword);\r\n                    $toggle.find('.eye-closed').toggle(isPassword);\r\n                });\r\n            });\r\n        <\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"vkexunit_cta_each_option":"","footnotes":""},"class_list":["post-580","page","type-page","status-publish","has-post-thumbnail","hentry"],"featured_image_url":[],"post_author":"Admin Sareo","assigned_categories":"","_links":{"self":[{"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/pages\/580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/comments?post=580"}],"version-history":[{"count":0,"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/pages\/580\/revisions"}],"wp:attachment":[{"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/media?parent=580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}