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