{"id":8343,"date":"2026-07-08T16:13:20","date_gmt":"2026-07-08T14:13:20","guid":{"rendered":"https:\/\/sovidarmonia.com\/?page_id=8343"},"modified":"2026-07-08T18:33:37","modified_gmt":"2026-07-08T16:33:37","slug":"desinscription","status":"publish","type":"page","link":"https:\/\/sovidarmonia.com\/index.php\/desinscription\/","title":{"rendered":"desinscription"},"content":{"rendered":"
\n
\n
\n
\n
\n
\n
\n

\n
\n
\n
\n
\nSe d\u00e9sinscrire de la newsletter<\/title><\/p>\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,500;1,600&family=Montserrat:wght@400;500;600;700&display=swap');\n * { margin:0; padding:0; box-sizing:border-box; }\n body {\n background:#e9e2d3;\n font-family:'Montserrat', sans-serif;\n color:#1F3A3D;\n display:flex; align-items:center; justify-content:center;\n min-height:100vh; padding:24px;\n }\n .card {\n width:100%; max-width:560px;\n background:#FBF2E4;\n border-radius:18px;\n overflow:hidden;\n box-shadow:0 20px 60px rgba(31,58,61,0.12);\n }\n .header { background:#1F3A3D; padding:40px 40px 34px 40px; text-align:center; }\n .eyebrow { font-size:13px; letter-spacing:5px; color:#F3C969; text-transform:uppercase; font-weight:600; }\n .title { font-family:'Cormorant Garamond', serif; font-style:italic; font-weight:600; font-size:44px; color:#FBF2E4; margin-top:10px; }\n .body { padding:36px 40px 40px 40px; }\n .lead { font-size:15px; line-height:1.6; color:#3f5252; margin-bottom:28px; }\n label { display:block; font-size:13px; font-weight:600; letter-spacing:0.5px; color:#1F3A3D; margin-bottom:8px; text-transform:uppercase; }\n input[type=\"email\"], select {\n width:100%; padding:14px 16px; border-radius:10px; border:1px solid rgba(31,58,61,0.2);\n background:#fff; font-family:'Montserrat', sans-serif; font-size:15px; color:#1F3A3D; margin-bottom:22px;\n }\n input[type=\"email\"]:focus, select:focus { outline:2px solid #4F9C97; border-color:#4F9C97; }\n button {\n width:100%; padding:16px; border:none; border-radius:100px; cursor:pointer;\n background:#E9805F; color:#1F3A3D; font-family:'Montserrat', sans-serif; font-weight:700;\n font-size:14px; letter-spacing:1.5px; text-transform:uppercase;\n transition:background .2s ease;\n }\n button:hover { background:#dd6e4c; }\n button:disabled { opacity:0.6; cursor:not-allowed; }\n .fallback { margin-top:18px; font-size:13px; text-align:center; color:#5b6d6d; }\n .fallback a { color:#4F9C97; font-weight:600; }\n #confirmation {\n display:none; text-align:center; padding:10px 0 4px 0;\n }\n #confirmation .check { font-size:44px; margin-bottom:14px; }\n #confirmation p { font-size:15px; color:#3f5252; line-height:1.6; }\n #form-wrap.hidden, #confirmation.visible { display:none; }\n #confirmation.visible { display:block; }\n #form-wrap.hidden { display:none; }\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"card\">\n<div class=\"header\">\n<div class=\"eyebrow\">Newsletter Bien-\u00eatre<\/div>\n<div class=\"title\">Se d\u00e9sinscrire<\/div>\n<\/p><\/div>\n<div class=\"body\">\n<div id=\"form-wrap\">\n<p class=\"lead\">\n Nous sommes tristes de vous voir partir \ud83c\udf3f Indiquez votre adresse email ci-dessous<br \/>\n pour ne plus recevoir nos actualit\u00e9s et offres.\n <\/p>\n<form id=\"unsub-form\">\n <label for=\"email\">Votre adresse email<\/label><br \/>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"vous@exemple.com\" required \/><\/p>\n<p> <label for=\"reason\">Pourquoi souhaitez-vous vous d\u00e9sinscrire ? (optionnel)<\/label><br \/>\n <select id=\"reason\" name=\"reason\"><option value>\u2014 S\u00e9lectionner \u2014<\/option><option value=\"trop_frequent\">Je re\u00e7ois trop d’emails<\/option><option value=\"pas_interesse\">Le contenu ne m’int\u00e9resse plus<\/option><option value=\"autre\">Autre raison<\/option><\/select><\/p>\n<p> <button type=\"submit\" id=\"submit-btn\">Confirmer la d\u00e9sinscription<\/button><br \/>\n <\/form>\n<p class=\"fallback\">\n Le formulaire ne fonctionne pas ? <a id=\"mailto-fallback\" href=\"#\">\u00c9crivez-nous directement<\/a> pour \u00eatre retir\u00e9(e) de la liste.\n <\/p>\n<\/p><\/div>\n<div id=\"confirmation\">\n<div class=\"check\">\u2713<\/div>\n<p><strong>C’est fait.<\/strong><br \/>Votre demande de d\u00e9sinscription a bien \u00e9t\u00e9 prise en compte. Vous ne recevrez plus nos emails.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><script>\n \/\/ --- CONFIGURATION ---\n \/\/ Option B (automatis\u00e9) : collez ici l'URL de votre application Web Apps Script\n \/\/ (voir le fichier \"apps-script-desinscription.gs\" pour la mise en place).\n \/\/ Laissez vide (\"\") pour rester en mode Option A (email uniquement, pas d'automatisation).\n const APPS_SCRIPT_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbxHlugywC2mGkfownlTO-b6BtrIX7iN51ByB9TJmHBUu2my_N-6a5vF2-bkdYyz60ho\/exec\"<\/p>\n<p> \/\/ Adresse \u00e0 laquelle envoyer l'email de secours (mode Option A \/ fallback)\n const OWNER_EMAIL = \"sovidarmonia@gmail.com\"; \/\/ <-- \u00e0 remplacer par votre email\n\n const form = document.getElementById('unsub-form');\n const formWrap = document.getElementById('form-wrap');\n const confirmation = document.getElementById('confirmation');\n const submitBtn = document.getElementById('submit-btn');\n const mailtoFallback = document.getElementById('mailto-fallback');\n\n function updateMailtoLink() {\n const email = document.getElementById('email').value || '[votre email]';\n const subject = encodeURIComponent('D\u00e9sinscription newsletter');\n const body = encodeURIComponent(`Bonjour,nnMerci de me d\u00e9sinscrire de la newsletter.nMon email : ${email}nnMerci.`);\n mailtoFallback.href = `mailto:${OWNER_EMAIL}?subject=${subject}&body=${body}`;\n }\n document.getElementById('email').addEventListener('input', updateMailtoLink);\n updateMailtoLink();\n\n form.addEventListener('submit', async function (e) {\n e.preventDefault();\n const email = document.getElementById('email').value.trim();\n const reason = document.getElementById('reason').value;\n if (!email) return;\n\n submitBtn.disabled = true;\n submitBtn.textContent = 'Envoi en cours...';\n\n if (APPS_SCRIPT_URL) {\n \/\/ Option B : envoi automatis\u00e9 vers le script Google (retire le contact du groupe \"Newsletter\")\n try {\n await fetch(APPS_SCRIPT_URL, {\n method: 'POST',\n mode: 'no-cors', \/\/ les Web Apps Apps Script ne renvoient pas d'en-t\u00eates CORS lisibles\n headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n body: new URLSearchParams({ email, reason })\n });\n } catch (err) {\n console.error('Erreur envoi Apps Script :', err);\n }\n showConfirmation();\n } else {\n \/\/ Option A : pas de script configur\u00e9, on ouvre directement l'email de secours\n window.location.href = mailtoFallback.href;\n showConfirmation();\n }\n });\n\n function showConfirmation() {\n formWrap.classList.add('hidden');\n confirmation.classList.add('visible');\n }\n<\/script><\/p>\n<p><\/body><\/html><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<p><!-- version:1783528417 --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se d\u00e9sinscrire de la newsletter Newsletter Bien-\u00eatre Se d\u00e9sinscrire Nous sommes tristes de vous voir partir \ud83c\udf3f Indiquez votre adresse email ci-dessous pour ne plus recevoir nos actualit\u00e9s et offres. Votre adresse email Pourquoi souhaitez-vous vous d\u00e9sinscrire ? (optionnel) \u2014 S\u00e9lectionner \u2014Je re\u00e7ois trop d’emailsLe contenu ne m’int\u00e9resse plusAutre raison Confirmer la d\u00e9sinscription Le formulaire … <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"brizy-blank-template.php","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/sovidarmonia.com\/index.php\/wp-json\/wp\/v2\/pages\/8343"}],"collection":[{"href":"https:\/\/sovidarmonia.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sovidarmonia.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sovidarmonia.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sovidarmonia.com\/index.php\/wp-json\/wp\/v2\/comments?post=8343"}],"version-history":[{"count":6,"href":"https:\/\/sovidarmonia.com\/index.php\/wp-json\/wp\/v2\/pages\/8343\/revisions"}],"predecessor-version":[{"id":8377,"href":"https:\/\/sovidarmonia.com\/index.php\/wp-json\/wp\/v2\/pages\/8343\/revisions\/8377"}],"wp:attachment":[{"href":"https:\/\/sovidarmonia.com\/index.php\/wp-json\/wp\/v2\/media?parent=8343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}