{"id":68,"date":"2025-05-16T14:29:57","date_gmt":"2025-05-16T14:29:57","guid":{"rendered":"https:\/\/carpediemsorrento.com\/app\/?page_id=68"},"modified":"2025-05-16T14:39:17","modified_gmt":"2025-05-16T14:39:17","slug":"supporto-app","status":"publish","type":"page","link":"https:\/\/carpediemsorrento.com\/app\/supporto-app\/","title":{"rendered":"Supporto App"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<!-- Inizio Support Wizard Car-Pe Diem --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->  #cpd-wizard {<!-- [et_pb_line_break_holder] -->    max-width: 700px; \/* maggiore larghezza *\/<!-- [et_pb_line_break_holder] -->    margin: 2em auto;<!-- [et_pb_line_break_holder] -->    font-family: Arial, sans-serif;<!-- [et_pb_line_break_holder] -->    background: #fff;<!-- [et_pb_line_break_holder] -->    border-radius: 8px;<!-- [et_pb_line_break_holder] -->    box-shadow: 0 4px 12px rgba(0,0,0,0.1);<!-- [et_pb_line_break_holder] -->    overflow: hidden;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #cpd-wizard header {<!-- [et_pb_line_break_holder] -->    background: #038c7f;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->    padding: 1em;<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #cpd-wizard .step {<!-- [et_pb_line_break_holder] -->    display: none;<!-- [et_pb_line_break_holder] -->    padding: 1.5em;<!-- [et_pb_line_break_holder] -->    animation: fadeIn 0.3s ease-out;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #cpd-wizard .step.active { display: block; }<!-- [et_pb_line_break_holder] -->  #cpd-wizard .buttons {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    justify-content: space-between;<!-- [et_pb_line_break_holder] -->    padding: 1em;<!-- [et_pb_line_break_holder] -->    background: #f9f9f9;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #cpd-wizard button {<!-- [et_pb_line_break_holder] -->    padding: 0.6em 1.2em;<!-- [et_pb_line_break_holder] -->    border: none;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->    font-weight: bold;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #cpd-wizard button.next { background: #038c7f; color: #fff; }<!-- [et_pb_line_break_holder] -->  #cpd-wizard button.prev { background: #ccc; color: #333; }<!-- [et_pb_line_break_holder] -->  #cpd-wizard .progress-bar {<!-- [et_pb_line_break_holder] -->    height: 4px;<!-- [et_pb_line_break_holder] -->    background: #e0e0e0;<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #cpd-wizard .progress-bar > div {<!-- [et_pb_line_break_holder] -->    height: 100%;<!-- [et_pb_line_break_holder] -->    background: #038c7f;<!-- [et_pb_line_break_holder] -->    width: 0%;<!-- [et_pb_line_break_holder] -->    transition: width 0.3s;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .cpd-input {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    padding: 0.6em;<!-- [et_pb_line_break_holder] -->    margin-top: 0.4em;<!-- [et_pb_line_break_holder] -->    margin-bottom: 0.8em;<!-- [et_pb_line_break_holder] -->    box-sizing: border-box;<!-- [et_pb_line_break_holder] -->    border: 1px solid #ccc;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .cpd-hint {<!-- [et_pb_line_break_holder] -->    font-size: 0.85em;<!-- [et_pb_line_break_holder] -->    color: #666;<!-- [et_pb_line_break_holder] -->    margin-top: -0.6em;<!-- [et_pb_line_break_holder] -->    margin-bottom: 0.8em;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  @keyframes fadeIn {<!-- [et_pb_line_break_holder] -->    from { opacity: 0; transform: translateY(10px); }<!-- [et_pb_line_break_holder] -->    to { opacity: 1; transform: translateY(0); }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div id=\"cpd-wizard\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<header><!-- [et_pb_line_break_holder] -->    <\/p>\n<h2>Assistenza Car-Pe Diem<\/h2>\n<p><!-- [et_pb_line_break_holder] -->  <\/header>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"progress-bar\">\n<div><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/p>\n<form id=\"wizard-form\" onsubmit=\"return false;\"><!-- [et_pb_line_break_holder] -->    <!-- Step 1: Nome --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"step active\" data-step=\"1\"><!-- [et_pb_line_break_holder] -->      <label>Come ti chiami?<\/label><!-- [et_pb_line_break_holder] -->      <input type=\"text\" id=\"cpd-name\" class=\"cpd-input\" placeholder=\"Es. Mario Rossi\" required><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"cpd-hint\">Inserisci il tuo nome e cognome reali.<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <!-- Step 2: Email --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"step\" data-step=\"2\"><!-- [et_pb_line_break_holder] -->      <label>Qual \u00e8 la tua email?<\/label><!-- [et_pb_line_break_holder] -->      <input type=\"email\" id=\"cpd-email\" class=\"cpd-input\" placeholder=\"nome@esempio.com\" required><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"cpd-hint\">Ti risponderemo a questo indirizzo.<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <!-- Step 3: Oggetto --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"step\" data-step=\"3\"><!-- [et_pb_line_break_holder] -->      <label>Seleziona un oggetto:<\/label><!-- [et_pb_line_break_holder] -->      <input list=\"subjects\" id=\"cpd-subject\" class=\"cpd-input\" placeholder=\"Scegli o scrivi...\" required><!-- [et_pb_line_break_holder] -->      <datalist id=\"subjects\"><!-- [et_pb_line_break_holder] --><option value=\"Informazioni generali\"><!-- [et_pb_line_break_holder] --><option value=\"Problema con prenotazione\"><!-- [et_pb_line_break_holder] --><option value=\"Informazioni\"><!-- [et_pb_line_break_holder] --><option value=\"Altro\"><!-- [et_pb_line_break_holder] -->      <\/datalist><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"cpd-hint\">Puoi selezionare o digitare liberamente.<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <!-- Step 4: Messaggio --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"step\" data-step=\"4\"><!-- [et_pb_line_break_holder] -->      <label>Scrivi il tuo messaggio:<\/label><!-- [et_pb_line_break_holder] -->      <textarea id=\"cpd-message\" class=\"cpd-input\" rows=\"4\" placeholder=\"Descrivi qui la tua richiesta...\" required><\/textarea><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"cpd-hint\">Cerca di essere il pi\u00f9 chiaro possibile.<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <!-- Step 5: Riepilogo e invio --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"step\" data-step=\"5\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<h3>Riepilogo<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <pee><strong>Nome:<\/strong> <span id=\"summary-name\"><\/span><\/pee><!-- [et_pb_line_break_holder] -->      <pee><strong>Email:<\/strong> <span id=\"summary-email\"><\/span><\/pee><!-- [et_pb_line_break_holder] -->      <pee><strong>Oggetto:<\/strong> <span id=\"summary-subject\"><\/span><\/pee><!-- [et_pb_line_break_holder] -->      <pee><strong>Messaggio:<\/strong><!\u2013- [et_pb_br_holder] -\u2013><span id=\"summary-message\"><\/span><\/pee><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"cpd-hint\">Se tutto \u00e8 corretto, procedi con l\u2019invio.<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"buttons\"><!-- [et_pb_line_break_holder] -->      <button type=\"button\" class=\"prev\" disabled>\u2190 Indietro<\/button><!-- [et_pb_line_break_holder] -->      <button type=\"button\" class=\"next\">Avanti \u2192<\/button><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/form>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->(function(){<!-- [et_pb_line_break_holder] -->  const form = document.getElementById('wizard-form');<!-- [et_pb_line_break_holder] -->  const steps = form.querySelectorAll('.step');<!-- [et_pb_line_break_holder] -->  const progress = document.querySelector('#cpd-wizard .progress-bar > div');<!-- [et_pb_line_break_holder] -->  const prevBtn = form.querySelector('.prev');<!-- [et_pb_line_break_holder] -->  const nextBtn = form.querySelector('.next');<!-- [et_pb_line_break_holder] -->  let current = 1, total = steps.length;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  function showStep(n) {<!-- [et_pb_line_break_holder] -->    steps.forEach(s => s.classList.toggle('active', +s.dataset.step === n));<!-- [et_pb_line_break_holder] -->    prevBtn.disabled = (n === 1);<!-- [et_pb_line_break_holder] -->    nextBtn.textContent = (n === total ? 'Invia' : 'Avanti \u2192');<!-- [et_pb_line_break_holder] -->    progress.style.width = ((n-1)\/(total-1))*100 + '%';<!-- [et_pb_line_break_holder] -->    if (n === total) populateSummary();<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  function populateSummary() {<!-- [et_pb_line_break_holder] -->    document.getElementById('summary-name').textContent = document.getElementById('cpd-name').value;<!-- [et_pb_line_break_holder] -->    document.getElementById('summary-email').textContent = document.getElementById('cpd-email').value;<!-- [et_pb_line_break_holder] -->    document.getElementById('summary-subject').textContent = document.getElementById('cpd-subject').value;<!-- [et_pb_line_break_holder] -->    document.getElementById('summary-message').textContent = document.getElementById('cpd-message').value;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  nextBtn.addEventListener('click', () => {<!-- [et_pb_line_break_holder] -->    const input = steps[current-1].querySelector('input,textarea');<!-- [et_pb_line_break_holder] -->    if (!input.checkValidity()) { input.reportValidity(); return; }<!-- [et_pb_line_break_holder] -->    if (current < total) {<!-- [et_pb_line_break_holder] -->      current++;<!-- [et_pb_line_break_holder] -->      showStep(current);<!-- [et_pb_line_break_holder] -->    } else {<!-- [et_pb_line_break_holder] -->      const name    = encodeURIComponent(document.getElementById('cpd-name').value);<!-- [et_pb_line_break_holder] -->      const email   = encodeURIComponent(document.getElementById('cpd-email').value);<!-- [et_pb_line_break_holder] -->      const subject = encodeURIComponent(document.getElementById('cpd-subject').value);<!-- [et_pb_line_break_holder] -->      const body    = encodeURIComponent(<!-- [et_pb_line_break_holder] -->        `Nome: ${decodeURIComponent(name)}\\nEmail: ${decodeURIComponent(email)}\\n\\nMessaggio:\\n${document.getElementById('cpd-message').value}`<!-- [et_pb_line_break_holder] -->      );<!-- [et_pb_line_break_holder] -->      const mailtoLink = `mailto:support@carpediemsorrento.com?subject=${subject}&body=${body}`;<!-- [et_pb_line_break_holder] -->      window.open(mailtoLink); \/\/ forza l'apertura del client<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  prevBtn.addEventListener('click', () => {<!-- [et_pb_line_break_holder] -->    if (current > 1) {<!-- [et_pb_line_break_holder] -->      current--;<!-- [et_pb_line_break_holder] -->      showStep(current);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  showStep(current);<!-- [et_pb_line_break_holder] -->})();<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><!-- Fine Support Wizard Car-Pe Diem --><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\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":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-68","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/carpediemsorrento.com\/app\/wp-json\/wp\/v2\/pages\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carpediemsorrento.com\/app\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carpediemsorrento.com\/app\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carpediemsorrento.com\/app\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carpediemsorrento.com\/app\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":5,"href":"https:\/\/carpediemsorrento.com\/app\/wp-json\/wp\/v2\/pages\/68\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/carpediemsorrento.com\/app\/wp-json\/wp\/v2\/pages\/68\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/carpediemsorrento.com\/app\/wp-json\/wp\/v2\/media?parent=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}