{"id":9641,"date":"2025-11-14T15:26:38","date_gmt":"2025-11-14T14:26:38","guid":{"rendered":"https:\/\/ctab.tn\/?page_id=9641"},"modified":"2025-11-14T15:28:32","modified_gmt":"2025-11-14T14:28:32","slug":"desabonnement-newsletter","status":"publish","type":"page","link":"https:\/\/ctab.tn\/fr\/desabonnement-newsletter\/","title":{"rendered":"D\u00e9sabonnement Newsletter"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9641\" class=\"elementor elementor-9641\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f5915a e-con-full e-flex e-con e-parent\" data-id=\"5f5915a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-148b36c elementor-widget elementor-widget-shortcode\" data-id=\"148b36c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"newsletter-unsubscribe-container\">\n    <style>\n        .newsletter-unsubscribe-container {\n            max-width: 600px;\n            margin: 40px auto;\n            padding: 40px;\n            background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n            border-radius: 12px;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        }\n\n        .newsletter-unsubscribe-header {\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .newsletter-unsubscribe-header svg {\n            width: 60px;\n            height: 60px;\n            margin-bottom: 15px;\n            stroke: #6e9f33;\n        }\n\n        .newsletter-unsubscribe-header h2 {\n            color: #2c3e50;\n            font-size: 28px;\n            margin-bottom: 10px;\n        }\n\n        .newsletter-unsubscribe-header p {\n            color: #7f8c8d;\n            font-size: 16px;\n            line-height: 1.6;\n        }\n\n        .newsletter-unsubscribe-form {\n            margin-top: 30px;\n        }\n\n        .form-group {\n            margin-bottom: 20px;\n        }\n\n        .form-group label {\n            display: block;\n            margin-bottom: 8px;\n            color: #2c3e50;\n            font-weight: 600;\n            font-size: 14px;\n        }\n\n        .form-group input[type=\"email\"] {\n            width: 100%;\n            padding: 14px 16px;\n            border: 2px solid #e0e0e0;\n            border-radius: 8px;\n            font-size: 15px;\n            transition: all 0.3s ease;\n            box-sizing: border-box;\n        }\n\n        .form-group input[type=\"email\"]:focus {\n            outline: none;\n            border-color: #6e9f33;\n            box-shadow: 0 0 0 3px rgba(110, 159, 51, 0.1);\n        }\n\n        .unsubscribe-button {\n            width: 100%;\n            padding: 16px;\n            background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);\n            color: white;\n            border: none;\n            border-radius: 8px;\n            font-size: 16px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            margin-top: 10px;\n        }\n\n        .unsubscribe-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);\n        }\n\n        .unsubscribe-button:disabled {\n            opacity: 0.6;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .unsubscribe-message {\n            margin-top: 20px;\n            padding: 16px;\n            border-radius: 8px;\n            font-size: 15px;\n            text-align: center;\n            display: none;\n        }\n\n        .unsubscribe-message.success {\n            background: linear-gradient(135deg, rgba(46, 213, 115, 0.1) 0%, rgba(39, 174, 96, 0.1) 100%);\n            border: 2px solid #27ae60;\n            color: #27ae60;\n        }\n\n        .unsubscribe-message.error {\n            background: linear-gradient(135deg, rgba(235, 77, 75, 0.1) 0%, rgba(192, 57, 43, 0.1) 100%);\n            border: 2px solid #e74c3c;\n            color: #e74c3c;\n        }\n\n        .unsubscribe-info {\n            margin-top: 30px;\n            padding: 20px;\n            background: rgba(110, 159, 51, 0.05);\n            border-left: 4px solid #6e9f33;\n            border-radius: 8px;\n        }\n\n        .unsubscribe-info h3 {\n            color: #6e9f33;\n            font-size: 18px;\n            margin-bottom: 12px;\n        }\n\n        .unsubscribe-info p {\n            color: #2c3e50;\n            font-size: 14px;\n            line-height: 1.6;\n            margin: 8px 0;\n        }\n\n        .back-link {\n            text-align: center;\n            margin-top: 30px;\n        }\n\n        .back-link a {\n            color: #6e9f33;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 15px;\n            transition: all 0.3s ease;\n        }\n\n        .back-link a:hover {\n            color: #3F6731;\n            text-decoration: underline;\n        }\n\n        .spinner {\n            display: inline-block;\n            width: 16px;\n            height: 16px;\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            border-radius: 50%;\n            border-top-color: white;\n            animation: spin 0.8s linear infinite;\n            margin-right: 8px;\n        }\n\n        @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n\n        @media (max-width: 768px) {\n            .newsletter-unsubscribe-container {\n                margin: 20px;\n                padding: 30px 20px;\n            }\n\n            .newsletter-unsubscribe-header h2 {\n                font-size: 24px;\n            }\n        }\n    <\/style>\n\n    <div class=\"newsletter-unsubscribe-header\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/>\n        <\/svg>\n        <h2>Se d\u00e9sabonner de la newsletter<\/h2>\n        <p>Nous sommes d\u00e9sol\u00e9s de vous voir partir. Si vous souhaitez ne plus recevoir nos emails, entrez votre adresse email ci-dessous.<\/p>\n    <\/div>\n\n    <form id=\"unsubscribe-form\" class=\"newsletter-unsubscribe-form\">\n        <div class=\"form-group\">\n            <label for=\"unsubscribe-email\">Adresse email<\/label>\n            <input\n                type=\"email\"\n                id=\"unsubscribe-email\"\n                name=\"email\"\n                placeholder=\"votre@email.com\"\n                required\n                value=\"\"\n            >\n        <\/div>\n\n        <button type=\"submit\" class=\"unsubscribe-button\" id=\"unsubscribe-btn\">\n            Se d\u00e9sabonner\n        <\/button>\n    <\/form>\n\n    <div id=\"unsubscribe-message\" class=\"unsubscribe-message\"><\/div>\n\n    <div class=\"unsubscribe-info\">\n        <h3>\ud83d\udccc \u00c0 savoir<\/h3>\n        <p>\u2022 Votre d\u00e9sabonnement sera effectif imm\u00e9diatement<\/p>\n        <p>\u2022 Vous ne recevrez plus nos newsletters<\/p>\n        <p>\u2022 Vos donn\u00e9es resteront enregistr\u00e9es dans notre syst\u00e8me mais avec le statut \"d\u00e9sabonn\u00e9\"<\/p>\n        <p>\u2022 Vous pouvez vous r\u00e9abonner \u00e0 tout moment en remplissant \u00e0 nouveau le formulaire d'inscription<\/p>\n    <\/div>\n\n    <div class=\"back-link\">\n        <a href=\"https:\/\/ctab.tn\/fr\">\u2190 Retour \u00e0 l'accueil<\/a>\n    <\/div>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n    $('#unsubscribe-form').on('submit', function(e) {\n        e.preventDefault();\n\n        const $form = $(this);\n        const $button = $('#unsubscribe-btn');\n        const $message = $('#unsubscribe-message');\n        const email = $('#unsubscribe-email').val();\n\n        \/\/ D\u00e9sactiver le bouton et afficher le chargement\n        $button.prop('disabled', true).html('<span class=\"spinner\"><\/span> D\u00e9sabonnement en cours...');\n        $message.hide();\n\n        $.ajax({\n            url: newsletter_ajax.ajax_url,\n            type: 'POST',\n            data: {\n                action: 'unsubscribe_newsletter',\n                nonce: newsletter_ajax.nonce,\n                email: email\n            },\n            success: function(response) {\n                if (response.success) {\n                    $message.removeClass('error').addClass('success');\n                    $message.html('\u2713 ' + response.data).fadeIn();\n                    $form.find('input').prop('disabled', true);\n                    $button.html('D\u00e9sabonn\u00e9').css('background', '#27ae60');\n                } else {\n                    $message.removeClass('success').addClass('error');\n                    $message.html('\u2717 ' + response.data).fadeIn();\n                    $button.prop('disabled', false).html('Se d\u00e9sabonner');\n                }\n            },\n            error: function() {\n                $message.removeClass('success').addClass('error');\n                $message.html('\u2717 Une erreur est survenue. Veuillez r\u00e9essayer.').fadeIn();\n                $button.prop('disabled', false).html('Se d\u00e9sabonner');\n            }\n        });\n    });\n});\n<\/script>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":31,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9641","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ctab.tn\/fr\/wp-json\/wp\/v2\/pages\/9641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ctab.tn\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ctab.tn\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ctab.tn\/fr\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/ctab.tn\/fr\/wp-json\/wp\/v2\/comments?post=9641"}],"version-history":[{"count":10,"href":"https:\/\/ctab.tn\/fr\/wp-json\/wp\/v2\/pages\/9641\/revisions"}],"predecessor-version":[{"id":9651,"href":"https:\/\/ctab.tn\/fr\/wp-json\/wp\/v2\/pages\/9641\/revisions\/9651"}],"wp:attachment":[{"href":"https:\/\/ctab.tn\/fr\/wp-json\/wp\/v2\/media?parent=9641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}