{"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-10-15T13:34:38","modified_gmt":"2026-10-15T11:34:38","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

Se d\u00e9sinscrire de la newsletter<\/title><\/p>\n<p> @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’);<br \/>\n * { margin:0; padding:0; box-sizing:border-box; }<br \/>\n body {<br \/>\n background:#e9e2d3;<br \/>\n font-family:’Montserrat’, sans-serif;<br \/>\n color:#1F3A3D;<br \/>\n display:flex; align-items:center; justify-content:center;<br \/>\n min-height:100vh; padding:24px;<br \/>\n }<br \/>\n .card {<br \/>\n width:100%; max-width:560px;<br \/>\n background:#FBF2E4;<br \/>\n border-radius:18px;<br \/>\n overflow:hidden;<br \/>\n box-shadow:0 20px 60px rgba(31,58,61,0.12);<br \/>\n }<br \/>\n .header { background:#1F3A3D; padding:40px 40px 34px 40px; text-align:center; }<br \/>\n .eyebrow { font-size:13px; letter-spacing:5px; color:#F3C969; text-transform:uppercase; font-weight:600; }<br \/>\n .title { font-family:’Cormorant Garamond’, serif; font-style:italic; font-weight:600; font-size:44px; color:#FBF2E4; margin-top:10px; }<br \/>\n .body { padding:36px 40px 40px 40px; }<br \/>\n .lead { font-size:15px; line-height:1.6; color:#3f5252; margin-bottom:28px; }<br \/>\n label { display:block; font-size:13px; font-weight:600; letter-spacing:0.5px; color:#1F3A3D; margin-bottom:8px; text-transform:uppercase; }<br \/>\n input[type=\u00a0\u00bbemail\u00a0\u00bb], select {<br \/>\n width:100%; padding:14px 16px; border-radius:10px; border:1px solid rgba(31,58,61,0.2);<br \/>\n background:#fff; font-family:’Montserrat’, sans-serif; font-size:15px; color:#1F3A3D; margin-bottom:22px;<br \/>\n }<br \/>\n input[type=\u00a0\u00bbemail\u00a0\u00bb]:focus, select:focus { outline:2px solid #4F9C97; border-color:#4F9C97; }<br \/>\n button {<br \/>\n width:100%; padding:16px; border:none; border-radius:100px; cursor:pointer;<br \/>\n background:#E9805F; color:#1F3A3D; font-family:’Montserrat’, sans-serif; font-weight:700;<br \/>\n font-size:14px; letter-spacing:1.5px; text-transform:uppercase;<br \/>\n transition:background .2s ease;<br \/>\n }<br \/>\n button:hover { background:#dd6e4c; }<br \/>\n button:disabled { opacity:0.6; cursor:not-allowed; }<br \/>\n .fallback { margin-top:18px; font-size:13px; text-align:center; color:#5b6d6d; }<br \/>\n .fallback a { color:#4F9C97; font-weight:600; }<br \/>\n #confirmation {<br \/>\n display:none; text-align:center; padding:10px 0 4px 0;<br \/>\n }<br \/>\n #confirmation .check { font-size:44px; margin-bottom:14px; }<br \/>\n #confirmation p { font-size:15px; color:#3f5252; line-height:1.6; }<br \/>\n #form-wrap.hidden, #confirmation.visible { display:none; }<br \/>\n #confirmation.visible { display:block; }<br \/>\n #form-wrap.hidden { display:none; }<\/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<p> <label for=\"email\">Votre adresse email<\/label><\/p>\n<p> <label for=\"reason\">Pourquoi souhaitez-vous vous d\u00e9sinscrire ? (optionnel)<\/label><\/p>\n<p> \u2014 S\u00e9lectionner \u2014<br \/>\n Je re\u00e7ois trop d’emails<br \/>\n Le contenu ne m’int\u00e9resse plus<br \/>\n Autre raison<\/p>\n<p> <button type=\"submit\" id=\"submit-btn\">Confirmer la d\u00e9sinscription<\/button><\/p>\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> \/\/ — CONFIGURATION —<br \/>\n \/\/ Option B (automatis\u00e9) : collez ici l’URL de votre application Web Apps Script<br \/>\n \/\/ (voir le fichier \u00ab\u00a0apps-script-desinscription.gs\u00a0\u00bb pour la mise en place).<br \/>\n \/\/ Laissez vide (\u00ab\u00a0\u00a0\u00bb) pour rester en mode Option A (email uniquement, pas d’automatisation).<br \/>\n const APPS_SCRIPT_URL = \u00ab\u00a0https:\/\/script.google.com\/macros\/s\/AKfycbxHlugywC2mGkfownlTO-b6BtrIX7iN51ByB9TJmHBUu2my_N-6a5vF2-bkdYyz60ho\/exec\u00a0\u00bb<\/p>\n<p> \/\/ Adresse \u00e0 laquelle envoyer l’email de secours (mode Option A \/ fallback)<br \/>\n const OWNER_EMAIL = \u00ab\u00a0sovidarmonia@gmail.com\u00a0\u00bb; \/\/ <– \u00e0 remplacer par votre email<\/p>\n<p> const form = document.getElementById('unsub-form');<br \/>\n const formWrap = document.getElementById('form-wrap');<br \/>\n const confirmation = document.getElementById('confirmation');<br \/>\n const submitBtn = document.getElementById('submit-btn');<br \/>\n const mailtoFallback = document.getElementById('mailto-fallback');<\/p>\n<p> function updateMailtoLink() {<br \/>\n const email = document.getElementById('email').value || '[votre email]';<br \/>\n const subject = encodeURIComponent('D\u00e9sinscription newsletter');<br \/>\n const body = encodeURIComponent(`Bonjour,nnMerci de me d\u00e9sinscrire de la newsletter.nMon email : ${email}nnMerci.`);<br \/>\n mailtoFallback.href = `mailto:${OWNER_EMAIL}?subject=${subject}&body=${body}`;<br \/>\n }<br \/>\n document.getElementById('email').addEventListener('input', updateMailtoLink);<br \/>\n updateMailtoLink();<\/p>\n<p> form.addEventListener('submit', async function (e) {<br \/>\n e.preventDefault();<br \/>\n const email = document.getElementById('email').value.trim();<br \/>\n const reason = document.getElementById('reason').value;<br \/>\n if (!email) return;<\/p>\n<p> submitBtn.disabled = true;<br \/>\n submitBtn.textContent = 'Envoi en cours…';<\/p>\n<p> if (APPS_SCRIPT_URL) {<br \/>\n \/\/ Option B : envoi automatis\u00e9 vers le script Google (retire le contact du groupe "Newsletter")<br \/>\n try {<br \/>\n await fetch(APPS_SCRIPT_URL, {<br \/>\n method: 'POST',<br \/>\n mode: 'no-cors', \/\/ les Web Apps Apps Script ne renvoient pas d'en-t\u00eates CORS lisibles<br \/>\n headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },<br \/>\n body: new URLSearchParams({ email, reason })<br \/>\n });<br \/>\n } catch (err) {<br \/>\n console.error('Erreur envoi Apps Script :', err);<br \/>\n }<br \/>\n showConfirmation();<br \/>\n } else {<br \/>\n \/\/ Option A : pas de script configur\u00e9, on ouvre directement l'email de secours<br \/>\n window.location.href = mailtoFallback.href;<br \/>\n showConfirmation();<br \/>\n }<br \/>\n });<\/p>\n<p> function showConfirmation() {<br \/>\n formWrap.classList.add('hidden');<br \/>\n confirmation.classList.add('visible');<br \/>\n }<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<p><!-- version:1792064078 --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se d\u00e9sinscrire de la newsletter @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’); * { margin:0; padding:0; box-sizing:border-box; } body { background:#e9e2d3; font-family:’Montserrat’, sans-serif; color:#1F3A3D; display:flex; align-items:center; justify-content:center; min-height:100vh; padding:24px; } .card { width:100%; max-width:560px; background:#FBF2E4; border-radius:18px; overflow:hidden; box-shadow:0 20px 60px rgba(31,58,61,0.12); } .header { background:#1F3A3D; padding:40px 40px 34px 40px; text-align:center; } .eyebrow { font-size:13px; letter-spacing:5px; color:#F3C969; text-transform:uppercase; font-weight:600; } .title … <\/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}]}}