{"id":371,"date":"2026-01-12T06:27:29","date_gmt":"2026-01-12T06:27:29","guid":{"rendered":"https:\/\/pulsepass.fit\/?page_id=371"},"modified":"2026-01-12T06:27:30","modified_gmt":"2026-01-12T06:27:30","slug":"affiliate-partnership-application","status":"publish","type":"page","link":"https:\/\/pulsepass.fit\/yue\/affiliate-partnership-application\/","title":{"rendered":"affiliate partnership application"},"content":{"rendered":"<div class=\"affiliate-partnership-application-form\">\n    <div class=\"header-section\">\n        <h1>Program Application<\/h1>\n    <\/div>\n    \n    <form id=\"affiliate-partnership-application-form\" method=\"post\" action=\"\">\n        <input type=\"hidden\" name=\"action\" value=\"submit_affiliate_partnership_application\" \/>\n        <input type=\"hidden\" id=\"affiliate_nonce\" name=\"affiliate_nonce\" value=\"8adecbedcc\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/yue\/wp-json\/wp\/v2\/pages\/371\" \/>        \n        <div class=\"section\">\n            <div class=\"form-group\">\n                <label for=\"first_name\">First name *<\/label>\n                <input type=\"text\" id=\"first_name\" name=\"first_name\" required>\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"last_name\">Last name *<\/label>\n                <input type=\"text\" id=\"last_name\" name=\"last_name\" required>\n            <\/div>\n                        <div class=\"form-group\">\n                <label for=\"email\">Email *<\/label>\n                <input type=\"email\" id=\"email\" name=\"email\" required>\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"password\">Password *<\/label>\n                <input type=\"password\" id=\"password\" name=\"password\" required>\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"confirm_password\">Confirm password *<\/label>\n                <input type=\"password\" id=\"confirm_password\" name=\"confirm_password\" required>\n            <\/div>\n                        <div class=\"form-row\">\n                <div class=\"form-group\">\n                    <label for=\"country\">Region \/ Country *<\/label>\n                    <select id=\"country\" name=\"country\" required>\n                        <option value=\"\" disabled selected>Select country<\/option>\n                        <option value=\"United States\">United States<\/option>\n                        <option value=\"Canada\">Canada<\/option>\n                        <option value=\"United Kingdom\">United Kingdom<\/option>\n                        <option value=\"Australia\">Australia<\/option>\n                        <option value=\"Germany\">Germany<\/option>\n                        <option value=\"France\">France<\/option>\n                        <option value=\"Japan\">Japan<\/option>\n                        <option value=\"China\">China<\/option>\n                        <option value=\"India\">India<\/option>\n                        <option value=\"Brazil\">Brazil<\/option>\n                        <option value=\"Mexico\">Mexico<\/option>\n                        <option value=\"South Korea\">South Korea<\/option>\n                        <option value=\"Russia\">Russia<\/option>\n                        <option value=\"Italy\">Italy<\/option>\n                        <option value=\"Spain\">Spain<\/option>\n                        <option value=\"Netherlands\">Netherlands<\/option>\n                        <option value=\"Saudi Arabia\">Saudi Arabia<\/option>\n                        <option value=\"United Arab Emirates\">United Arab Emirates<\/option>\n                        <option value=\"Switzerland\">Switzerland<\/option>\n                        <option value=\"Other\">Other<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"city\">City *<\/label>\n                    <select id=\"city\" name=\"city\" required>\n                        <option value=\"\" disabled selected>Select city<\/option>\n                    <\/select>\n                    <input type=\"text\" id=\"city-other\" name=\"city_other\" placeholder=\"Enter city name\" style=\"display:none; margin-top: 10px;\" \/>\n                <\/div>\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"additional_details\">Additional Details *<\/label>\n                <textarea id=\"additional_details\" name=\"additional_details\" rows=\"5\" placeholder=\"Please provide additional details about your partnership application.\" required><\/textarea>\n            <\/div>\n\n            <!-- Phone \/ WhatsApp -->\n            <div class=\"form-group\">\n                <label for=\"contact\">Phone \/ WhatsApp *<\/label>\n                <input type=\"text\" id=\"contact\" name=\"contact\" required>\n            <\/div>\n\n            <!-- Audience Type or Community -->\n            <div class=\"form-group\">\n                <label for=\"audience_type_or_community\">Audience Type or Community *<\/label>\n                <input type=\"text\" id=\"audience_type_or_community\" name=\"audience_type_or_community\" required>\n            <\/div>\n            <div class=\"social-media-section\">\n                <h3>Social Media Profile<\/h3>\n                <div id=\"social-media-profiles\">\n                    <div class=\"social-media-profile\">\n                        <div class=\"form-row\">\n                            <div class=\"form-group\">\n                                <select name=\"social_platform[]\" class=\"social-platform\" required>\n                                    <option value=\"\" disabled selected>Select Social Media Platform...<\/option>\n                                    <option value=\"Facebook\">Facebook<\/option>\n                                    <option value=\"Instagram\">Instagram<\/option>\n                                    <option value=\"LinkedIn\">LinkedIn<\/option>\n                                    <option value=\"Pinterest\">Pinterest<\/option>\n                                    <option value=\"Snapchat\">Snapchat<\/option>\n                                    <option value=\"TikTok\">TikTok<\/option>\n                                    <option value=\"Twitch\">Twitch<\/option>\n                                    <option value=\"Twitter\">Twitter<\/option>\n                                    <option value=\"YouTube\">YouTube<\/option>\n                                    <option value=\"WeChat\">WeChat<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"form-group\">\n                                <input type=\"text\" name=\"social_username[]\" placeholder=\"Username\" required>\n                            <\/div>\n                        <\/div>\n                        <div class=\"remove-social-btn-container\">\n                            <button type=\"button\" class=\"remove-social-btn\" style=\"display:none;\">Remove<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <button type=\"button\" id=\"add-social-profile-btn\" class=\"secondary-btn\">Add Another Social Media Profile<\/button>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" id=\"submission_date\" name=\"submission_date\">\n        <div class=\"form-actions\">\n            <button type=\"submit\">SUBMIT APPLICATION<\/button>\n        <\/div>\n    <\/form>\n    \n    <div id=\"form-message\" class=\"form-message\" style=\"display: none;\"><\/div>\n<\/div>\n\n<style>\n.affiliate-partnership-application-form {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 20px;\n    font-family: Arial, sans-serif;\n}\n\n.header-section h1 {\n    color: #333;\n    font-size: 2em;\n    margin-bottom: 10px;\n}\n\n.section {\n    margin: 30px 0;\n    padding: 20px;\n    border: 1px solid #ddd;\n    border-radius: 5px;\n    background-color: #f9f9f9;\n}\n\n.form-row {\n    display: flex;\n    gap: 20px;\n}\n\n.form-row .form-group {\n    flex: 1;\n}\n\n.form-group {\n    margin-bottom: 20px;\n}\n\n.form-group label {\n    display: block;\n    margin-bottom: 5px;\n    font-weight: bold;\n    color: #333;\n}\n\n.form-group input[type=\"text\"],\n.form-group input[type=\"email\"],\n.form-group input[type=\"password\"],\n.form-group select,\n.form-group textarea {\n    width: 100%;\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    box-sizing: border-box;\n}\n\n.social-media-section {\n    margin-top: 30px;\n    padding-top: 20px;\n    border-top: 1px solid #ddd;\n}\n\n.social-media-profile {\n    margin-bottom: 15px;\n    padding: 15px;\n    border: 1px solid #eee;\n    border-radius: 5px;\n    background-color: #fafafa;\n}\n\n.remove-social-btn-container {\n    text-align: right;\n    margin-top: 10px;\n}\n\n.secondary-btn {\n    background-color: #6c757d;\n    color: white;\n    padding: 8px 15px;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 14px;\n}\n\n.secondary-btn:hover {\n    background-color: #5a6268;\n}\n\n.form-actions {\n    text-align: center;\n    margin: 30px 0;\n}\n\n.form-actions button {\n    background-color: #000;\n    color: white;\n    padding: 15px 40px;\n    border: none;\n    border-radius: 5px;\n    font-size: 16px;\n    cursor: pointer;\n}\n\n.form-actions button:hover {\n    background-color: #333;\n}\n\n.form-message {\n    margin: 20px 0;\n    padding: 15px;\n    border-radius: 5px;\n    text-align: center;\n}\n\n.form-message.success {\n    background-color: #d4edda;\n    color: #155724;\n    border: 1px solid #c3e6cb;\n}\n\n.form-message.error {\n    background-color: #f8d7da;\n    color: #721c24;\n    border: 1px solid #f5c6cb;\n}\n\n@media (max-width: 768px) {\n    .form-row {\n        flex-direction: column;\n    }\n}\n<\/style>\n\n<script>\njQuery(document).ready(function($) {\n    \/\/ Add another social media profile\n    $('#add-social-profile-btn').on('click', function() {\n        var newProfileHtml = `\n            <div class=\"social-media-profile\">\n                <div class=\"form-row\">\n                    <div class=\"form-group\">\n                        <select name=\"social_platform[]\" class=\"social-platform\" required>\n                            <option value=\"\" disabled selected>Select Social Media Platform...<\/option>\n                            <option value=\"Facebook\">Facebook<\/option>\n                            <option value=\"Instagram\">Instagram<\/option>\n                            <option value=\"LinkedIn\">LinkedIn<\/option>\n                            <option value=\"Pinterest\">Pinterest<\/option>\n                            <option value=\"Snapchat\">Snapchat<\/option>\n                            <option value=\"TikTok\">TikTok<\/option>\n                            <option value=\"Twitch\">Twitch<\/option>\n                            <option value=\"Twitter\">Twitter<\/option>\n                            <option value=\"YouTube\">YouTube<\/option>\n                            <option value=\"WeChat\">WeChat<\/option>\n                        <\/select>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <input type=\"text\" name=\"social_username[]\" placeholder=\"Username\" required>\n                    <\/div>\n                <\/div>\n                <div class=\"remove-social-btn-container\">\n                    <button type=\"button\" class=\"remove-social-btn\">Remove<\/button>\n                <\/div>\n            <\/div>\n        `;\n        $('#social-media-profiles').append(newProfileHtml);\n        \n        \/\/ Enable remove buttons\n        $('.remove-social-btn').show().off('click').on('click', function() {\n            $(this).closest('.social-media-profile').remove();\n        });\n    });\n    \n    \/\/ Initial remove button event\n    $(document).on('click', '.remove-social-btn', function() {\n        $(this).closest('.social-media-profile').remove();\n    });\n    \n    \/\/ Form submission\n    \/\/ Country-City\u8054\u52a8\u529f\u80fd\n    $('#country').on('change', function() {\n        var selectedCountry = $(this).val();\n        var citySelect = $('#city');\n        var cityOtherInput = $('#city-other');\n        \n        \/\/ \u6e05\u7a7a\u57ce\u5e02\u9009\u62e9\n        citySelect.empty();\n        citySelect.append('<option value=\"\" disabled selected>Select city<\/option>');\n        \n        if (selectedCountry === 'Other') {\n            \/\/ \u5982\u679c\u9009\u62e9Other\uff0c\u663e\u793a\u81ea\u5b9a\u4e49\u8f93\u5165\u6846\n            citySelect.prop('required', false);\n            cityOtherInput.show();\n            cityOtherInput.prop('required', true);\n        } else {\n            \/\/ \u5982\u679c\u9009\u62e9\u5177\u4f53\u56fd\u5bb6\uff0c\u901a\u8fc7AJAX\u83b7\u53d6\u8be5\u56fd\u5bb6\u7684\u57ce\u5e02\u5217\u8868\n            $.ajax({\n                url: ajax_object.ajax_url,\n                type: 'POST',\n                data: {\n                    action: 'get_cities_for_country',\n                    country: selectedCountry\n                },\n                success: function(response) {\n                    if (response.success) {\n                        var cities = response.data.cities;\n                        \n                        \/\/ \u6dfb\u52a0\u57ce\u5e02\u9009\u9879\n                        $.each(cities, function(index, city) {\n                            citySelect.append('<option value=\"' + city + '\">' + city + '<\/option>');\n                        });\n                        \n                        \/\/ \u6dfb\u52a0Other\u9009\u9879\n                        citySelect.append('<option value=\"Other\">Other<\/option>');\n                        \n                        \/\/ \u663e\u793a\u9009\u62e9\u6846\uff0c\u9690\u85cf\u81ea\u5b9a\u4e49\u8f93\u5165\n                        citySelect.show();\n                        citySelect.prop('required', true);\n                        cityOtherInput.hide();\n                        cityOtherInput.prop('required', false);\n                        cityOtherInput.val(''); \/\/ \u6e05\u7a7a\u81ea\u5b9a\u4e49\u8f93\u5165\u6846\n                    }\n                },\n                error: function() {\n                    \/\/ \u5982\u679cAJAX\u5931\u8d25\uff0c\u81f3\u5c11\u6dfb\u52a0Other\u9009\u9879\n                    citySelect.append('<option value=\"Other\">Other<\/option>');\n                    citySelect.show();\n                    citySelect.prop('required', true);\n                    cityOtherInput.hide();\n                    cityOtherInput.prop('required', false);\n                    cityOtherInput.val('');\n                }\n            });\n        }\n    });\n    \n    \/\/ \u57ce\u5e02\u9009\u62e9\u53d8\u5316\u65f6\u7684\u5904\u7406\n    $(document).on('change', '#city', function() {\n        var selectedCity = $(this).val();\n        var cityOtherInput = $('#city-other');\n        \n        if (selectedCity === 'Other') {\n            \/\/ \u5982\u679c\u9009\u62e9Other\uff0c\u663e\u793a\u81ea\u5b9a\u4e49\u8f93\u5165\u6846\n            cityOtherInput.show();\n            cityOtherInput.prop('required', true);\n        } else {\n            \/\/ \u5426\u5219\u9690\u85cf\u81ea\u5b9a\u4e49\u8f93\u5165\u6846\n            cityOtherInput.hide();\n            cityOtherInput.prop('required', false);\n            cityOtherInput.val(''); \/\/ \u6e05\u7a7a\u81ea\u5b9a\u4e49\u8f93\u5165\u6846\n        }\n    });\n    \n    $('#affiliate-partnership-application-form').on('submit', function(e) {\n        e.preventDefault();\n        \n        \/\/ \u5982\u679c\u57ce\u5e02\u9009\u62e9\u4e3aOther\uff0c\u9700\u8981\u9a8c\u8bc1\u81ea\u5b9a\u4e49\u57ce\u5e02\u8f93\u5165\n        var selectedCountry = $('#country').val();\n        var selectedCity = $('#city').val();\n        var cityOtherValue = $('#city-other').val();\n        \n        if (selectedCountry === 'Other' && !cityOtherValue.trim()) {\n            $('#form-message').addClass('error').html('<p>Please enter the name of your city.<\/p>').show();\n            return;\n        }\n        \n        if (selectedCity === 'Other' && !cityOtherValue.trim()) {\n            $('#form-message').addClass('error').html('<p>Please enter the name of your city.<\/p>').show();\n            return;\n        }\n        \n        \/\/ Validate passwords match\n                if ($('#password').val() !== $('#confirm_password').val()) {\n            $('#form-message').addClass('error').html('<p>Passwords do not match.<\/p>').show();\n            return;\n        }\n                \n        \/\/ Show loading message\n        $('#form-message').html('<p>Sending your application...<\/p>').removeClass('success error').show();\n        \n        \/\/ Disable submit button to prevent duplicate submissions\n        $('button[type=\"submit\"]').prop('disabled', true);\n        $('#submission_date').val(new Date().toLocaleString());\n        \/\/ \u51c6\u5907\u63d0\u4ea4\u7684\u6570\u636e\n        var formData = $(this).serialize();\n        \n        \/\/ \u5982\u679c\u57ce\u5e02\u9009\u62e9\u4e3aOther\uff0c\u4f7f\u7528\u81ea\u5b9a\u4e49\u8f93\u5165\u7684\u503c\n        if (selectedCity === 'Other' && cityOtherValue.trim()) {\n            \/\/ \u4e34\u65f6\u4fee\u6539city\u5b57\u6bb5\u7684\u503c\u4e3a\u81ea\u5b9a\u4e49\u8f93\u5165\u7684\u503c\n            formData += '&city=' + encodeURIComponent(cityOtherValue);\n        }\n        \n        \n        $.ajax({\n            url: ajax_object.ajax_url,\n            type: 'POST',\n            data: formData,\n            success: function(response) {\n                if(response.success) {\n                    $('#form-message').addClass('success').html('<p>' + response.data.message + '<\/p>').show();\n                    $('#affiliate-partnership-application-form')[0].reset();\n                    \n                    \/\/ Reset social media profiles to initial state\n                    $('#social-media-profiles').html(`\n                        <div class=\"social-media-profile\">\n                            <div class=\"form-row\">\n                                <div class=\"form-group\">\n                                    <select name=\"social_platform[]\" class=\"social-platform\" required>\n                                        <option value=\"\" disabled selected>Select Social Media Platform...<\/option>\n                                        <option value=\"Facebook\">Facebook<\/option>\n                                        <option value=\"Instagram\">Instagram<\/option>\n                                        <option value=\"LinkedIn\">LinkedIn<\/option>\n                                        <option value=\"Pinterest\">Pinterest<\/option>\n                                        <option value=\"Snapchat\">Snapchat<\/option>\n                                        <option value=\"TikTok\">TikTok<\/option>\n                                        <option value=\"Twitch\">Twitch<\/option>\n                                        <option value=\"Twitter\">Twitter<\/option>\n                                        <option value=\"YouTube\">YouTube<\/option>\n                                        <option value=\"WeChat\">WeChat<\/option>\n                                    <\/select>\n                                <\/div>\n                                <div class=\"form-group\">\n                                    <input type=\"text\" name=\"social_username[]\" placeholder=\"Username\" required>\n                                <\/div>\n                            <\/div>\n                            <div class=\"remove-social-btn-container\">\n                                <button type=\"button\" class=\"remove-social-btn\" style=\"display:none;\">Remove<\/button>\n                            <\/div>\n                        <\/div>\n                    `);\n                    \n                    \/\/ \u91cd\u7f6e\u57ce\u5e02\u76f8\u5173\u5b57\u6bb5\n                    $('#city').empty().append('<option value=\"\" disabled selected>Select city<\/option>').show();\n                    $('#city-other').hide().val('');\n                    \n                    \/\/ Re-initialize remove button events\n                    $('.remove-social-btn').off('click');\n                } else {\n                    $('#form-message').addClass('error').html('<p>' + response.data.message + '<\/p>').show();\n                }\n                \n                \/\/ Re-enable submit button\n                $('button[type=\"submit\"]').prop('disabled', false);\n            },\n            error: function() {\n                $('#form-message').addClass('error').html('<p>An error occurred while submitting your application. Please try again.<\/p>').show();\n                $('button[type=\"submit\"]').prop('disabled', false);\n            }\n        });\n    });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width","meta":{"footnotes":""},"class_list":["post-371","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/pulsepass.fit\/yue\/wp-json\/wp\/v2\/pages\/371","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pulsepass.fit\/yue\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pulsepass.fit\/yue\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pulsepass.fit\/yue\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pulsepass.fit\/yue\/wp-json\/wp\/v2\/comments?post=371"}],"version-history":[{"count":2,"href":"https:\/\/pulsepass.fit\/yue\/wp-json\/wp\/v2\/pages\/371\/revisions"}],"predecessor-version":[{"id":373,"href":"https:\/\/pulsepass.fit\/yue\/wp-json\/wp\/v2\/pages\/371\/revisions\/373"}],"wp:attachment":[{"href":"https:\/\/pulsepass.fit\/yue\/wp-json\/wp\/v2\/media?parent=371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}