{"id":615,"date":"2025-10-14T13:34:41","date_gmt":"2025-10-14T13:34:41","guid":{"rendered":"https:\/\/mynextring.com\/affiliate\/"},"modified":"2025-11-10T15:20:40","modified_gmt":"2025-11-10T15:20:40","slug":"affiliate-hallintapaneeli","status":"publish","type":"page","link":"https:\/\/mynextring.com\/fi\/affiliate-dashboard\/","title":{"rendered":"Affiliate Dashboard"},"content":{"rendered":"<section class=\"bde-section-615-100 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-615-109 bde-columns\"><div class=\"bde-column-615-110 bde-column\">\n  \n  \n\t\n\n\n\n<img decoding=\"async\" class=\"bde-image2-615-103 bde-image2\" src=\"https:\/\/mynextring.com\/wp-content\/uploads\/2025\/07\/3-3.webp\" loading=\"lazy\" srcset=\"https:\/\/mynextring.com\/wp-content\/uploads\/2025\/07\/3-3.webp 2104w, https:\/\/mynextring.com\/wp-content\/uploads\/2025\/07\/3-3-300x300.webp 300w, https:\/\/mynextring.com\/wp-content\/uploads\/2025\/07\/3-3-1024x1024.webp 1024w, https:\/\/mynextring.com\/wp-content\/uploads\/2025\/07\/3-3-150x150.webp 150w, https:\/\/mynextring.com\/wp-content\/uploads\/2025\/07\/3-3-768x768.webp 768w, https:\/\/mynextring.com\/wp-content\/uploads\/2025\/07\/3-3-1536x1536.webp 1536w, https:\/\/mynextring.com\/wp-content\/uploads\/2025\/07\/3-3-2048x2048.webp 2048w\" sizes=\"(max-width: 2104px) 100vw, 2104px\">\n<\/div><div class=\"bde-column-615-111 bde-column\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-615-102 bde-heading\">\nAffilite Partner Programm\n<\/h1><div class=\"bde-fancy-divider-615-112 bde-fancy-divider\">\n\n\n<div class=\"bde-fancy-divider__wrapper\">\n  <div class=\"bde-fancy-divider__separator   \">\n  \t  <\/div>\n<\/div>\n\n<\/div><div class=\"bde-div-615-105 bde-div\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-615-106 bde-heading\">\nWillkommen,\u00a0 \n<\/h3><h3 class=\"bde-heading-615-107 bde-heading\">\n\n<\/h3><h2 class=\"bde-heading-615-108 bde-heading\">\n!\n<\/h2>\n<\/div>\n<\/div><\/div><div class=\"bde-shortcode-615-101 bde-shortcode\"><div class='sld-ap-container'><div class='sld-ap'>        \n        <style>\n            :root {\n\n                --sld-ap-font-family: -apple-system, BlinkMacSystemFont, \" var\", \"Segoe UI\", Helvetica, \"Apple Color Emoji\", Arial, sans-serif, \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n\n                \/* Light Theme Variables *\/\n                --sld-ap-background: #fff;\n                --sld-ap-shading: #fafafa;\n                --sld-ap-primary-color: #000;\n                --sld-ap-secondary-color: #727272;\n                --sld-ap-accent-color: #000;\n                --sld-ap-border-color: #DADCE0;\n                --sld-ap-error-color: #D8000C;\n                --sld-ap-success-color: #4CAF50;\n                --sld-ap-info-color: #4a51c1;\n\n                \/* Spacing Variables *\/\n                --sld-ap-spacing-xs: 5px;\n                --sld-ap-spacing-sm: 10px;\n                --sld-ap-spacing-md: 20px;\n                --sld-ap-spacing-lg: 30px;\n\n                \/* Border Radius *\/\n                --sld-ap-border-radius-sm: 5px;\n                --sld-ap-border-radius-md: 8px;\n                --sld-ap-border-radius-lg: 12px;\n\n                \/* Font Sizes *\/\n                --sld-ap-font-size-xs: 12px;\n                --sld-ap-font-size-sm: 14px;\n                --sld-ap-font-size-md: 16px;\n                --sld-ap-font-size-lg: 20px;\n                --sld-ap-font-size-xl: 22px;\n\n                \/* Font Weights *\/\n                --sld-ap-font-weight-normal: 400;\n                --sld-ap-font-weight-medium: 500;\n\n                \/* Shadow *\/\n                --sld-ap-shadow-sm: 0 2px 2px 0 rgb(0 0 0 \/ 0.08);\n                --sld-ap-shadow-md: 0 2px 4px 0 rgb(0 0 0 \/ 0.08);\n\n\n                \/* Dark Theme Variables *\/\n                --sld-ap-dark-background: #121212;\n                --sld-ap-dark-shading: #1E1E1E;\n                --sld-ap-dark-primary-color: #E0E0E0;\n                --sld-ap-dark-secondary-color: #A0A0A0;\n                --sld-ap-dark-accent-color: #6AB0FF;\n                --sld-ap-dark-border-color: #333333;\n                --sld-ap-dark-shadow-sm: 0 2px 2px 0 rgb(255 255 255 \/ 0.08);\n                \n            }\n\n            \/* Dark Mode Selector *\/\n            .dark-mode {\n                --sld-ap-background: var(--sld-ap-dark-background);\n                --sld-ap-shading: var(--sld-ap-dark-shading);\n                --sld-ap-primary-color: var(--sld-ap-dark-primary-color);\n                --sld-ap-secondary-color: var(--sld-ap-dark-secondary-color);\n                --sld-ap-accent-color: var(--sld-ap-dark-accent-color);\n                --sld-ap-border-color: var(--sld-ap-dark-border-color);\n                --sld-ap-shadow-sm: var(--sld-ap-dark-shadow-sm);\n            }\n\n            .sld-ap {\n                display: flex;\n                font-size: var(--sld-ap-font-size-md);\n                font-family: var(--sld-ap-font-family);\n                gap: var(--sld-ap-spacing-lg);\n                color: var(--sld-ap-primary-color);\n            }\n\n            \/* Hide the default checkbox *\/\n            .sld-ap input[type=\"checkbox\"] {\n                appearance: none;\n                -webkit-appearance: none;\n                -moz-appearance: none;\n                width: 20px;\n                height: 20px;\n                border: 2px solid var(--sld-ap-border-color);\n                border-radius: 4px;\n                background-color: #f0f0f0;\n                position: relative;\n                cursor: pointer;\n                transition: background-color 0.3s, border-color 0.3s;\n            }\n\n            \/* Checked state *\/\n            .sld-ap input[type=\"checkbox\"]:checked {\n                background-color: var(--sld-ap-accent-color);\n                border-color: var(--sld-ap-accent-color);\n            }\n\n            .sld-ap input[type=\"checkbox\"]:checked::after {\n                content: \"\";\n                position: absolute;\n                left: 5px;\n                top: 1px;\n                width: 3px;\n                height: 10px;\n                border: solid white;\n                border-width: 0 2px 2px 0;\n                transform: rotate(45deg);\n            }\n\n            \/* Hover state *\/\n            .sld-ap input[type=\"checkbox\"]:hover {\n                border-color: var(--sld-ap-border-color);\n            }\n\n            \/* Active state *\/\n            .sld-ap input[type=\"checkbox\"]:active {\n                background-color: var(--sld-ap-border-color);\n            }\n\n\n            \/* Hide the default radio button *\/\n            .sld-ap input[type=\"radio\"] {\n                appearance: none;\n                -webkit-appearance: none;\n                -moz-appearance: none;\n                width: 20px;\n                height: 20px;\n                border: 2px solid var(--sld-ap-border-color);\n                border-radius: 50%;\n                background-color: #f0f0f0;\n                position: relative;\n                vertical-align: middle;\n                cursor: pointer;\n                transition: background-color 0.3s, border-color 0.3s;\n            }\n\n            \/* Checked state for radio button *\/\n            .sld-ap input[type=\"radio\"]:checked {\n                background-color: var(--sld-ap-accent-color);\n                ;\n                border-color: var(--sld-ap-accent-color);\n                ;\n            }\n\n            \/* Inner circle when checked *\/\n            .sld-ap input[type=\"radio\"]:checked::after {\n                content: \"\";\n                position: absolute;\n                top: 4px;\n                left: 4px;\n                width: 8px;\n                height: 8px;\n                background-color: white;\n                border-radius: 10px;\n            }\n\n            \/* Hover state *\/\n            .sld-ap input[type=\"radio\"]:hover {\n                border-color: var(--sld-ap-border-color);\n            }\n\n            \/* Active state *\/\n            .sld-ap input[type=\"radio\"]:active {\n                background-color: var(--sld-ap-border-color);\n            }\n\n\n\n            .sld-ap textarea {\n                font-family: var(--family-sans-serif);\n            }\n\n            .sld-ap fieldset {\n                all: unset;\n                border: none;\n                padding: 0;\n                margin: 0;\n                background: transparent;\n            }\n\n            .sld-ap fieldset.fieldset-radio label,\n            .sld-ap fieldset.fieldset-checkbox label {\n                font-size: var(--sld-ap-font-size-sm);\n                color: var(--sld-ap-primary-color);\n            }\n\n            .sld-ap h2 {\n                font-family: var(--sld-ap-font-family);\n                font-size: var(--sld-ap-font-size-xl);\n                margin: var(--sld-ap-spacing-xs) 0;\n                font-weight: var(--sld-ap-font-weight-normal);\n                color: var(--sld-ap-primary-color);\n            }\n\n            .sld-ap p.sld-ap-form-lead {\n                margin: 0 var(--sld-ap-spacing-md) var(--sld-ap-spacing-lg) 0;\n                font-size: var(--sld-ap-font-size-sm);\n                color: var(--sld-ap-secondary-color);\n\n            }\n\n            .sld-col-1 {\n                flex-shrink: 0;\n                flex-basis: 60%;\n            }\n\n            .sld-col-1:last-child {\n                flex-shrink: 0;\n                flex-basis: fit-content;\n            }\n\n            @media only screen and (max-width: 800px) {\n                .sld-ap {\n                    flex-direction: column;\n                }\n            }\n\n            .sld-ap-form {\n                display: flex;\n                flex-direction: column;\n            }\n\n            .sld-ap-form_box {\n                padding: var(--sld-ap-spacing-lg);\n                width: 100%;\n                border: 1px solid var(--sld-ap-border-color);\n                border-radius: var(--sld-ap-border-radius-lg);\n                background-color: var(--sld-ap-background);\n                box-shadow:var(--sld-ap-shadow-md);\n                box-sizing: border-box;\n            }\n\n            .sld_field-wrapper {\n                display: flex;\n                flex-direction: column;\n                gap: var(--sld-ap-spacing-sm);\n                justify-content: space-between;\n            }\n\n            .sld_field-left {\n                display: flex;\n                flex-direction: column;\n            }\n\n            .sld_field-input {\n                min-width: 40%;\n                justify-content: flex-end;\n                display: flex;\n            }\n\n            .sld_field-input fieldset {\n                display: flex;\n                flex-direction: row;\n                flex-wrap: wrap;\n                gap: var(--sld-ap-spacing-sm);\n            }\n\n            .sld_field-wrapper.multi-checkbox {\n                flex-direction: column;\n                align-items: stretch;\n                gap: var(--sld-ap-spacing-md);\n            }\n\n            .sld_field-wrapper.multi-checkbox .sld_field-label {\n                display: flex;\n                gap: var(--sld-ap-spacing-md);\n                flex-wrap: wrap;\n            }\n\n            .sld_field-wrapper.multi-checkbox .sld_field-input .sld-ap-form_checkbox {\n                display: flex;\n                flex-direction: row;\n                gap: var(--sld-ap-spacing-sm);\n            }\n\n            .sld_field-wrapper.multi-checkbox .sld_field-input {\n                justify-content: flex-start;\n            }\n\n            .sld_field-wrapper.multi-checkbox .multi-checkbox-option {\n                display: flex;\n                flex-direction: row;\n                gap: var(--sld-ap-spacing-xs);\n                align-items: center;\n                font-size: var(--sld-ap-font-size-xs);\n            }\n\n            label.sld_field-label {\n                width: 100%;\n            }\n\n            .sld_field-title {\n                font-size: var(--sld-ap-font-size-sm);\n                font-weight: var(--sld-ap-font-weight-medium);\n                color: var(--sld-ap-primary-color);\n            }\n\n            .sld_field-description {\n                font-size: var(--sld-ap-font-size-xs);\n                margin: 0;\n                color: var(--sld-ap-secondary-color);\n            }\n\n            .sld-ap-form_group {\n                width: 100%;\n            }\n\n            .sld-ap-form_group>label {\n                margin: var(--sld-ap-spacing-xs) 0;\n                font-size: var(--sld-ap-font-size-sm);\n                display: flex;\n                flex-direction: column;\n            }\n\n            .sld-ap-form_group>label input,\n            .sld-ap-form_group>label textarea,\n            .sld-ap-form_group>label select {\n                width: 100%;\n            }\n\n            .sld-ap-form_group input:not([type='checkbox']):not([type='radio']),\n            .sld-ap-form_group textarea,\n            .sld-ap-form_group select {\n                border: 1px solid var(--sld-ap-border-color);\n                padding: var(--sld-ap-spacing-sm);\n                border-radius: var(--sld-ap-border-radius-md);\n                background: var(--sld-ap-shading);\n                color: var(--sld-ap-primary-color);\n                box-shadow: var(--sld-ap-shadow-sm);\n                width: 100%;\n                box-sizing: border-box;\n            }\n\n            label.sld_field-label input[type='radio'] {\n                width: 25px;\n                border-radius: 50%;\n                display: inline-block;\n            }\n\n            .sld-ap-form_checkbox a {\n                color: var(--sld-ap-accent-color);\n            }\n\n            .sld-ap-form_submit {\n                background: var(--sld-ap-accent-color);\n                font-size: var(--sld-ap-font-size-sm);\n                color: #fff;\n                padding: var(--sld-ap-spacing-md) var(--sld-ap-spacing-lg);\n                margin-top: var(--sld-ap-spacing-md);\n                border: none !important;\n                border-radius: var(--sld-ap-border-radius-lg);\n            }\n\n            input#submit_solid_affiliate_login {\n                background: var(--sld-ap-accent-color);\n                font-size: var(--sld-ap-font-size-sm);\n                color: #fff;\n                padding: var(--sld-ap-spacing-md) var(--sld-ap-spacing-lg);\n                border: none !important;\n                border-radius: var(--sld-ap-border-radius-lg);\n            }\n\n            .sld-ap-form_group input:focus,\n            .sld-ap-form_group input:focus-within,\n            .sld-ap-form_group input:focus-visible {\n                border: 2px solid var(--sld-ap-accent-color);\n                outline: none !important;\n                background: var(--sld-ap-background);\n            }\n\n            .sld-ap-form_tip {\n                font-size: var(--sld-ap-font-size-xs);\n                color: var(--sld-ap-primary-color);\n            }\n\n            .sld-ap-form_notice {\n                display: flex;\n                gap: var(--sld-ap-spacing-xs);\n                background-color: var(--sld-ap-background);\n                margin: var(--sld-ap-spacing-md) 0;\n                border: 1px solid var(--sld-ap-border-color);\n                color: var(--sld-ap-primary-color);\n                line-height: 1.2;\n                font-size: var(--sld-ap-font-size-sm);\n                border-radius: var(--sld-ap-border-radius-sm);\n                padding: var(--sld-ap-spacing-sm);\n                align-items: center;\n            }\n            .sld-ap-form_notice_icon {\n                display:flex;\n                align-items: center;\n            }\n            .sld-ap-form_notice_icon svg {\n                stroke: var(--sld-ap-secondary-color);\n                width: auto;\n                height: 24px;\n            }\n\n            .sld-ap-form.registration>div {\n                display: flex;\n                flex-direction: column;\n                gap: var(--sld-ap-spacing-lg);\n            }\n\n            .sld-ap-form_notice.error svg {\n                stroke: var(--sld-ap-error-color);\n            }\n\n            .sld-ap-form_notice.error {\n                color: var(--sld-ap-error-color);\n                background: rgba(var(--sld-ap-error-color), 0.1);\n            }\n\n            .sld-ap-form_notice.success svg {\n                stroke: var(--sld-ap-success-color);\n            }\n\n            .sld-ap-form_notice.success {\n                color: var(--sld-ap-success-color);\n                background: rgba(var(--sld-ap-success-color), 0.1);\n            }\n\n            .sld-ap-form_notice.info svg {\n                stroke: var(--sld-ap-info-color);\n            }\n\n            .sld-ap-form_notice.info {\n                color: var(--sld-ap-info-color);\n                background: rgba(var(--sld-ap-info-color), 0.1);\n            }\n\n            .sld-ap-form_group a.forgot-pass {\n                font-size: var(--sld-ap-font-size-xs);\n                color: var(--sld-ap-accent-color);\n            }\n\n            .sld-tooltip>svg {\n                max-width: 15px;\n            }\n\n            label[for=\"is_accept_affiliate_policy\"] p.sld_field-description {\n                display: inline-block;\n            }\n\n            .sld_field-wrapper.is_accept_affiliate_policy {\n                flex-direction: row-reverse;\n                align-items: center;\n                gap: var(--sld-ap-spacing-xs);\n            }\n\n            .sld_field-wrapper.is_accept_affiliate_policy .sld_field-left {\n                flex-grow: 1;\n            }\n\n            .sld_field-wrapper.is_accept_affiliate_policy .sld_field-left a {\n                font-size: var(--sld-ap-font-size-sm);\n            }\n\n            .sld_field-wrapper.is_accept_affiliate_policy .sld_field-input {\n                flex-shrink: 1;\n                min-width: auto;\n\n            }\n\n            #is_accept_affiliate_policy+p::before {\n                content: '* ';\n                color: var(--sld-ap-error-color);\n            }\n\n            .sld-ap-login-component {\n                height: fit-content;\n            }\n\n            .sld-ap-form_error {\n                color: var(--sld-ap-error-color);\n                font-size: var(--sld-ap-font-size-xs);\n                margin: var(--sld-ap-spacing-xs) 0;\n            }\n\n            .powered-by {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  border: 1px solid #ccc; \/* Customize border color *\/\n  padding: 10px; \/* Adjust padding as needed *\/\n  gap: 8px; \/* Space between text and image *\/\n  font-family: Arial, sans-serif; \/* Optional: Choose your font *\/\n  font-size: 14px; \/* Optional: Adjust font size *\/\n}\n\n.powered-by img {\n  height: 20px; \/* Adjust logo size as needed *\/}\n\n  #solid-affiliate-affiliate-portal_login-form {\ndisplay:flex;\nflex-direction:column;\ngap:var(--sld-ap-spacing-md);\n  }\n\n        <\/style>\n\n        <script>\n            \/\/ make an ajax request to generate a new nonce and then replace the value of the nonce field in the form\n            jQuery(document).ready(function($) {\n                var data = {\n                    'action': 'sld_affiliate_generate_registration_nonce',\n                };\n\n                jQuery.post(window.SolidAffiliate.ajaxurl, data, function(response) {\n                    if (response.success) {\n                        jQuery('#solid-affiliate-affiliate-portal_new_affiliate #_wpnonce').val(response.data);\n                    }\n                });\n\n                \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\n                \/\/ Function to check if a field is already in use\n                function checkIfFieldIsAlreadyInUse(field, value) {\n                    return jQuery.ajax({\n                        url: window.SolidAffiliate.ajaxurl,\n                        type: 'POST',\n                        data: {\n                            action: 'sld_affiliate_check_if_field_is_already_in_use',\n                            field: field,\n                            value: value,\n                        }\n                    });\n                }\n\n                \/\/ Add an event handler to do something whenever the name=\"user_email\" or \"user_login\" field is changed.\n                jQuery('#solid-affiliate-affiliate-portal_new_affiliate input[name=\"user_email\"], #solid-affiliate-affiliate-portal_new_affiliate input[name=\"user_login\"]').on('change', function() {\n                    let $this = jQuery(this);\n                    let newValue = $this.val();\n                    let field = $this.attr('name') === 'user_email' ? 'email' : 'login';\n                    let errorId = 'sld-user_' + field + '-error';\n\n                    \/\/ check if the field is already in use\n                    checkIfFieldIsAlreadyInUse(field, newValue).done(function(response) {\n                        if (response.success) {\n                            jQuery('#solid-affiliate-affiliate-portal_new_affiliate #' + errorId).remove();\n                        } else {\n                            if (jQuery('#solid-affiliate-affiliate-portal_new_affiliate #' + errorId).length) {\n                                return;\n                            }\n                            $this.after(field === 'email' ? \"<div id='sld-user_email-error' class='sld-ap-form_error'>An account with this email aready exists. Please <a href=\\\"https:\\\/\\\/mynextring.com\\\/wp-login.php\\\" target=\\\"_self\\\">Login<\\\/a> first if it is your account.<\\\/div>\" : \"<div id='sld-user_login-error' class='sld-ap-form_error'>An account with this username aready exists. Please <a href=\\\"https:\\\/\\\/mynextring.com\\\/wp-login.php\\\" target=\\\"_self\\\">Login<\\\/a> first if it is your account.<\\\/div>\");\n                        }\n                    }).fail(function(error) {\n                        jQuery('#solid-affiliate-affiliate-portal_new_affiliate #' + errorId).remove();\n                    });\n                });\n\n            });\n        <\/script>\n\n        <div class=\"sld-col-1  sld-ap-registration-component\">\n                                    <div class=\"sld-ap-form_box\">\n\n\n                <h2>Register as Affiliate<\/h2>\n\n                                    <p class=\"sld-ap-form-lead\">\n                        Your account must be approved before earning referrals. You'll be notified by email once approved.                    <\/p>\n                \n                <form action=\"\" method=\"post\" class=\"sld-ap-form registration\" id=\"solid-affiliate-affiliate-portal_new_affiliate\">\n                    \n        <style>\n        .sld_field-title.required>span.sld_title-text:after {\n            color: red;\n            content: ' * ';\n        }\n\n        <\/style>\n        <div id='sld-form5df19ba1'><div class='sld-ap-form_group'>\n<div class='sld_field-wrapper user_login'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title required'>\n                            Username\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Your username.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-user_login' class='sld_field-label'>\n            <input  type='text' name='user_login' id='user_login' class='regular-text' placeholder='' value='' required  \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper first_name'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title '>\n                            First Name\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Your first name.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-first_name' class='sld_field-label'>\n            <input  type='text' name='first_name' id='first_name' class='regular-text' placeholder='' value=''   \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper last_name'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title '>\n                            Last Name\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Your last name.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-last_name' class='sld_field-label'>\n            <input  type='text' name='last_name' id='last_name' class='regular-text' placeholder='' value=''   \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper user_email'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title required'>\n                            Account Email\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Your primary email, used for logging in.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-user_email' class='sld_field-label'>\n            <input  type='email' name='user_email' id='user_email' class='regular-text' placeholder='' value='' required  \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper payment_email'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title required'>\n                            Payment Email (PayPal)\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Your PayPal payment email, to which we will send commission payments. Can be the same as your account email.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-payment_email' class='sld_field-label'>\n            <input  type='email' name='payment_email' id='payment_email' class='regular-text' placeholder='' value='' required  \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper user_pass'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title required'>\n                            Password\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Your primary password, used for logging in.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-user_pass' class='sld_field-label'>\n            <input  type='password' name='user_pass' id='user_pass' class='regular-text' placeholder='' value='' required  \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper registration_notes'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title required'>\n                            How will you promote us?\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Let us know a bit about yourself and how you plan on promoting our products.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-registration_notes' class='sld_field-label'>\n            <textarea  name='registration_notes' id='registration_notes' class='regular-text' placeholder='' required rows=\"5\"><\/textarea>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper is_accept_affiliate_policy'>\n    <div class='sld_field-left'>\n            \n            <p class='description sld_field-description'><a href=\"https:\/\/mynextring.com\/fi\/agb\/\" target=\"_blank\">Agree to our Terms of Service and Privacy Policy<\/a><\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='is_accept_affiliate_policy' class='sld-ap-form_checkbox'>\n            <input  type='checkbox' name='is_accept_affiliate_policy' id='is_accept_affiliate_policy' class='regular-text' required   \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <input type='hidden' id='affiliate_group_id' name='affiliate_group_id' value=''><\/div>                                                    <script src='https:\/\/www.google.com\/recaptcha\/api.js?onload=SLDreCaptchaCallback&render=explicit' async defer><\/script>\n                <div id=\"solid-affiliate-g-recaptcha\" data-sitekey=\"6Lf-HwgsAAAAAPK0Z7p7NOJLNe3PuWQZrWKL6g-3\" data-error_msg=\"Client side reCAPTCHA verification failed.\"><\/div>\n                                        <input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"4c15164cc3\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fi\/wp-json\/wp\/v2\/pages\/615\" \/>                    <input type=\"submit\" name=\"submit_affiliate_registration\" id=\"submit_affiliate_registration\" class=\"sld-ap-form_submit\" value=\"Register as Affiliate\">\n                <\/form>\n\n            <\/div>\n\n            \n        <\/div>\n\n\n        \n        <style>\n            :root {\n\n                --sld-ap-font-family: -apple-system, BlinkMacSystemFont, \" var\", \"Segoe UI\", Helvetica, \"Apple Color Emoji\", Arial, sans-serif, \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n\n                \/* Light Theme Variables *\/\n                --sld-ap-background: #fff;\n                --sld-ap-shading: #fafafa;\n                --sld-ap-primary-color: #000;\n                --sld-ap-secondary-color: #727272;\n                --sld-ap-accent-color: #000;\n                --sld-ap-border-color: #DADCE0;\n                --sld-ap-error-color: #D8000C;\n                --sld-ap-success-color: #4CAF50;\n                --sld-ap-info-color: #4a51c1;\n\n                \/* Spacing Variables *\/\n                --sld-ap-spacing-xs: 5px;\n                --sld-ap-spacing-sm: 10px;\n                --sld-ap-spacing-md: 20px;\n                --sld-ap-spacing-lg: 30px;\n\n                \/* Border Radius *\/\n                --sld-ap-border-radius-sm: 5px;\n                --sld-ap-border-radius-md: 8px;\n                --sld-ap-border-radius-lg: 12px;\n\n                \/* Font Sizes *\/\n                --sld-ap-font-size-xs: 12px;\n                --sld-ap-font-size-sm: 14px;\n                --sld-ap-font-size-md: 16px;\n                --sld-ap-font-size-lg: 20px;\n                --sld-ap-font-size-xl: 22px;\n\n                \/* Font Weights *\/\n                --sld-ap-font-weight-normal: 400;\n                --sld-ap-font-weight-medium: 500;\n\n                \/* Shadow *\/\n                --sld-ap-shadow-sm: 0 2px 2px 0 rgb(0 0 0 \/ 0.08);\n                --sld-ap-shadow-md: 0 2px 4px 0 rgb(0 0 0 \/ 0.08);\n\n\n                \/* Dark Theme Variables *\/\n                --sld-ap-dark-background: #121212;\n                --sld-ap-dark-shading: #1E1E1E;\n                --sld-ap-dark-primary-color: #E0E0E0;\n                --sld-ap-dark-secondary-color: #A0A0A0;\n                --sld-ap-dark-accent-color: #6AB0FF;\n                --sld-ap-dark-border-color: #333333;\n                --sld-ap-dark-shadow-sm: 0 2px 2px 0 rgb(255 255 255 \/ 0.08);\n                \n            }\n\n            \/* Dark Mode Selector *\/\n            .dark-mode {\n                --sld-ap-background: var(--sld-ap-dark-background);\n                --sld-ap-shading: var(--sld-ap-dark-shading);\n                --sld-ap-primary-color: var(--sld-ap-dark-primary-color);\n                --sld-ap-secondary-color: var(--sld-ap-dark-secondary-color);\n                --sld-ap-accent-color: var(--sld-ap-dark-accent-color);\n                --sld-ap-border-color: var(--sld-ap-dark-border-color);\n                --sld-ap-shadow-sm: var(--sld-ap-dark-shadow-sm);\n            }\n\n            .sld-ap {\n                display: flex;\n                font-size: var(--sld-ap-font-size-md);\n                font-family: var(--sld-ap-font-family);\n                gap: var(--sld-ap-spacing-lg);\n                color: var(--sld-ap-primary-color);\n            }\n\n            \/* Hide the default checkbox *\/\n            .sld-ap input[type=\"checkbox\"] {\n                appearance: none;\n                -webkit-appearance: none;\n                -moz-appearance: none;\n                width: 20px;\n                height: 20px;\n                border: 2px solid var(--sld-ap-border-color);\n                border-radius: 4px;\n                background-color: #f0f0f0;\n                position: relative;\n                cursor: pointer;\n                transition: background-color 0.3s, border-color 0.3s;\n            }\n\n            \/* Checked state *\/\n            .sld-ap input[type=\"checkbox\"]:checked {\n                background-color: var(--sld-ap-accent-color);\n                border-color: var(--sld-ap-accent-color);\n            }\n\n            .sld-ap input[type=\"checkbox\"]:checked::after {\n                content: \"\";\n                position: absolute;\n                left: 5px;\n                top: 1px;\n                width: 3px;\n                height: 10px;\n                border: solid white;\n                border-width: 0 2px 2px 0;\n                transform: rotate(45deg);\n            }\n\n            \/* Hover state *\/\n            .sld-ap input[type=\"checkbox\"]:hover {\n                border-color: var(--sld-ap-border-color);\n            }\n\n            \/* Active state *\/\n            .sld-ap input[type=\"checkbox\"]:active {\n                background-color: var(--sld-ap-border-color);\n            }\n\n\n            \/* Hide the default radio button *\/\n            .sld-ap input[type=\"radio\"] {\n                appearance: none;\n                -webkit-appearance: none;\n                -moz-appearance: none;\n                width: 20px;\n                height: 20px;\n                border: 2px solid var(--sld-ap-border-color);\n                border-radius: 50%;\n                background-color: #f0f0f0;\n                position: relative;\n                vertical-align: middle;\n                cursor: pointer;\n                transition: background-color 0.3s, border-color 0.3s;\n            }\n\n            \/* Checked state for radio button *\/\n            .sld-ap input[type=\"radio\"]:checked {\n                background-color: var(--sld-ap-accent-color);\n                ;\n                border-color: var(--sld-ap-accent-color);\n                ;\n            }\n\n            \/* Inner circle when checked *\/\n            .sld-ap input[type=\"radio\"]:checked::after {\n                content: \"\";\n                position: absolute;\n                top: 4px;\n                left: 4px;\n                width: 8px;\n                height: 8px;\n                background-color: white;\n                border-radius: 10px;\n            }\n\n            \/* Hover state *\/\n            .sld-ap input[type=\"radio\"]:hover {\n                border-color: var(--sld-ap-border-color);\n            }\n\n            \/* Active state *\/\n            .sld-ap input[type=\"radio\"]:active {\n                background-color: var(--sld-ap-border-color);\n            }\n\n\n\n            .sld-ap textarea {\n                font-family: var(--family-sans-serif);\n            }\n\n            .sld-ap fieldset {\n                all: unset;\n                border: none;\n                padding: 0;\n                margin: 0;\n                background: transparent;\n            }\n\n            .sld-ap fieldset.fieldset-radio label,\n            .sld-ap fieldset.fieldset-checkbox label {\n                font-size: var(--sld-ap-font-size-sm);\n                color: var(--sld-ap-primary-color);\n            }\n\n            .sld-ap h2 {\n                font-family: var(--sld-ap-font-family);\n                font-size: var(--sld-ap-font-size-xl);\n                margin: var(--sld-ap-spacing-xs) 0;\n                font-weight: var(--sld-ap-font-weight-normal);\n                color: var(--sld-ap-primary-color);\n            }\n\n            .sld-ap p.sld-ap-form-lead {\n                margin: 0 var(--sld-ap-spacing-md) var(--sld-ap-spacing-lg) 0;\n                font-size: var(--sld-ap-font-size-sm);\n                color: var(--sld-ap-secondary-color);\n\n            }\n\n            .sld-col-1 {\n                flex-shrink: 0;\n                flex-basis: 60%;\n            }\n\n            .sld-col-1:last-child {\n                flex-shrink: 0;\n                flex-basis: fit-content;\n            }\n\n            @media only screen and (max-width: 800px) {\n                .sld-ap {\n                    flex-direction: column;\n                }\n            }\n\n            .sld-ap-form {\n                display: flex;\n                flex-direction: column;\n            }\n\n            .sld-ap-form_box {\n                padding: var(--sld-ap-spacing-lg);\n                width: 100%;\n                border: 1px solid var(--sld-ap-border-color);\n                border-radius: var(--sld-ap-border-radius-lg);\n                background-color: var(--sld-ap-background);\n                box-shadow:var(--sld-ap-shadow-md);\n                box-sizing: border-box;\n            }\n\n            .sld_field-wrapper {\n                display: flex;\n                flex-direction: column;\n                gap: var(--sld-ap-spacing-sm);\n                justify-content: space-between;\n            }\n\n            .sld_field-left {\n                display: flex;\n                flex-direction: column;\n            }\n\n            .sld_field-input {\n                min-width: 40%;\n                justify-content: flex-end;\n                display: flex;\n            }\n\n            .sld_field-input fieldset {\n                display: flex;\n                flex-direction: row;\n                flex-wrap: wrap;\n                gap: var(--sld-ap-spacing-sm);\n            }\n\n            .sld_field-wrapper.multi-checkbox {\n                flex-direction: column;\n                align-items: stretch;\n                gap: var(--sld-ap-spacing-md);\n            }\n\n            .sld_field-wrapper.multi-checkbox .sld_field-label {\n                display: flex;\n                gap: var(--sld-ap-spacing-md);\n                flex-wrap: wrap;\n            }\n\n            .sld_field-wrapper.multi-checkbox .sld_field-input .sld-ap-form_checkbox {\n                display: flex;\n                flex-direction: row;\n                gap: var(--sld-ap-spacing-sm);\n            }\n\n            .sld_field-wrapper.multi-checkbox .sld_field-input {\n                justify-content: flex-start;\n            }\n\n            .sld_field-wrapper.multi-checkbox .multi-checkbox-option {\n                display: flex;\n                flex-direction: row;\n                gap: var(--sld-ap-spacing-xs);\n                align-items: center;\n                font-size: var(--sld-ap-font-size-xs);\n            }\n\n            label.sld_field-label {\n                width: 100%;\n            }\n\n            .sld_field-title {\n                font-size: var(--sld-ap-font-size-sm);\n                font-weight: var(--sld-ap-font-weight-medium);\n                color: var(--sld-ap-primary-color);\n            }\n\n            .sld_field-description {\n                font-size: var(--sld-ap-font-size-xs);\n                margin: 0;\n                color: var(--sld-ap-secondary-color);\n            }\n\n            .sld-ap-form_group {\n                width: 100%;\n            }\n\n            .sld-ap-form_group>label {\n                margin: var(--sld-ap-spacing-xs) 0;\n                font-size: var(--sld-ap-font-size-sm);\n                display: flex;\n                flex-direction: column;\n            }\n\n            .sld-ap-form_group>label input,\n            .sld-ap-form_group>label textarea,\n            .sld-ap-form_group>label select {\n                width: 100%;\n            }\n\n            .sld-ap-form_group input:not([type='checkbox']):not([type='radio']),\n            .sld-ap-form_group textarea,\n            .sld-ap-form_group select {\n                border: 1px solid var(--sld-ap-border-color);\n                padding: var(--sld-ap-spacing-sm);\n                border-radius: var(--sld-ap-border-radius-md);\n                background: var(--sld-ap-shading);\n                color: var(--sld-ap-primary-color);\n                box-shadow: var(--sld-ap-shadow-sm);\n                width: 100%;\n                box-sizing: border-box;\n            }\n\n            label.sld_field-label input[type='radio'] {\n                width: 25px;\n                border-radius: 50%;\n                display: inline-block;\n            }\n\n            .sld-ap-form_checkbox a {\n                color: var(--sld-ap-accent-color);\n            }\n\n            .sld-ap-form_submit {\n                background: var(--sld-ap-accent-color);\n                font-size: var(--sld-ap-font-size-sm);\n                color: #fff;\n                padding: var(--sld-ap-spacing-md) var(--sld-ap-spacing-lg);\n                margin-top: var(--sld-ap-spacing-md);\n                border: none !important;\n                border-radius: var(--sld-ap-border-radius-lg);\n            }\n\n            input#submit_solid_affiliate_login {\n                background: var(--sld-ap-accent-color);\n                font-size: var(--sld-ap-font-size-sm);\n                color: #fff;\n                padding: var(--sld-ap-spacing-md) var(--sld-ap-spacing-lg);\n                border: none !important;\n                border-radius: var(--sld-ap-border-radius-lg);\n            }\n\n            .sld-ap-form_group input:focus,\n            .sld-ap-form_group input:focus-within,\n            .sld-ap-form_group input:focus-visible {\n                border: 2px solid var(--sld-ap-accent-color);\n                outline: none !important;\n                background: var(--sld-ap-background);\n            }\n\n            .sld-ap-form_tip {\n                font-size: var(--sld-ap-font-size-xs);\n                color: var(--sld-ap-primary-color);\n            }\n\n            .sld-ap-form_notice {\n                display: flex;\n                gap: var(--sld-ap-spacing-xs);\n                background-color: var(--sld-ap-background);\n                margin: var(--sld-ap-spacing-md) 0;\n                border: 1px solid var(--sld-ap-border-color);\n                color: var(--sld-ap-primary-color);\n                line-height: 1.2;\n                font-size: var(--sld-ap-font-size-sm);\n                border-radius: var(--sld-ap-border-radius-sm);\n                padding: var(--sld-ap-spacing-sm);\n                align-items: center;\n            }\n            .sld-ap-form_notice_icon {\n                display:flex;\n                align-items: center;\n            }\n            .sld-ap-form_notice_icon svg {\n                stroke: var(--sld-ap-secondary-color);\n                width: auto;\n                height: 24px;\n            }\n\n            .sld-ap-form.registration>div {\n                display: flex;\n                flex-direction: column;\n                gap: var(--sld-ap-spacing-lg);\n            }\n\n            .sld-ap-form_notice.error svg {\n                stroke: var(--sld-ap-error-color);\n            }\n\n            .sld-ap-form_notice.error {\n                color: var(--sld-ap-error-color);\n                background: rgba(var(--sld-ap-error-color), 0.1);\n            }\n\n            .sld-ap-form_notice.success svg {\n                stroke: var(--sld-ap-success-color);\n            }\n\n            .sld-ap-form_notice.success {\n                color: var(--sld-ap-success-color);\n                background: rgba(var(--sld-ap-success-color), 0.1);\n            }\n\n            .sld-ap-form_notice.info svg {\n                stroke: var(--sld-ap-info-color);\n            }\n\n            .sld-ap-form_notice.info {\n                color: var(--sld-ap-info-color);\n                background: rgba(var(--sld-ap-info-color), 0.1);\n            }\n\n            .sld-ap-form_group a.forgot-pass {\n                font-size: var(--sld-ap-font-size-xs);\n                color: var(--sld-ap-accent-color);\n            }\n\n            .sld-tooltip>svg {\n                max-width: 15px;\n            }\n\n            label[for=\"is_accept_affiliate_policy\"] p.sld_field-description {\n                display: inline-block;\n            }\n\n            .sld_field-wrapper.is_accept_affiliate_policy {\n                flex-direction: row-reverse;\n                align-items: center;\n                gap: var(--sld-ap-spacing-xs);\n            }\n\n            .sld_field-wrapper.is_accept_affiliate_policy .sld_field-left {\n                flex-grow: 1;\n            }\n\n            .sld_field-wrapper.is_accept_affiliate_policy .sld_field-left a {\n                font-size: var(--sld-ap-font-size-sm);\n            }\n\n            .sld_field-wrapper.is_accept_affiliate_policy .sld_field-input {\n                flex-shrink: 1;\n                min-width: auto;\n\n            }\n\n            #is_accept_affiliate_policy+p::before {\n                content: '* ';\n                color: var(--sld-ap-error-color);\n            }\n\n            .sld-ap-login-component {\n                height: fit-content;\n            }\n\n            .sld-ap-form_error {\n                color: var(--sld-ap-error-color);\n                font-size: var(--sld-ap-font-size-xs);\n                margin: var(--sld-ap-spacing-xs) 0;\n            }\n\n            .powered-by {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  border: 1px solid #ccc; \/* Customize border color *\/\n  padding: 10px; \/* Adjust padding as needed *\/\n  gap: 8px; \/* Space between text and image *\/\n  font-family: Arial, sans-serif; \/* Optional: Choose your font *\/\n  font-size: 14px; \/* Optional: Adjust font size *\/\n}\n\n.powered-by img {\n  height: 20px; \/* Adjust logo size as needed *\/}\n\n  #solid-affiliate-affiliate-portal_login-form {\ndisplay:flex;\nflex-direction:column;\ngap:var(--sld-ap-spacing-md);\n  }\n\n        <\/style>\n\n        <script>\n            \/\/ make an ajax request to generate a new nonce and then replace the value of the nonce field in the form\n            jQuery(document).ready(function($) {\n                var data = {\n                    'action': 'sld_affiliate_generate_login_nonce',\n                };\n\n                $.post(window.SolidAffiliate.ajaxurl, data, function(response) {\n                    if (response.success) {\n                        $('#solid-affiliate-affiliate-portal_login-form #_wpnonce').val(response.data);\n                    }\n                });\n            });\n        <\/script>\n\n        <div class=\"sld-col-2 sld-ap-form_box sld-ap-login-component\">\n            \n            <h2 style=\"margin: 0 var(--sld-ap-spacing-md) var(--sld-ap-spacing-lg) 0;\">Login as Affiliate<\/h2>\n            <form action=\"\" method=\"post\" class=\"sld-ap-form\" id=\"solid-affiliate-affiliate-portal_login-form\">\n                <div class=\"sld-ap-form_group\">\n                    <label class=\"sld_field-title\" for=\"user_email-1\">Account email<\/label>\n                    <input type=\"email\" id=\"sld-ap-login-email\" name=\"user_email\" required>\n                <\/div>\n                <div class=\"sld-ap-form_group\">\n                    <label class=\"sld_field-title\" for=\"user_pass-1\">Password<\/label>\n                    <input type=\"password\" id=\"sld-ap-login-pass\" name=\"user_pass\" required>\n                    <a href=\"https:\/\/mynextring.com\/fi\/account\/lost-password\/\" class=\"forgot-pass\">Forgot your password?<\/a>\n                <\/div>\n                <input type=\"hidden\" name=\"field_id\" value=\"0\">\n\n                <input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"bdaa67a375\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fi\/wp-json\/wp\/v2\/pages\/615\" \/>                <!-- TODO: Was there a reason that 'id' was set to the string that $submit_action is, but does not use the $submit_action variable? -->\n                <input type=\"submit\" name=\"submit_solid_affiliate_login\" id=\"submit_solid_affiliate_login\" class=\"sld-ap-form_login\" value=\"Login as Affiliate\">\n            <\/form>\n        <\/div>\n\n    <\/div><\/div><\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Affilite Partner Programm Willkommen,\u00a0 ! Register as Affiliate Your account must be approved before earning referrals. You&#8217;ll be notified by email once approved. Username Your username. First Name Your first name. Last Name Your last name. Account Email Your primary email, used for logging in. Payment Email (PayPal) Your PayPal payment email, to which we [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-615","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mynextring.com\/fi\/wp-json\/wp\/v2\/pages\/615","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mynextring.com\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mynextring.com\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mynextring.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mynextring.com\/fi\/wp-json\/wp\/v2\/comments?post=615"}],"version-history":[{"count":5,"href":"https:\/\/mynextring.com\/fi\/wp-json\/wp\/v2\/pages\/615\/revisions"}],"predecessor-version":[{"id":923,"href":"https:\/\/mynextring.com\/fi\/wp-json\/wp\/v2\/pages\/615\/revisions\/923"}],"wp:attachment":[{"href":"https:\/\/mynextring.com\/fi\/wp-json\/wp\/v2\/media?parent=615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}