{"id":24,"date":"2022-07-01T12:42:58","date_gmt":"2022-07-01T12:42:58","guid":{"rendered":"https:\/\/www.paradisosolutions.com\/elearning\/?page_id=24"},"modified":"2026-01-19T12:35:22","modified_gmt":"2026-01-19T07:05:22","slug":"appointment","status":"publish","type":"page","link":"https:\/\/www.paradisosolutions.com\/elearning\/appointment\/","title":{"rendered":"Appointment"},"content":{"rendered":"\r\n<h2 class=\"has-text-align-center headingtwo1\" style=\"padding: 0px 10%;\">Ready to Transform Your Learning Programs? Book Your Personalized Demo!<\/h2>\r\n\r\n\r\n\r\n<p class=\"has-text-align-center\">Get an exclusive, one-on-one walkthrough of Paradiso Solutions LMS, course creation, and course catalog tools.<\/p>\r\n\r\n\r\n\r\n<p><style>\r\n.am-confirmation-booking-header img {\r\n    display: none !important;\r\n}\r\n  .form-container {\r\n    background: #f9f9f9;\r\n    padding: 30px;\r\n    border-radius: 12px;\r\n    width: 100%;\r\n    max-width: 480px;\r\n    text-align: left;\r\n    margin: 30px auto;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  .form-container label {\r\n    display: block;\r\n    color: #333;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    margin-bottom: 6px;\r\n    margin-top: 15px;\r\n  }\r\n\r\n  .form-container input[type=\"text\"],\r\n  .form-container input[type=\"email\"],\r\n  .form-container input[type=\"tel\"] {\r\n    width: 100%;\r\n    padding: 12px;\r\n    font-size: 15px;\r\n    background: #ffffff;\r\n    border: 1px solid #ccc;\r\n    border-radius: 8px;\r\n    box-sizing: border-box;\r\n    transition: border 0.3s ease;\r\n  }\r\n\r\n  .form-container input:focus {\r\n    border-color: #00c2fc;\r\n    outline: none;\r\n  }\r\n\r\n  .form-container button {\r\n    background-color: #00C2FC;\r\n    color: #fff;\r\n    padding: 14px 20px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    border: none;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    \/*transition: background-color 0.3s ease;*\/\r\n    width: 100%;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .form-container button:hover {\r\n    background-color: #008CBA;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .form-container {\r\n      padding: 20px;\r\n      width: unset;\r\n    }\r\n  }\r\n\/*#formWrapper button#close-form-btn {\r\n\tbackground: #f44336;\r\n\tcolor: white;\r\n\tborder: none;\r\n\tpadding: 10px 15px;\r\n\tborder-radius: 6px;\r\n\tcursor: pointer;\r\n        margin: auto;\r\n}*\/\r\ndiv#image-container {\r\n    width: 550px;\r\n    margin: auto;\r\n}\r\n@media (max-width: 600px) {\r\ndiv#image-container {\r\n    width: unset;;\r\n    margin: auto;\r\n}\r\n}\r\ninput[type=\"checkbox\"] {\r\n    top: 2px;\r\n    position: relative;\r\n}\r\n.gradient-btn {\r\n  background: linear-gradient(90deg, #00D488 0%, #00B7FF 100%);\r\n  border: none;\r\n  color: #fff;\r\n  font-weight: 600;\r\n  padding: 12px 24px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.4s ease;\r\n  display: inline-block;\r\n  margin: 10px;\r\n}\r\n\r\n\/* Hover effect *\/\r\n.gradient-btn:hover {\r\n  background: linear-gradient(270deg, #00B7FF 0%, #00D488 100%); \/* reverse direction *\/\r\n  transform: scale(1.08); \/* popup animation *\/\r\n  box-shadow: 0px 6px 20px rgba(0, 183, 255, 0.4);\r\n}\r\n.kmpsmainsec1 .bottom_appoin p {\r\n    margin-bottom: 0px !important;\r\n    margin-top: 20px !important;\r\n}\r\n<\/style><\/p>\r\n<!--div id=\"image-container\" style=\"text-align: center;\"><img id=\"promo-image\" style=\"cursor: pointer; max-width: 100%; height: auto;\" src=\"https:\/\/www.paradisosolutions.com\/elearning\/wp-content\/uploads\/2026\/01\/january-img.webp\" alt=\"Promo Image\" \/><\/div-->\r\n    <div id=\"image-container\" style=\"text-align: center;\">\n        <img id=\"promo-image\" style=\"cursor: pointer; max-width: 100%; height: auto;\" src=\"https:\/\/www.paradisosolutions.com\/elearning\/wp-content\/uploads\/2026\/01\/april-img.webp\" alt=\"Promo Image for April\" \/>\n    <\/div>\n    \r\n<!-- Booking Form (Initially hidden) -->\r\n<div id=\"formWrapper\" style=\"display: none;\"><form id=\"myForm\">\r\n<div class=\"form-container\"><label for=\"firstname\">First Name*<\/label> <input id=\"firstname\" name=\"firstname\" required=\"\" type=\"text\" \/> <label for=\"lastname\">Last Name*<\/label> <input id=\"lastname\" name=\"lastname\" required=\"\" type=\"text\" \/> <label for=\"email\">Email*<\/label> <input id=\"email\" name=\"email\" required=\"\" type=\"email\" \/> <label for=\"phone\">Phone*<\/label> <input id=\"phone\" name=\"phone\" required=\"\" type=\"tel\" \/> <label for=\"hearaboutus\">How did you hear about us?<\/label> <input id=\"hearaboutus\" name=\"hearaboutus\" required=\"\" type=\"text\" \/>\r\n<div style=\"margin-top: 10px;\"><label> <input checked=\"checked\" type=\"checkbox\" \/> <span class=\"acceptance_sec\" style=\"padding-left: 8px; width: 90%; display: inline-table; text-align: left; line-height: 1.5em; font-weight: 400 !important; color: #000000;\"> By submitting this form, you agree to the <a class=\"tcpp\" href=\"\/terms-of-service\" target=\"_blank\" rel=\"noopener\">Terms of Service<\/a>, <a class=\"tcpp\" href=\"\/privacypolicy\" target=\"_blank\" rel=\"noopener\">Privacy Policy<\/a> and <a class=\"tcpp\" href=\"\/cookies-policy\" target=\"_blank\" rel=\"noopener\">Cookie Policy<\/a>, and confirm that the services are for business use only, not personal or consumer use.<\/span> <\/label><\/div>\r\n<button class=\"gradient-btn\" type=\"submit\">Pick Date &amp; Time<\/button><\/div>\r\n<button id=\"close-form-btn\" class=\"gradient-btn\" style=\"margin: auto; display: block; cursor: pointer;\">Close<\/button><\/form><\/div>\r\n<p><script>\r\n    \/\/ Get elements\r\n    const imageContainer = document.getElementById('image-container');\r\n    const formContainer = document.getElementById('formWrapper');\r\n    const promoImage = document.getElementById('promo-image');\r\n\r\n    \/\/ When the image is clicked, hide the image and show the form\r\n    promoImage.addEventListener('click', function() {\r\n        imageContainer.style.display = 'none';  \/\/ Hide the image\r\n        formContainer.style.display = 'block';  \/\/ Show the form\r\n    });\r\n<\/script> <script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n    const img = document.getElementById('image-container');\r\n    const formOverlay = document.getElementById('formWrapper');\r\n    const closeBtn = document.getElementById('close-form-btn');\r\n\r\n    img.addEventListener('click', function () {\r\n        formOverlay.style.display = 'block';\r\n        img.style.display = 'none'; \/\/ hide image when form is open\r\n    });\r\n\r\n    closeBtn.addEventListener('click', function () {\r\n        formOverlay.style.display = 'none';\r\n        img.style.display = 'block'; \/\/ show image back when form is closed\r\n    });\r\n});\r\n<\/script> <script>\r\n  window.addEventListener(\"DOMContentLoaded\", function () {\r\n    const params = new URLSearchParams(window.location.search);\r\n    const cookie = params.get(\"cookie\");\r\n    const formWrapper = document.getElementById(\"formWrapper\");\r\n    const calendarDiv = document.getElementById(\"amelia-app-booking0\");\r\n    if (cookie === \"reject\" || cookie === null) {\r\n      \/\/ Show form, hide calendar\r\n      formWrapper.style.display = \"none\";\r\n      calendarDiv.style.display = \"none\";\r\n      \/\/ On form submit, show calendar\r\n      document.getElementById(\"myForm\").addEventListener(\"submit\", function (e) {\r\n        e.preventDefault();\r\n        formWrapper.style.display = \"none\";\r\n        calendarDiv.style.display = \"block\";\r\n      });\r\n    } \r\n  });\r\n<\/script> <script>\r\ndocument.getElementById(\"myForm\").addEventListener(\"submit\", function(e) {\r\n    e.preventDefault();  \/\/ Prevent the form from submitting and reloading the page\r\n    \/\/ Get the form values\r\n    const firstName = document.getElementById(\"firstname\").value;\r\n    const lastName = document.getElementById(\"lastname\").value;\r\n    const email = document.getElementById(\"email\").value;\r\n    const phone = document.getElementById(\"phone\").value;\r\n    const hearaboutus = document.getElementById(\"hearaboutus\").value;\r\n    \/\/ Create an object to hold the data\r\n    const bookingData = {\r\n        firstName: firstName,\r\n        lastName: lastName,\r\n        email: email,\r\n        phone: phone,\r\n        hearaboutus: hearaboutus\r\n    };\r\n    \/\/ Store the data in sessionStorage\r\n    sessionStorage.setItem(\"bookingData\", JSON.stringify(bookingData));\r\n    \/\/ Log the stored data for debugging\r\n    console.log(\"Stored bookingData:\", bookingData);\r\n    document.getElementById(\"am-button-wrapper-0\")?.addEventListener(\"click\", function () {\r\n        \/\/ Handle First Name\r\n  \t\tconst firstName = bookingData.firstName;\r\n\t\tif (firstName) {\r\n\t\t\tconst label = document.querySelector('label[for=\"customer.firstName\"]');\r\n\t\t\tif (label) {\r\n\t\t\t\t\/\/ Try to find the disabled input first\r\n\t\t\t\tlet input = label.closest('.el-form-item')?.querySelector('input[disabled]');\r\n\t\t\t\t\/\/ If disabled input not found, fallback to class .el-input__inner\r\n\t\t\t\tif (!input) {\r\n\t\t\t\t\tinput = label.closest('.el-form-item')?.querySelector('input');\r\n\t\t\t\t}\r\n\t\t\t\tif (input) {\r\n\t\t\t\t\tinput.value = firstName;\r\n\t\t\t\t\tinput.dispatchEvent(new Event('input', { bubbles: true }));\r\n\t\t\t\t\tinput.dispatchEvent(new Event('change', { bubbles: true }));\r\n\t\t\t\t\tinput.dispatchEvent(new Event('blur', { bubbles: true }));\r\n\t\t\t\t} else {\r\n\t\t\t\t\talert(\"No suitable input field found under the First Name label.\");\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\talert(\"Label with for='customer.firstName' not found.\");\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\talert(\"No firstName found in session.\");\r\n\t\t}\r\n        \/\/ Handle Last Name\r\n        const lastName = bookingData.lastName;\r\n        if (lastName) {\r\n            const label2 = document.querySelector('label[for=\"customer.lastName\"]');\r\n            if (label2) {\r\n                const input2 = label2.closest('.el-form-item').querySelector('input[disabled]');\r\n                if (input2) {\r\n                    input2.value = lastName;\r\n\t\t\t\t\tinput2.dispatchEvent(new Event('input', { bubbles: true }));\r\n\t\t\t\t\tinput2.dispatchEvent(new Event('change', { bubbles: true }));\r\n\t\t\t\t\tinput2.dispatchEvent(new Event('blur', { bubbles: true }));\r\n                } else {\r\n\t \t\t\t    const inputdisable = label2.closest('.el-form-item')?.querySelector('input');\r\n\t                inputdisable.value = lastName;\r\n\t\t\t\t\tinputdisable.dispatchEvent(new Event('input', { bubbles: true }));\r\n\t\t\t\t\tinputdisable.dispatchEvent(new Event('change', { bubbles: true }));\r\n\t\t\t\t\tinputdisable.dispatchEvent(new Event('blur', { bubbles: true }));\r\n                }\r\n            } else {\r\n                alert(\"Label with for='customer.lastName' not found.\");\r\n            }\r\n        } else {\r\n            alert(\"No lastName found in session.\");\r\n        }\r\n        \/\/ Handle Email\r\n        const email = bookingData.email;\r\n        if (email) {\r\n            const label3 = document.querySelector('label[for=\"customer.email\"]');\r\n            if (label3) {\r\n                const input3 = label3.closest('.el-form-item').querySelector('input[disabled]');\r\n                if (input3) {\r\n                    input3.value = email;\r\n\t\t\t\t\t\/\/ Trigger all 3 to simulate real input + validation\r\n\t\t\t\t\tinput3.dispatchEvent(new Event('input', { bubbles: true }));\r\n\t\t\t\t\tinput3.dispatchEvent(new Event('change', { bubbles: true }));\r\n\t\t\t\t\tinput3.dispatchEvent(new Event('blur', { bubbles: true }));\r\n                } else {\r\n\t \t\t\t    const inputdisable2 = label3.closest('.el-form-item')?.querySelector('input');\r\n\t                inputdisable2.value = email;\r\n\t\t\t\t\t\/\/ Trigger all 3 to simulate real input + validation\r\n\t\t\t\t\tinputdisable2.dispatchEvent(new Event('input', { bubbles: true }));\r\n\t\t\t\t\tinputdisable2.dispatchEvent(new Event('change', { bubbles: true }));\r\n\t\t\t\t\tinputdisable2.dispatchEvent(new Event('blur', { bubbles: true }));\r\n                }\r\n            } else {\r\n                alert(\"Label with for='customer.email' not found.\");\r\n            }\r\n        } else {\r\n            alert(\"No email found in session.\");\r\n        }\r\n\t\tconst flagDiv = document.querySelector('.el-select.am-selected-flag');\r\n\r\n\t\tif (flagDiv) {\r\n\t\t\t\/\/ Remove the existing \"am-selected-flag-*\" class\r\n\t\t\tflagDiv.classList.forEach(cls => {\r\n\t\t\t\tif (cls.startsWith('am-selected-flag-')) {\r\n\t\t\t\t\tflagDiv.classList.remove(cls);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\t\/\/ Add the new one\r\n\t\t\tflagDiv.classList.add('am-selected-flag-in');\r\n\t\t} else {\r\n\t\t\tconsole.warn('Flag div not found!');\r\n\t\t}\r\n        \/\/ Handle Phone\r\n\t\tconst phone = bookingData.phone;\r\n\t\tif (phone) {\r\n\t\t\tconst label4 = document.querySelector('label[for=\"customer.phone\"]');\r\n\t\t\tif (label4) {\r\n\t\t\t\tconst inputs = label4.closest('.el-form-item').querySelectorAll('input');\r\n\t\t\t\tif (inputs.length > 1) {\r\n\t\t\t\t\tconst phoneInput = inputs[1];\r\n\t\t\t\t\t\/\/phoneInput.value = '+'+ phone;\r\n\t\t\t\t\tphoneInput.value = phone;\r\n\t\t\t\t\tphoneInput.setAttribute('autocomplete', 'new-password');\r\n\t\t\t\t\tphoneInput.setAttribute('data-gtm-form-interact-field-id', '4');\r\n\r\n\t\t\t\t\t\/\/ Trigger all 3 to simulate real input + validation\r\n\t\t\t\t\tphoneInput.dispatchEvent(new Event('input', { bubbles: true }));\r\n\t\t\t\t\tphoneInput.dispatchEvent(new Event('change', { bubbles: true }));\r\n\t\t\t\t\tphoneInput.dispatchEvent(new Event('blur', { bubbles: true }));\r\n\t\t\t\t} else {\r\n\t\t\t\t\tconsole.warn(\"Second input not found under the Phone label.\");\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tconsole.warn(\"Label with for='customer.phone' not found.\");\r\n\t\t\t}\r\n\t\t}\r\n        \/\/ Handle How did you hear about us\r\n        \/\/ Handle How did you hear about us\r\n        const hearaboutus = bookingData.hearaboutus;\r\n        if (hearaboutus) {\r\n            const label5 = document.querySelector('label[for=\"customFields.3.value\"]');\r\n            if (label5) {\r\n                let input5 = label5.closest('.el-form-item')?.querySelector('input[disabled]');\r\n                if (!input5) {\r\n                    input5 = label5.closest('.el-form-item')?.querySelector('input');\r\n                }\r\n                if (input5) {\r\n                    input5.value = hearaboutus;\r\n                    input5.dispatchEvent(new Event('input', { bubbles: true }));\r\n                    input5.dispatchEvent(new Event('change', { bubbles: true }));\r\n                    input5.dispatchEvent(new Event('blur', { bubbles: true }));\r\n                } else {\r\n                    console.warn(\"Input field for 'How did you hear about us' not found.\");\r\n                }\r\n            } else {\r\n                console.warn(\"Label with for='customFields.3.value' not found.\");\r\n            }\r\n        } else {\r\n            console.warn(\"No hearaboutus value found in session.\");\r\n        }\r\n\r\n});\r\n    \/\/ Optionally, you could redirect the user or show the calendar popup here\r\n});\r\n<\/script><script>\r\n(function () {\r\n\r\n  function init() {\r\n\r\n    const email = window.name;\r\n    if (!email || !email.includes(\"@\")) return;\r\n\r\n    \/* \u23f3 Wait so referral script can add referalpage *\/\r\n    setTimeout(function () {\r\n\r\n      const params = new URLSearchParams(window.location.search);\r\n\r\n      \/* \u2705 Append email without touching referalpage *\/\r\n      if (!params.get(\"email\")) {\r\n        \/*params.set(\"email\", email);\r\n\r\n        const newUrl =\r\n          window.location.pathname + \"?\" + params.toString();\r\n\r\n        window.history.replaceState({}, \"\", newUrl);*\/\r\n\r\n\/* Decode referral for clean URL *\/\r\nconst referral = params.get(\"referalpage\");\r\nif (referral) {\r\n  params.set(\"referalpage\", decodeURIComponent(referral));\r\n}\r\n\r\n\/* Add email *\/\r\nparams.set(\"email\", email);\r\n\r\n\/* Build clean URL manually *\/\r\nconst cleanUrl =\r\n  window.location.pathname +\r\n  \"?referalpage=\" + params.get(\"referalpage\") +\r\n  \"&email=\" + email;\r\n\r\nwindow.history.replaceState({}, \"\", cleanUrl);\r\n      }\r\n\r\n      \/* \u2705 Fill email field *\/\r\n      const emailField = document.querySelector(\r\n        'input[type=\"email\"], input[name*=\"email\"], input[id*=\"email\"]'\r\n      );\r\n\r\n      if (emailField) {\r\n        emailField.value = email;\r\n        emailField.dispatchEvent(new Event(\"input\", { bubbles: true }));\r\n      }\r\n\r\n      \/* \u2705 Clear transport *\/\r\n      window.name = \"\";\r\n\r\n    }, 300);\r\n  }\r\n\r\n  window.addEventListener(\"load\", init);\r\n\r\n})();\r\n<\/script><\/p>","protected":false},"excerpt":{"rendered":"<p>Ready to Transform Your Learning Programs? Book Your Personalized Demo! Get an exclusive, one-on-one walkthrough of Paradiso Solutions LMS, course creation, and course catalog tools. First Name* Last Name* Email* Phone* How did you hear about us? By submitting this form, you agree to the Terms of Service, Privacy Policy and Cookie Policy, and confirm [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elearningtest.php","meta":[],"_links":{"self":[{"href":"https:\/\/www.paradisosolutions.com\/elearning\/wp-json\/wp\/v2\/pages\/24"}],"collection":[{"href":"https:\/\/www.paradisosolutions.com\/elearning\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.paradisosolutions.com\/elearning\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.paradisosolutions.com\/elearning\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.paradisosolutions.com\/elearning\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":4,"href":"https:\/\/www.paradisosolutions.com\/elearning\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":696,"href":"https:\/\/www.paradisosolutions.com\/elearning\/wp-json\/wp\/v2\/pages\/24\/revisions\/696"}],"wp:attachment":[{"href":"https:\/\/www.paradisosolutions.com\/elearning\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}