{"id":850,"date":"2026-06-17T20:46:13","date_gmt":"2026-06-17T20:46:13","guid":{"rendered":"https:\/\/cantinadepucci.com\/?page_id=850"},"modified":"2026-06-18T08:48:10","modified_gmt":"2026-06-18T08:48:10","slug":"booking","status":"publish","type":"page","link":"https:\/\/cantinadepucci.com\/en\/booking\/","title":{"rendered":"booking"},"content":{"rendered":"    <div class=\"cantina-reservations-wrapper\">\n        \n        <!-- I 5 PULSANTI DI PRENOTAZIONE -->\n        <div class=\"res-buttons-grid\">\n            \n            <!-- 1. Telefono -->\n            <a href=\"tel:+393929713266\" class=\"res-btn btn-phone\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" width=\"20\" height=\"20\" fill=\"currentColor\"><path d=\"M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z\"\/><\/svg>\n                Chiama ora per prenotare\n            <\/a>\n\n            <!-- 2. WhatsApp -->\n            <button type=\"button\" class=\"res-btn btn-wa\" onclick=\"toggleWaForm()\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" width=\"22\" height=\"22\" fill=\"currentColor\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-23.2-115-65-157.1zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"\/><\/svg>\n                Prenota via WhatsApp\n            <\/button>\n\n            <!-- 3. TheFork (Icona Forchetta e Coltello) -->\n            <a href=\"https:\/\/www.thefork.it\/ristorante\/cantina-de-pucci-r733987\" class=\"res-btn btn-thefork\" target=\"_blank\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"currentColor\"><path d=\"M11 9H9V2H7v7H5V2H3v7c0 2.12 1.66 3.84 3.75 3.97V22h2.5v-9.03C11.34 12.84 13 11.12 13 9V2h-2v7zm5-3v8h2.5v8H21V2c-2.76 0-5 2.24-5 4z\"\/><\/svg>\n                Prenota su TheFork\n            <\/a>\n\n            <!-- 4. Google -->\n            <a href=\"https:\/\/www.google.com\/maps\/reserve\/v\/dine\/c\/OIqT4yI4XRs?source=pa&#038;opi=89978449&#038;hl=it-IT&#038;gei=dbAzat7pDMymi-gP38SEsA0&#038;sourceurl=https:\/\/www.google.com\/search?ie%3DUTF-8%26client%3Dms-android-samsung-rvo1%26source%3Dandroid-browser%26q%3Dcantina%2Bde%2Bpucci\" class=\"res-btn btn-google\" target=\"_blank\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 488 512\" width=\"20\" height=\"20\" fill=\"currentColor\"><path d=\"M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z\"\/><\/svg>\n                Prenota tramite Google\n            <\/a>\n\n            <!-- 5. Quandoo (Icona Prenotazione Confermata \/ Calendario Check) -->\n            <a href=\"https:\/\/www.quandoo.it\/en\/place\/cantina-de-pucci-93288\/menu?aid=63&#038;rwg_token=AFd1xnFPUdWu2Yyf5YlOb1MroZOImcq6PZrc58TnIfDDoOE2ywH6HGBz_flwSm9-fBU9HP1I75G7mejVX8mAK42iavWGNhvqEGX4j-FfRT-poyJOjhmVT8s=#mo\" class=\"res-btn btn-quandoo\" target=\"_blank\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"currentColor\"><path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM10.5 15.5l6-6-1.4-1.4-4.6 4.6-2.1-2.1-1.4 1.4 3.5 3.5z\"\/><\/svg>\n                Prenota con Quandoo\n            <\/a>\n        <\/div>\n\n        <!-- IL MODULO WHATSAPP (Nascosto di default, si apre col pulsante) -->\n        <div id=\"wa-booking-form-wrapper\" style=\"display: none; margin-top: 30px;\">\n            <div class=\"wa-booking-container\">\n                <div class=\"wa-booking-header\">\n                    <div style=\"margin-bottom: 10px;\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" width=\"40\" height=\"40\" fill=\"#25D366\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-23.2-115-65-157.1zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"\/><\/svg>\n                    <\/div>\n                    <h3 style=\"margin: 0; color: #25D366;\">Prenota via WhatsApp<\/h3>\n                    <p style=\"margin-top: 8px;\">Compila i campi e inviaci la richiesta. Ti confermeremo il tavolo al pi\u00f9 presto!<\/p>\n                <\/div>\n                \n                <form id=\"wa-booking-form-shortcode\">\n                    <div class=\"wa-form-group\">\n                        <label for=\"wa-nome-ws\">Nome o Cognome *<\/label>\n                        <input type=\"text\" id=\"wa-nome-ws\" placeholder=\"Es. Mario Rossi\" required>\n                    <\/div>\n\n                    <div class=\"wa-row\">\n                        <div class=\"wa-form-group wa-col\">\n                            <label for=\"wa-data-ws\">Data *<\/label>\n                            <input type=\"date\" id=\"wa-data-ws\" required>\n                        <\/div>\n                        <div class=\"wa-form-group wa-col\">\n                            <label for=\"wa-orario-ws\">Orario *<\/label>\n                            <select id=\"wa-orario-ws\" required>\n                                <option value=\"\">-- Seleziona --<\/option>\n                                <optgroup label=\"Pranzo\">\n                                    <option value=\"12:00\">12:00<\/option><option value=\"12:30\">12:30<\/option>\n                                    <option value=\"13:00\">13:00<\/option><option value=\"13:30\">13:30<\/option>\n                                    <option value=\"14:00\">14:00<\/option><option value=\"14:30\">14:30<\/option>\n                                <\/optgroup>\n                                <optgroup label=\"Cena\">\n                                    <option value=\"19:00\">19:00<\/option><option value=\"19:30\">19:30<\/option>\n                                    <option value=\"20:00\">20:00<\/option><option value=\"20:30\">20:30<\/option>\n                                    <option value=\"21:00\">21:00<\/option><option value=\"21:30\">21:30<\/option>\n                                    <option value=\"22:00\">22:00<\/option><option value=\"22:30\">22:30<\/option>\n                                <\/optgroup>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"wa-form-group\">\n                        <label for=\"wa-persone-ws\">Numero di Persone *<\/label>\n                        <input type=\"number\" id=\"wa-persone-ws\" min=\"1\" max=\"30\" placeholder=\"Es. 2\" required>\n                    <\/div>\n\n                    <div class=\"wa-form-group\">\n                        <label for=\"wa-note-ws\">Allergie o richieste (Opzionale)<\/label>\n                        <textarea id=\"wa-note-ws\" rows=\"3\" placeholder=\"Es. Un seggiolone, intolleranza al glutine...\"><\/textarea>\n                    <\/div>\n\n                    <button type=\"submit\" id=\"wa-submit-btn-shortcode\" class=\"wa-btn-submit\">\n                        Invia su WhatsApp \n                        <svg style=\"margin-left: 8px;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" width=\"20\" height=\"20\" fill=\"#ffffff\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-23.2-115-65-157.1zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"\/><\/svg>\n                    <\/button>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- STILI CSS PER HUB E MODULO -->\n    <style>\n        .cantina-reservations-wrapper { font-family: inherit; margin: 0 auto; max-width: 500px; }\n        \n        .res-buttons-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }\n        \n        .res-btn {\n            display: flex; align-items: center; justify-content: center; gap: 12px;\n            padding: 14px 20px; font-size: 16px; font-weight: bold; text-decoration: none;\n            border-radius: 12px; border: none; cursor: pointer; color: #fff !important;\n            transition: transform 0.2s ease, opacity 0.2s;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n        }\n        .res-btn:hover { transform: translateY(-2px); opacity: 0.95; color: #fff !important; }\n        \n        \/* Colori Brandizzati *\/\n        .btn-phone { background-color: #333333; }\n        .btn-wa { background-color: #25D366; }\n        .btn-thefork { background-color: #005f54; }\n        .btn-google { background-color: #4285F4; }\n        .btn-quandoo { background-color: #E64A19; }\n\n        \/* Stili del form *\/\n        .wa-booking-container { background-color: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 12px; padding: 25px; box-shadow: 0 8px 25px rgba(0,0,0,0.08); }\n        .wa-booking-header { text-align: center; margin-bottom: 20px; }\n        .wa-booking-header p { font-size: 14px; color: #666; }\n        .wa-form-group { margin-bottom: 15px; }\n        .wa-form-group label { display: block; font-weight: 600; margin-bottom: 5px; font-size: 14px; color: #333; }\n        .wa-form-group input, .wa-form-group textarea, .wa-form-group select { width: 100%; padding: 10px 12px; border: 1px solid #ccc; border-radius: 6px; font-size: 15px; box-sizing: border-box; background-color: #fff; }\n        .wa-form-group input:focus, .wa-form-group textarea:focus, .wa-form-group select:focus { border-color: #25D366; outline: none; }\n        .wa-row { display: flex; gap: 15px; }\n        .wa-col { flex: 1; }\n        .wa-btn-submit { width: 100%; background-color: #25D366; color: white; border: none; padding: 14px 20px; font-size: 16px; font-weight: bold; border-radius: 50px; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: background-color 0.3s; }\n        .wa-btn-submit:hover { background-color: #1ebe57; }\n        \n        @media (max-width: 480px) { .wa-row { flex-direction: column; gap: 0; } }\n    <\/style>\n\n    <!-- JS PER APRIRE IL MODULO E INVIARE I DATI -->\n    <script>\n    function toggleWaForm() {\n        var formWrapper = document.getElementById('wa-booking-form-wrapper');\n        if (formWrapper.style.display === 'none' || formWrapper.style.display === '') {\n            formWrapper.style.display = 'block';\n            formWrapper.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        } else {\n            formWrapper.style.display = 'none';\n        }\n    }\n\n    document.addEventListener('DOMContentLoaded', function() {\n        var form = document.getElementById('wa-booking-form-shortcode');\n        if (form) {\n            form.addEventListener('submit', function(e) {\n                e.preventDefault();\n\n                var numeroTelefono = \"393929713266\"; \n                var nome = document.getElementById('wa-nome-ws').value.trim();\n                var dataOriginale = document.getElementById('wa-data-ws').value;\n                var orario = document.getElementById('wa-orario-ws').value;\n                var persone = document.getElementById('wa-persone-ws').value;\n                var note = document.getElementById('wa-note-ws').value.trim();\n\n                var dataParti = dataOriginale.split('-');\n                var dataFormattata = dataParti[2] + '\/' + dataParti[1] + '\/' + dataParti[0];\n\n                var testoMessaggio = \"\ud83c\udf77 *Nuova richiesta di prenotazione*\\n\\n\" +\n                                     \"\ud83d\udc64 *Nome:* \" + nome + \"\\n\" +\n                                     \"\ud83d\udcc5 *Data:* \" + dataFormattata + \"\\n\" +\n                                     \"\u23f0 *Orario:* \" + orario + \"\\n\" +\n                                     \"\ud83c\udf7d\ufe0f *Persone:* \" + persone;\n\n                if (note !== \"\") { testoMessaggio += \"\\n\\n\ud83d\udcdd *Note:* \" + note; }\n\n                var testoCodificato = encodeURIComponent(testoMessaggio);\n                var linkWhatsApp = \"https:\/\/api.whatsapp.com\/send?phone=\" + numeroTelefono + \"&text=\" + testoCodificato;\n\n                window.location.href = linkWhatsApp;\n            });\n        }\n    });\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-850","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/cantinadepucci.com\/en\/wp-json\/wp\/v2\/pages\/850","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cantinadepucci.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cantinadepucci.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cantinadepucci.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cantinadepucci.com\/en\/wp-json\/wp\/v2\/comments?post=850"}],"version-history":[{"count":21,"href":"https:\/\/cantinadepucci.com\/en\/wp-json\/wp\/v2\/pages\/850\/revisions"}],"predecessor-version":[{"id":875,"href":"https:\/\/cantinadepucci.com\/en\/wp-json\/wp\/v2\/pages\/850\/revisions\/875"}],"wp:attachment":[{"href":"https:\/\/cantinadepucci.com\/en\/wp-json\/wp\/v2\/media?parent=850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}