{"id":81,"date":"2024-08-28T11:21:50","date_gmt":"2024-08-28T11:21:50","guid":{"rendered":"http:\/\/localhost\/wordpress\/index.php\/contact\/"},"modified":"2026-02-13T04:16:21","modified_gmt":"2026-02-13T04:16:21","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/accessonline.io\/index.php\/contact-us\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\n<div class=\"wp-block-cover alignwide is-light contact-us-banner-container\" style=\"min-height:567px;aspect-ratio:unset;\">\n    <picture class=\"banner-top-img wp-block-cover__image-background\">\n        <source media=\"(max-width: 767px)\" srcset=\"\n        https:\/\/accessonline.io\/wp-content\/uploads\/2025\/11\/Contact-us-mobile.png\n      \" \/>\n        <img decoding=\"async\" src=\"https:\/\/accessonline.io\/wp-content\/uploads\/2025\/11\/Contact-us-banner.png\"\n            alt=\"Alarm Control Banner\" style=\"width: 100%; height: 100%; object-fit: cover\" \/>\n    <\/picture><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"\n        style=\"background-color:#a2b7bc\"><\/span>\n    <div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n        \n        <div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-7c0a57f5 wp-block-group-is-layout-constrained\" style=\"padding-top:300px;padding-right:13px\">\n            \n            <div class=\"wp-block-cover alignright is-light banner-content\" style=\"min-height:113px;aspect-ratio:unset;\">\n                <div class=\"wp-block-cover__image-background wp-image-16475\" style=\"background-color: white;\"> <\/div>\n                <span aria-hidden=\"true\"\n                    class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"><\/span>\n                <div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n                    \n                    <p class=\"banner-head has-text-align-left has-bbe-title-5-font-size\"\n                        style=\"padding-left:20px;font-style:normal;font-weight:300\">Contact Us<\/p>\n                    \n                <\/div>\n            <\/div>\n            \n        <\/div>\n        \n    <\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignwide contact-us-form has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-12dd3699 wp-block-group-is-layout-constrained\">\n    \n    <p class=\"has-bbe-title-4-font-size\" style=\"font-style:normal;font-weight:400\">Let&#8217;s Connect!<\/p>\n    \n\n    \n    <p class=\"has-bbe-medium-font-size\" style=\"font-style:normal;font-weight:300\">Your Access Online experience starts\n        here. Share your project details and we&#8217;ll take it from there. Connect today!<\/p>\n    \n<\/div>\n\n\n\n<div style=\"background-image:url(&apos;https:\/\/accessonline.io\/wp-content\/uploads\/2025\/08\/Rectangle-44737.png&apos;);background-size:cover;\" class=\"wp-block-group alignwide contact-us-form-layout has-global-padding is-layout-constrained wp-block-group-is-layout-constrained has-background\">\n    <div class=\"contact-column wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex wpbbe-12\">\n        <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow wpbbe-10\" style=\"flex-basis:33.33%\">\n            \n            <div class=\"wp-block-cover is-light contact-address\" style=\"min-height:511px;aspect-ratio:unset;\"><span aria-hidden=\"true\"\n                    class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"><\/span>\n                <div class=\"contact-side wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n                    \n                    <div class=\"wp-block-group contact-us-subheading has-global-padding is-content-justification-right is-layout-constrained wp-container-core-group-is-layout-5f2bea30 wp-block-group-is-layout-constrained\"\n                        style=\"padding-top:0px;padding-right:55px;padding-left:52px\">\n                        \n                        <p class=\"has-text-align-left has-bbe-2-x-large-font-size\">Contact Us<\/p>\n                        \n\n                        \n                        <p class=\"has-bbe-x-small-font-size\" style=\"font-style:normal;font-weight:300\">Have any\n                            questions or\n                            queries? Need some help? Or just want to say hi. Reach out to us and we are more than happy\n                            to assist you.\n                        <\/p>\n                        \n                    <\/div>\n                    \n\n                    \n                    <div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:13px\">\n                        \n                        <div class=\"contact-types wp-block-columns has-bbe-2-x-large-font-size is-layout-flex wp-container-core-columns-is-layout-6863470f wp-block-columns-is-layout-flex wpbbe-3\"\n                            style=\"padding-left:48px; align-items: center !important;\">\n                            \n                            <div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow wpbbe-1\" style=\"flex-basis:10%\">\n                                \n                                <a href=\"tel:+18473063777\">\n                                    <figure class=\"contact-types-logo wp-block-image aligncenter size-full is-resized\">\n                                        <img decoding=\"async\" width=\"33\" height=\"32\" src=\"https:\/\/accessonline.io\/wp-content\/uploads\/2025\/08\/Icon-material-call.png\"\n                                            alt=\"\" class=\"wp-image-16471\" style=\"width:27px;height:auto\" \/><\/figure>\n                                <\/a>\n                                \n                            <\/div>\n                            \n                            \n                            <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow wpbbe-2\" style=\"flex-basis:66.66%\">\n                                \n                                <p class=\"has-bbe-x-small-font-size\" style=\"font-style:normal;font-weight:300\">+1\n                                    847-306-3777<\/p>\n                                \n                            <\/div>\n                            \n                        <\/div>\n                        \n\n                        \n                        <div class=\"contact-types wp-block-columns is-layout-flex wp-container-core-columns-is-layout-b970da0e wp-block-columns-is-layout-flex wpbbe-6\"\n                            style=\"padding-left:52px; align-items: center !important;\">\n                            \n                            <div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow wpbbe-4\" style=\"flex-basis:8%\">\n                                \n                                <a href=\"mailto:salesinfo@accessonline.io\">\n                                    <figure class=\"contact-types-logo wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"31\" height=\"22\"\n                                            src=\"https:\/\/accessonline.io\/wp-content\/uploads\/2025\/08\/Icon-material-email.png\"\n                                            alt=\"\" class=\"wp-image-16472\" \/><\/figure>\n                                <\/a>\n                                \n                            <\/div>\n                            \n                            \n                            <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow wpbbe-5\" style=\"flex-basis:66.66%\">\n                                \n                                <p class=\"has-bbe-x-small-font-size\" style=\"font-style:normal;font-weight:300\">\n                                    salesinfo@accessonline.io\n                                <\/p>\n                                \n                            <\/div>\n                            \n                        <\/div>\n                        \n\n                        \n                        <div class=\"contact-types wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7ebf9dd7 wp-block-columns-is-layout-flex wpbbe-9\"\n                            style=\"padding-left:48px; align-items: center !important;\">\n                            \n                            <div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow wpbbe-7\" style=\"flex-basis:10%\">\n                                \n                                <figure class=\"contact-types-logo wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"22\" height=\"30\"\n                                        src=\"https:\/\/accessonline.io\/wp-content\/uploads\/2025\/08\/Icon-material-location-on.png\"\n                                        alt=\"\" class=\"wp-image-16473\" style=\"width:20px;height:auto\" \/><\/figure>\n                                \n                            <\/div>\n                            \n                            \n                            <div class=\"wp-block-column contact-types-address is-layout-flow wp-container-core-column-is-layout-47e5a185 wp-block-column-is-layout-flow wpbbe-8\" style=\"flex-basis:66.66%\">\n                                \n                                <p class=\"has-bbe-x-small-font-size contact-usa\"\n                                    style=\"font-style:normal;font-weight:300\">USA <\/p>\n                                \n                                \n                                <p class=\"has-bbe-x-small-font-size\" style=\"font-style:normal;font-weight:300\">2130\n                                    Foster Ave <br \/>\n                                    Wheeling IL, <br \/> 60090<\/p>\n                                \n                            <\/div>\n                            \n                        <\/div>\n                        \n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n            \n        <\/div>\n        \n\n        \n        <div class=\"wp-block-column contact-form-right-page is-layout-flow wp-block-column-is-layout-flow wpbbe-11\" style=\"flex-basis:66.66%\">\n            \n            <p\n                class=\"contact-right-heading has-bbe-primary-600-color has-text-color has-link-color has-bbe-title-5-font-size wp-elements-d31eefef2fa5903c38122c0100aa61ca\">\n                <span style=\"color: black;\"> Get in <\/span> touch with us <span style=\"color: black;\">for more <\/span>\n                information\n            <\/p>\n            \n            <form id=\"customContactForm\" class=\"custom-form\">\n                <div class=\"contact-us-main-container\">\n                    <div class=\"form-row\">\n                        <div class=\"form-group half\">\n                            <label class=\"form-label\">First Name <span class=\"required-field\">*<span><\/label>\n                            <input type=\"text\" name=\"firstName\" class=\"form-input\" required>\n                        <\/div>\n                        <div class=\"form-group half\">\n                            <label class=\"form-label\">Last Name <span class=\"required-field\">*<span><\/label>\n                            <input type=\"text\" name=\"lastName\" class=\"form-input\" required>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label class=\"form-label\">Phone Number <span class=\"required-field\">*<span><\/label>\n                        <input type=\"text\" name=\"phoneNumber\" class=\"form-input\" required>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label class=\"form-label\">Email <span class=\"required-field\">*<span><\/label>\n                        <input type=\"email\" name=\"email\" class=\"form-input\" required>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label class=\"form-label\">Scope of Work <span class=\"required-field\">*<span><\/label>\n                        <select name=\"scopeOfWork\" id=\"scopeOfWork\" class=\"form-select\" multiple required>\n                            <option value=\"Audio\">Audio<\/option>\n                            <option value=\"Video\">Video<\/option>\n                            <option value=\"Control System\">Control System<\/option>\n                            <option value=\"Access Control\">Access Control<\/option>\n                            <option value=\"Telephone\">Telephone<\/option>\n                            <option value=\"Fiber Optics\">Fiber Optics<\/option>\n                            <option value=\"IT &#038; Networking\">IT &#038; Networking<\/option>\n                            <option value=\"IT Cabling\">IT Cabling<\/option>\n                            <option value=\"Lighting Control System\">Lighting Control System<\/option>\n                            <option value=\"Network Configuration\">Network Configuration<\/option>\n                            <option value=\"Surveillance\/Security\">Surveillance\/Security<\/option>\n                            <option value=\"Others\">Others (Please Specify)<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label class=\"form-label\">Message<\/label>\n                        <textarea name=\"message\" class=\"form-textarea\" rows=\"4\"><\/textarea>\n                    <\/div>\n\n                    <button type=\"submit\" id=\"submitBtn\" class=\"form-button\">Submit<\/button>\n\n                    <!-- Success message container -->\n                    <div id=\"successMessage\" class=\"form-success-message\"\n                        style=\"display: none; margin-top: 15px; color: #28a745; font-weight: 500;\">\n                        Thank you for reaching out! We\u2019ve received your details, and our team will get back to you shortly.\n                    <\/div>\n                <\/div>\n            <\/form>\n\n\n            <div>\n                <p class=\"contact-note\">Note: By providing your phone number, you agree to receive text messages from\n                    AccessOnline.<br \/> Message &#038; data rates may apply. Message frequency varies. Reply STOP to opt-out,\n                    reply\n                    HELP for help.\n                <\/p>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n    \n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide map-container has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n    <iframe\n        src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2960.377904717731!2d-87.9169923234301!3d42.09937665153036!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880fb99fdb54b745%3A0xe2493a03ae39a6e9!2sAccess%20Online%20Inc%3A%20Low%20Voltage%20Solution%20Provider!5e0!3m2!1sen!2sin!4v1755082141135!5m2!1sen!2sin\"\n        width=\"1500\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"\n        referrerpolicy=\"no-referrer-when-downgrade\" class=\"google-map\"><\/iframe>\n    \n<\/div>\n\n\n\n<p><\/p>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/choices.js\/public\/assets\/styles\/choices.min.css\" \/>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/choices.js\/public\/assets\/scripts\/choices.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/axios\/dist\/axios.min.js\"><\/script>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n        const scopeSelect = document.getElementById('scopeOfWork');\n        const form = document.getElementById('customContactForm');\n        const successMessage = document.getElementById('successMessage');\n\n        let otherInput = null;\n\n        if (scopeSelect) {\n            const choices = new Choices(scopeSelect, {\n                removeItemButton: true,\n                placeholder: true,\n                placeholderValue: 'Select an option...',\n                searchPlaceholderValue: 'Search...',\n                shouldSort: false,\n                allowHTML: true,\n                itemSelectText: '',\n            });\n\n            \/\/ Watch for selection changes\n            scopeSelect.addEventListener('change', function () {\n                const selectedValues = Array.from(scopeSelect.selectedOptions).map(opt => opt.value);\n                const existingOtherInput = document.getElementById('otherInputWrapper');\n\n                if (selectedValues.includes('Others')) {\n                    \/\/ Create \"Others\" input field if not already present\n                    if (!existingOtherInput) {\n                        const wrapper = document.createElement('div');\n                        wrapper.classList.add('form-group');\n                        wrapper.id = 'otherInputWrapper';\n\n                        const label = document.createElement('label');\n                        label.classList.add('form-label');\n                        label.textContent = 'Please specify:';\n\n                        otherInput = document.createElement('input');\n                        otherInput.type = 'text';\n                        otherInput.name = 'otherScope';\n                        otherInput.classList.add('form-input');\n                        otherInput.placeholder = 'Enter other scope of work';\n                        otherInput.required = true; \/\/ \u2705 make required only when visible\n\n                        wrapper.appendChild(label);\n                        wrapper.appendChild(otherInput);\n                        scopeSelect.closest('.form-group').after(wrapper);\n                    }\n                } else if (existingOtherInput) {\n                    \/\/ Remove \"Others\" field when deselected\n                    existingOtherInput.remove();\n                    otherInput = null;\n                }\n            });\n        }\n\n        \/\/ Handle form submission\n        if (form) {\n            form.addEventListener('submit', async function (e) {\n                e.preventDefault();\n\n                \/\/ \u2705 Recheck required input dynamically\n                if (otherInput && otherInput.required && otherInput.value.trim() === '') {\n                    otherInput.focus();\n                    alert('Please specify your \"Other\" scope of work.');\n                    return;\n                }\n\n                const submitBtn = document.getElementById('submitBtn');\n                submitBtn.textContent = 'Sending...';\n                submitBtn.disabled = true;\n\n                \/\/ Hide success message if it's visible from previous submission\n                if (successMessage) {\n                    successMessage.style.display = 'none';\n                }\n\n                const scopeSelect = form.querySelector('select[name=\"scopeOfWork\"]');\n                let selectedScopes = Array.from(scopeSelect.selectedOptions).map(opt => opt.value);\n\n                \/\/ Include \"Others\" value in payload\n                if (selectedScopes.includes('Others') && otherInput && otherInput.value.trim() !== '') {\n                    selectedScopes = selectedScopes.filter(v => v !== 'Others');\n                    selectedScopes.push(otherInput.value.trim());\n                }\n\n                const payload = {\n                    first_name: form.querySelector('input[name=\"firstName\"]').value,\n                    last_name: form.querySelector('input[name=\"lastName\"]').value,\n                    phone: form.querySelector('input[name=\"phoneNumber\"]').value,\n                    email: form.querySelector('input[name=\"email\"]').value,\n                    scope: selectedScopes,\n                    message: form.querySelector('textarea[name=\"message\"]').value\n                };\n\n                try {\n                    await axios.post('https:\/\/wkzuu4nzgk.execute-api.us-east-1.amazonaws.com\/SES_API\/ses_api', payload, {\n                        headers: { 'Content-Type': 'application\/json' }\n                    });\n\n                    form.reset();\n\n                    \/\/ Reset Choices state\n                    const event = new Event('change');\n                    scopeSelect.dispatchEvent(event);\n\n                    \/\/ Show success message\n                    if (successMessage) {\n                        successMessage.style.display = 'block';\n\n                        \/\/ Hide success message after 10 seconds\n                        setTimeout(function () {\n                            successMessage.style.display = 'none';\n                        }, 5000); \n                    }\n                } catch (error) {\n                    console.error('Error:', error.response || error);\n                } finally {\n                    submitBtn.textContent = 'Submit';\n                    submitBtn.disabled = false;\n                }\n            });\n        }\n    });\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Let&#8217;s Connect! Your Access Online experience starts here. Share your project details and we&#8217;ll take it from there. Connect today! Get in touch with us for more information<\/p>\n","protected":false},"author":1,"featured_media":4761,"parent":0,"menu_order":700,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-81","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/accessonline.io\/index.php\/wp-json\/wp\/v2\/pages\/81","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/accessonline.io\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/accessonline.io\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/accessonline.io\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/accessonline.io\/index.php\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":69,"href":"https:\/\/accessonline.io\/index.php\/wp-json\/wp\/v2\/pages\/81\/revisions"}],"predecessor-version":[{"id":19972,"href":"https:\/\/accessonline.io\/index.php\/wp-json\/wp\/v2\/pages\/81\/revisions\/19972"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/accessonline.io\/index.php\/wp-json\/wp\/v2\/media\/4761"}],"wp:attachment":[{"href":"https:\/\/accessonline.io\/index.php\/wp-json\/wp\/v2\/media?parent=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}