{"id":695,"date":"2025-06-20T22:37:26","date_gmt":"2025-06-20T20:37:26","guid":{"rendered":"https:\/\/zodiaquesecrets.com\/?page_id=695"},"modified":"2025-06-28T14:57:06","modified_gmt":"2025-06-28T12:57:06","slug":"confirmation-de-paiement","status":"publish","type":"page","link":"https:\/\/zodiaquesecrets.com\/en\/confirmation-de-paiement\/","title":{"rendered":"confirmation-de-paiement"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"695\" class=\"elementor elementor-695\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9ea1ef e-flex e-con-boxed e-con e-parent\" data-id=\"d9ea1ef\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5c0389 elementor-widget elementor-widget-html\" data-id=\"a5c0389\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<?php\n\/\/ Template Name: Confirmation de Paiement\nget_header();\n?>\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Zodiaque Secrets - Confirmation de Paiement<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;700&family=Lora:wght@400;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            margin: 0;\n            padding: 0;\n            font-family: 'Lora', serif;\n            color: #fff;\n            background: linear-gradient(135deg, #2a1a3f, #4b2e5b, #8b5a8c);\n            min-height: 100vh;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            overflow: hidden;\n            position: relative;\n        }\n        .stars {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            pointer-events: none;\n        }\n        .star {\n            position: absolute;\n            background: #fff;\n            border-radius: 50%;\n            animation: twinkle 2s infinite;\n            opacity: 0.8;\n        }\n        @keyframes twinkle {\n            0%, 100% { opacity: 0.2; transform: scale(0.5); }\n            50% { opacity: 1; transform: scale(1); }\n        }\n        .container {\n            text-align: center;\n            padding: 40px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 20px;\n            box-shadow: 0 0 20px rgba(255, 215, 0, 0.3);\n            max-width: 600px;\n            position: relative;\n            z-index: 2;\n        }\n        h1 {\n            font-family: 'Cinzel', serif;\n            color: #ffd700;\n            font-size: 2.5em;\n            margin-bottom: 20px;\n            text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);\n        }\n        p {\n            font-size: 1.2em;\n            line-height: 1.6;\n            color: #f0f0f0;\n            margin-bottom: 20px;\n        }\n        .highlight {\n            color: #ffd700;\n            font-weight: bold;\n        }\n        a {\n            display: inline-block;\n            padding: 12px 30px;\n            background: #ffd700;\n            color: #2a1a3f;\n            text-decoration: none;\n            border-radius: 25px;\n            font-weight: bold;\n            transition: transform 0.3s, box-shadow 0.3s;\n        }\n        a:hover {\n            transform: scale(1.05);\n            box-shadow: 0 0 15px rgba(255, 215, 0, 0.7);\n        }\n        @media (max-width: 600px) {\n            .container {\n                padding: 20px;\n                margin: 20px;\n            }\n            h1 {\n                font-size: 2em;\n            }\n            p {\n                font-size: 1em;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- \u00c9toiles scintillantes -->\n    <div class=\"stars\">\n        <div class=\"star\" style=\"width: 2px; height: 2px; top: 10%; left: 20%; animation-delay: 0s;\"><\/div>\n        <div class=\"star\" style=\"width: 3px; height: 3px; top: 30%; left: 50%; animation-delay: 0.5s;\"><\/div>\n        <div class=\"star\" style=\"width: 2px; height: 2px; top: 50%; left: 80%; animation-delay: 1s;\"><\/div>\n        <div class=\"star\" style=\"width: 3px; height: 3px; top: 70%; left: 30%; animation-delay: 1.5s;\"><\/div>\n        <div class=\"star\" style=\"width: 2px; height: 2px; top: 20%; left: 90%; animation-delay: 0.2s;\"><\/div>\n        <div class=\"star\" style=\"width: 3px; height: 3px; top: 40%; left: 10%; animation-delay: 0.8s;\"><\/div>\n        <div class=\"star\" style=\"width: 2px; height: 2px; top: 60%; left: 60%; animation-delay: 1.2s;\"><\/div>\n    <\/div>\n\n    <div class=\"container\">\n        <h1>Your star shines in the universe! \u2728<\/h1>\n        <p>\n            Hello dear star traveler \u2728,<br>\n            Thank you for your order of <span class=\"highlight\">\"Personalized Astral Theme\"\n        <\/p>\n        <p>\n            Votre paiement a \u00e9t\u00e9 scell\u00e9 sous la lumi\u00e8re des astres. \n        <\/p>\n        <p>\n            You will soon receive your <span class=\"highlight\">Personalized Astral Theme<\/span> en PDF par email dans votre boite mail \n            V\u00e9rifiez vos spams si vous ne le recevez pas dans les prochaines minutes.\n        <\/p>\n        <p>\n            May the stars guide your path!\n        <\/p>\n        <p>\n            <a href=\"https:\/\/zodiaquesecrets.com\/en\/\">Return to Zodiac Secrets<\/a>\n        <\/p>\n    <\/div>\n\n    <script>\n        \/\/ R\u00e9cup\u00e9rer les param\u00e8tres de l'URL\n        const urlParams = new URLSearchParams(window.location.search);\n        const payerID = urlParams.get('PayerID');\n        const receipt = urlParams.get('tx') || urlParams.get('txn_id') || 'Non disponible';\n        const prenom = urlParams.get('prenom') || 'Voyageur';\n        const email = urlParams.get('email') || 'Non disponible';\n        const telephone = urlParams.get('telephone') || '';\n        const prix = urlParams.get('prix') || '14.90';\n        const produit = urlParams.get('produit') || 'Th\u00e8me Astral personnalis\u00e9';\n\n        \/\/ Afficher les informations sur la page\n        document.getElementById('receipt').innerText = receipt;\n        document.getElementById('email').innerText = email;\n        document.getElementById('prix').innerText = prix ? `${prix} EUR` : '14.90 EUR';\n\n        \/\/ Envoyer les donn\u00e9es \u00e0 Google Sheets si toutes les infos sont pr\u00e9sentes\n        if (prenom && email && prix && produit) {\n            const donnees = {\n                prenom,\n                email,\n                telephone,\n                prix,\n                produit,\n                transaction: receipt\n            };\n\n            fetch(\"https:\/\/script.google.com\/macros\/s\/YOUR_SCRIPT_ID\/exec\", {\n                method: \"POST\",\n                mode: \"no-cors\",\n                headers: {\n                    \"Content-Type\": \"application\/json\"\n                },\n                body: JSON.stringify(donnees)\n            }).then(() => {\n                console.log(\"\u2705 Donn\u00e9es envoy\u00e9es \u00e0 Google Sheets\");\n            }).catch((error) => {\n                console.error(\"\u274c Erreur lors de l'envoi :\", error);\n            });\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n<?php\nget_footer();\n?>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Zodiaque Secrets &#8211; Confirmation de Paiement Votre \u00e9toile brille dans l\u2019univers ! \u2728 Bonjour cher(e) voyageur des \u00e9toiles \u2728, Merci [&hellip;]<\/p>","protected":false},"author":1,"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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-695","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zodiaquesecrets.com\/en\/wp-json\/wp\/v2\/pages\/695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zodiaquesecrets.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zodiaquesecrets.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zodiaquesecrets.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zodiaquesecrets.com\/en\/wp-json\/wp\/v2\/comments?post=695"}],"version-history":[{"count":0,"href":"https:\/\/zodiaquesecrets.com\/en\/wp-json\/wp\/v2\/pages\/695\/revisions"}],"wp:attachment":[{"href":"https:\/\/zodiaquesecrets.com\/en\/wp-json\/wp\/v2\/media?parent=695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}