{"id":10021180,"date":"2026-02-02T14:14:52","date_gmt":"2026-02-02T14:14:52","guid":{"rendered":"https:\/\/876box.com\/affiliate-portal\/"},"modified":"2026-03-20T22:41:46","modified_gmt":"2026-03-20T22:41:46","slug":"affiliate-portal","status":"publish","type":"page","link":"https:\/\/876box.com\/fr\/affiliate-portal\/","title":{"rendered":"Affiliate Portal"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">\t\t<div class=\"vc_row wpb_row vc_row-fluid\">\n                                        <div class=\"gf-row-inner gf-container container\">\n                        <div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<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'>Un compte avec cette adresse e-mail existe d\\u00e9j\\u00e0. Veuillez d'abord <a href=\\\"https:\\\/\\\/876box.com\\\/fr\\\/portal\\\/\\\" target=\\\"_self\\\">Connexion<\\\/a> si c'est votre compte.<\\\/div>\" : \"<div id='sld-user_login-error' class='sld-ap-form_error'>Un compte avec ce nom d'utilisateur existe d\\u00e9j\\u00e0. Veuillez d'abord <a href=\\\"https:\\\/\\\/876box.com\\\/fr\\\/portal\\\/\\\" target=\\\"_self\\\">Connexion<\\\/a> si c'est votre compte.<\\\/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>Enregistrer en tant que Affiliate<\/h2>\n\n                                    <p class=\"sld-ap-form-lead\">\n                        Votre compte doit \u00eatre approuv\u00e9 avant de pouvoir b\u00e9n\u00e9ficier de parrainages. Vous serez inform\u00e9 par e-mail une fois votre compte approuv\u00e9.                    <\/p>\n                \n                <form action=\"\" method=\"post\" class=\"sld-ap-form registration\" id=\"solid-affiliate-affiliate-portal_new_affiliate\" data-trp-original-action=\"\">\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-form7a449c61'><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                            Nom d'utilisateur\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Nom d'utilisateur.<\/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 user_email'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title required'>\n                            E-mail du compte\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Votre adresse \u00e9lectronique principale, utilis\u00e9e pour vous connecter.<\/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'>\n                            Email de paiement\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Votre adresse \u00e9lectronique de paiement PayPal, \u00e0 laquelle nous enverrons les paiements des commissions. Il peut s'agir de la m\u00eame adresse que celle de votre compte.<\/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=''   \/>\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                            Mot de passe\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Votre mot de passe principal, utilis\u00e9 pour vous connecter.<\/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                            Comment allez-vous nous promouvoir ?\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Pr\u00e9sentez-nous un peu de vous et dites-nous comment vous comptez promouvoir nos produits.<\/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 text_1774112129726_0'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title required'>\n                            Date of Birth\n                            \n                    <\/div>\n            <p class='description sld_field-description'>You must be 18+ to receive partner payouts. Failure to verify your age if requested will prevent us from processing your monthly payment transfers.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-text_1774112129726_0' class='sld_field-label'>\n            <input  type='text' name='text_1774112129726_0' id='text_1774112129726_0' class='regular-text' placeholder='02\/02\/1986' value='' required \/>\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:\/\/876box.com\/fr\/partner-terms\/\" target=\"_blank\">Accepter les Conditions G\u00e9n\u00e9rales<\/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>                                        <input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"eb50ab9219\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/10021180\" \/>                    <input type=\"submit\" name=\"submit_affiliate_registration\" id=\"submit_affiliate_registration\" class=\"sld-ap-form_submit\" value=\"Enregistrer en tant que Affiliate\">\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/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;\">Connectez-vous comme Affiliate<\/h2>\n            <form action=\"\" method=\"post\" class=\"sld-ap-form\" id=\"solid-affiliate-affiliate-portal_login-form\" data-trp-original-action=\"\">\n                <div class=\"sld-ap-form_group\">\n                    <label class=\"sld_field-title\" for=\"user_email-1\">E-mail du compte<\/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\">Mot de passe<\/label>\n                    <input type=\"password\" id=\"sld-ap-login-pass\" name=\"user_pass\" required>\n                    <a href=\"https:\/\/876box.com\/fr\/my-account\/lost-password\/\" class=\"forgot-pass\">Mot de passe oubli\u00e9?<\/a>\n                <\/div>\n                <input type=\"hidden\" name=\"field_id\" value=\"0\">\n\n                <input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"26821eaa39\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/10021180\" \/>                <!-- 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=\"Connectez-vous comme Affiliate\">\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\n        <\/div>\n\n    <\/div><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_mi_skip_tracking":false,"footnotes":""},"class_list":["post-10021180","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/876box.com\/fr\/wp-json\/wp\/v2\/pages\/10021180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/876box.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/876box.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/876box.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/876box.com\/fr\/wp-json\/wp\/v2\/comments?post=10021180"}],"version-history":[{"count":1,"href":"https:\/\/876box.com\/fr\/wp-json\/wp\/v2\/pages\/10021180\/revisions"}],"predecessor-version":[{"id":10021778,"href":"https:\/\/876box.com\/fr\/wp-json\/wp\/v2\/pages\/10021180\/revisions\/10021778"}],"wp:attachment":[{"href":"https:\/\/876box.com\/fr\/wp-json\/wp\/v2\/media?parent=10021180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}