{"id":1210,"date":"2026-04-04T22:08:00","date_gmt":"2026-04-04T22:08:00","guid":{"rendered":"https:\/\/demo.myclevelandhealthcenter.org\/?page_id=1210"},"modified":"2026-04-04T23:27:10","modified_gmt":"2026-04-04T23:27:10","slug":"healowapp","status":"publish","type":"page","link":"https:\/\/demo.myclevelandhealthcenter.org\/es\/request-appointment\/healowapp\/","title":{"rendered":"Healowapp"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1210\" class=\"elementor elementor-1210\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a08994 e-flex e-con-boxed e-con e-parent\" data-id=\"6a08994\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2136bf5 elementor-widget elementor-widget-html\" data-id=\"2136bf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<nav class=\"chc-bc\" aria-label=\"Breadcrumb\"><ol itemscope itemtype=\"https:\/\/schema.org\/BreadcrumbList\"><li class=\"chc-bc__item\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\">\n                <a href=\"https:\/\/demo.myclevelandhealthcenter.org\/es\/\" itemprop=\"item\">\n                    <span itemprop=\"name\">Home<\/span>\n                <\/a>\n                <meta itemprop=\"position\" content=\"1\" \/>\n            <\/li><\/ol><\/nav>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>healow App Download \u2013 Cleveland Health Center<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        :root {\r\n            --blue-primary: #1781b3;\r\n            --blue-secondary: #2087c4;\r\n            --blue-light: #e8f4fb;\r\n            --blue-lighter: #f0f8fd;\r\n            --text-dark: #1a1a2e;\r\n            --text-body: #1a1a1a;\r\n            --text-muted: #1a1a1a;\r\n            --border: #e2edf4;\r\n            --white: #ffffff;\r\n            --shadow-sm: 0 1px 3px rgba(23,129,179,0.08), 0 1px 2px rgba(0,0,0,0.04);\r\n            --shadow-md: 0 4px 16px rgba(23,129,179,0.10), 0 2px 6px rgba(0,0,0,0.05);\r\n            --radius: 12px;\r\n            --max-w: 1470px;\r\n            --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n        body {\r\n            font-family: var(--font);\r\n            color: var(--text-body);\r\n            background: #f6f9fb;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500 PAGE WRAPPER \u2500\u2500\u2500 *\/\r\n        .page-wrap {\r\n            max-width: var(--max-w);\r\n            margin: 0 auto;\r\n            padding: 60px 40px 80px;\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500 PILL LABEL \u2500\u2500\u2500 *\/\r\n        .pill-label {\r\n            display: inline-block;\r\n            background: var(--blue-light);\r\n            color: var(--blue-primary);\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            letter-spacing: 0.08em;\r\n            text-transform: uppercase;\r\n            padding: 5px 14px;\r\n            border-radius: 50px;\r\n            margin-bottom: 14px;\r\n            font-family: var(--font);\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500 SECTION HEADING WITH ACCENT BAR \u2500\u2500\u2500 *\/\r\n        .title-accent {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 16px;\r\n            margin-bottom: 14px;\r\n        }\r\n\r\n        .title-accent::before {\r\n            content: '';\r\n            display: block;\r\n            width: 4px;\r\n            min-height: 48px;\r\n            background: var(--blue-primary);\r\n            border-radius: 2px;\r\n            flex-shrink: 0;\r\n            margin-top: 4px;\r\n        }\r\n\r\n        .title-accent h2 {\r\n            font-family: var(--font);\r\n            font-size: clamp(28px, 3.5vw, 42px);\r\n            font-weight: 700;\r\n            color: var(--text-dark);\r\n            line-height: 1.25;\r\n            letter-spacing: -0.3px;\r\n        }\r\n\r\n        .section-subtitle {\r\n            font-family: var(--font);\r\n            font-size: 17px;\r\n            color: var(--text-body);\r\n            max-width: 600px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500 HERO ROW \u2500\u2500\u2500 *\/\r\n        .hero-row {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            justify-content: space-between;\r\n            gap: 60px;\r\n            margin-bottom: 64px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .hero-left { flex: 1; min-width: 280px; }\r\n\r\n        \/* \u2500\u2500\u2500 DOWNLOAD CARD \u2500\u2500\u2500 *\/\r\n        .download-card {\r\n            background: var(--white);\r\n            border: 1px solid var(--border);\r\n            border-radius: var(--radius);\r\n            padding: 32px 36px;\r\n            box-shadow: var(--shadow-md);\r\n            min-width: 340px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .download-card-label {\r\n            font-family: var(--font);\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            letter-spacing: 0.06em;\r\n            text-transform: uppercase;\r\n            color: #1a1a1a;\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .app-store-buttons {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 14px;\r\n        }\r\n\r\n        .app-button {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n            padding: 16px 22px;\r\n            background: var(--blue-lighter);\r\n            border: 1px solid var(--border);\r\n            border-radius: 10px;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n            color: var(--text-dark);\r\n            transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, transform 0.15s;\r\n        }\r\n\r\n        .app-button:hover {\r\n            background: var(--blue-light);\r\n            border-color: var(--blue-primary);\r\n            box-shadow: 0 4px 14px rgba(23,129,179,0.13);\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        .app-icon {\r\n            width: 44px;\r\n            height: 44px;\r\n            background: var(--text-dark);\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 22px;\r\n            color: white;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .app-button-text { text-align: left; }\r\n        .app-button-text .available {\r\n            font-family: var(--font);\r\n            font-size: 12px;\r\n            color: #1a1a1a;\r\n            display: block;\r\n            margin-bottom: 1px;\r\n        }\r\n        .app-button-text .store-name {\r\n            font-family: var(--font);\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            display: block;\r\n            color: var(--text-dark);\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500 DIVIDER \u2500\u2500\u2500 *\/\r\n        .section-divider {\r\n            border: none;\r\n            border-top: 1px solid var(--border);\r\n            margin: 0 0 60px;\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500 STEPS SECTION \u2500\u2500\u2500 *\/\r\n        .steps-section {\r\n            background: var(--white);\r\n            border: 1px solid var(--border);\r\n            border-radius: 18px;\r\n            padding: 56px 60px;\r\n            box-shadow: var(--shadow-sm);\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .steps-header {\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .steps-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 0;\r\n        }\r\n\r\n        .step-item {\r\n            padding: 0 36px;\r\n            border-right: 1px solid var(--border);\r\n        }\r\n\r\n        .step-item:first-child { padding-left: 0; }\r\n        .step-item:last-child { padding-right: 0; border-right: none; }\r\n\r\n        .step-number-row {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 14px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .step-num {\r\n            font-family: var(--font);\r\n            font-size: 44px;\r\n            font-weight: 700;\r\n            color: var(--blue-primary);\r\n            line-height: 1;\r\n        }\r\n\r\n        .step-line {\r\n            flex: 1;\r\n            height: 1px;\r\n            background: var(--border);\r\n        }\r\n\r\n        .step-body {\r\n            font-family: var(--font);\r\n            font-size: 15px;\r\n            color: #1a1a1a;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500 PRACTICE CODE BOX \u2500\u2500\u2500 *\/\r\n        .practice-code-box {\r\n            background: var(--blue-lighter);\r\n            border: 2px dashed var(--blue-primary);\r\n            border-radius: 10px;\r\n            padding: 14px 16px;\r\n            margin-top: 14px;\r\n            text-align: center;\r\n            cursor: pointer;\r\n            transition: all 0.25s ease;\r\n            user-select: none;\r\n        }\r\n\r\n        .practice-code-box:hover {\r\n            background: var(--blue-light);\r\n            border-color: var(--blue-secondary);\r\n            box-shadow: 0 4px 12px rgba(23,129,179,0.12);\r\n        }\r\n\r\n        .practice-code-box:active { transform: scale(0.98); }\r\n\r\n        .practice-code-label {\r\n            font-family: var(--font);\r\n            font-size: 11px;\r\n            font-weight: 600;\r\n            letter-spacing: 0.07em;\r\n            text-transform: uppercase;\r\n            color: #1a1a1a;\r\n            display: block;\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .practice-code {\r\n            font-size: 26px;\r\n            font-weight: 700;\r\n            color: var(--blue-primary);\r\n            letter-spacing: 4px;\r\n            font-family: var(--font);\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500 HELP BANNER \u2500\u2500\u2500 *\/\r\n        .help-banner {\r\n            background: var(--blue-light);\r\n            border: 1px solid #c5dff0;\r\n            border-radius: 16px;\r\n            padding: 48px 60px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 30px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .help-banner-text h4 {\r\n            font-family: var(--font);\r\n            font-size: 26px;\r\n            font-weight: 700;\r\n            color: var(--text-dark);\r\n            margin-bottom: 6px;\r\n            letter-spacing: -0.3px;\r\n        }\r\n\r\n        .help-banner-text p {\r\n            font-family: var(--font);\r\n            font-size: 16px;\r\n            color: #1a1a1a;\r\n        }\r\n\r\n        .btn-outline {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 14px 36px;\r\n            background: var(--white);\r\n            color: var(--blue-primary);\r\n            border: 2px solid var(--blue-primary);\r\n            border-radius: 50px;\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: all 0.25s ease;\r\n            white-space: nowrap;\r\n            font-family: var(--font);\r\n        }\r\n\r\n        .btn-outline:hover {\r\n            background: var(--blue-primary);\r\n            color: var(--white);\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500 MOBILE \u2500\u2500\u2500 *\/\r\n        .mobile-download-section { display: none; }\r\n\r\n        @media (max-width: 1200px) {\r\n            .steps-grid { grid-template-columns: repeat(2, 1fr); gap: 40px; }\r\n            .step-item {\r\n                padding: 0 0 40px;\r\n                border-right: none;\r\n                border-bottom: 1px solid var(--border);\r\n            }\r\n            .step-item:nth-child(3),\r\n            .step-item:last-child { border-bottom: none; padding-bottom: 0; }\r\n        }\r\n\r\n        @media (max-width: 900px) {\r\n            .steps-section { padding: 40px 30px; }\r\n            .help-banner { padding: 36px 30px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .page-wrap { padding: 40px 20px 60px; }\r\n            .hero-row { flex-direction: column; gap: 36px; margin-bottom: 44px; }\r\n            .download-card { min-width: 100%; padding: 24px 22px; }\r\n            .app-store-buttons { flex-direction: row; }\r\n            .app-button { flex: 1; }\r\n            .download-section-desktop { display: none; }\r\n            .mobile-download-section { display: block; margin-top: 44px; }\r\n            .steps-section { padding: 36px 22px; }\r\n            .steps-grid { grid-template-columns: 1fr; gap: 36px; }\r\n            .step-item {\r\n                padding: 0 0 36px;\r\n                border-right: none;\r\n                border-bottom: 1px solid var(--border);\r\n            }\r\n            .step-item:last-child { border-bottom: none; padding-bottom: 0; }\r\n            .help-banner { flex-direction: column; align-items: flex-start; padding: 30px 24px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"page-wrap\">\r\n\r\n    <!-- \u2500\u2500\u2500 HERO ROW \u2500\u2500\u2500 -->\r\n    <div class=\"hero-row\">\r\n        <div class=\"hero-left\">\r\n            <span class=\"pill-label\">Patient Portal<\/span>\r\n            <div class=\"title-accent\">\r\n                <h2>Access your patient portal on your smartphone<\/h2>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Desktop Download Card -->\r\n        <div class=\"download-card download-section-desktop\">\r\n            <p class=\"download-card-label\">Download the Free healow App<\/p>\r\n            <div class=\"app-store-buttons\">\r\n                <a href=\"https:\/\/apps.apple.com\/us\/app\/healow\/id595012291\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"app-button\">\r\n                    <div class=\"app-icon\"><i class=\"fab fa-apple\"><\/i><\/div>\r\n                    <div class=\"app-button-text\">\r\n                        <span class=\"available\">Available on<\/span>\r\n                        <span class=\"store-name\">the App Store<\/span>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.ecw.healow\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"app-button\">\r\n                    <div class=\"app-icon\"><i class=\"fab fa-google-play\"><\/i><\/div>\r\n                    <div class=\"app-button-text\">\r\n                        <span class=\"available\">Available on<\/span>\r\n                        <span class=\"store-name\">the Play Store<\/span>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <hr class=\"section-divider\">\r\n\r\n    <!-- \u2500\u2500\u2500 SETUP STEPS \u2500\u2500\u2500 -->\r\n    <div class=\"steps-section\">\r\n        <div class=\"steps-header\">\r\n            <span class=\"pill-label\">Getting Started<\/span>\r\n            <div class=\"title-accent\">\r\n                <h2>Set up the healow app in four simple steps<\/h2>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"steps-grid\">\r\n            <div class=\"step-item\">\r\n                <div class=\"step-number-row\">\r\n                    <span class=\"step-num\">1<\/span>\r\n                    <span class=\"step-line\"><\/span>\r\n                <\/div>\r\n                <div class=\"step-body\">\r\n                    Download the healow app for easy mobile access. Use the App Store or Google Play buttons on this page to install the free app on your device.\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"step-item\">\r\n                <div class=\"step-number-row\">\r\n                    <span class=\"step-num\">2<\/span>\r\n                    <span class=\"step-line\"><\/span>\r\n                <\/div>\r\n                <div class=\"step-body\">\r\n                    Search for our practice by entering the practice code below.\r\n                    <div class=\"practice-code-box\" title=\"Click to copy code\">\r\n                        <span class=\"practice-code-label\">Practice Code \u00b7 Click to Copy<\/span>\r\n                        <div class=\"practice-code\">JIFJBD<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"step-item\">\r\n                <div class=\"step-number-row\">\r\n                    <span class=\"step-num\">3<\/span>\r\n                    <span class=\"step-line\"><\/span>\r\n                <\/div>\r\n                <div class=\"step-body\">\r\n                    Enter your patient portal username and password to sign in to your account.\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"step-item\">\r\n                <div class=\"step-number-row\">\r\n                    <span class=\"step-num\">4<\/span>\r\n                    <span class=\"step-line\"><\/span>\r\n                <\/div>\r\n                <div class=\"step-body\">\r\n                    Create a secure PIN to protect access to your personal health information on your device.\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500\u2500 HELP BANNER \u2500\u2500\u2500 -->\r\n    <div class=\"help-banner\">\r\n        <div class=\"help-banner-text\">\r\n            <h4>Need help setting this up?<\/h4>\r\n            <p>Our team is happy to walk you through the process \u2014 please don't hesitate to reach out.<\/p>\r\n        <\/div>\r\n        <a href=\"\/contact\" class=\"btn-outline\">\r\n            Contact Us <i class=\"fas fa-arrow-right\" style=\"font-size:13px;\"><\/i>\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500\u2500 MOBILE DOWNLOAD (shows only on mobile) \u2500\u2500\u2500 -->\r\n    <div class=\"mobile-download-section\">\r\n        <p class=\"download-card-label\" style=\"margin-bottom:14px;\">Download the Free healow App<\/p>\r\n        <div class=\"app-store-buttons\">\r\n            <a href=\"https:\/\/apps.apple.com\/us\/app\/healow\/id595012291\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"app-button\">\r\n                <div class=\"app-icon\"><i class=\"fab fa-apple\"><\/i><\/div>\r\n                <div class=\"app-button-text\">\r\n                    <span class=\"available\">Available on<\/span>\r\n                    <span class=\"store-name\">the App Store<\/span>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.ecw.healow\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"app-button\">\r\n                <div class=\"app-icon\"><i class=\"fab fa-google-play\"><\/i><\/div>\r\n                <div class=\"app-button-text\">\r\n                    <span class=\"available\">Available on<\/span>\r\n                    <span class=\"store-name\">the Play Store<\/span>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n        const box = document.querySelector('.practice-code-box');\r\n        const label = box.querySelector('.practice-code-label');\r\n        const code = 'JIFJBD';\r\n        const originalLabel = label.textContent;\r\n\r\n        box.addEventListener('click', function () {\r\n            navigator.clipboard.writeText(code).then(function () {\r\n                label.textContent = '\u2713 Copied to clipboard!';\r\n                box.style.borderColor = '#4CAF50';\r\n                box.style.background = '#f0faf0';\r\n                box.querySelector('.practice-code').style.color = '#2e7d32';\r\n\r\n                setTimeout(function () {\r\n                    label.textContent = originalLabel;\r\n                    box.style.borderColor = '';\r\n                    box.style.background = '';\r\n                    box.querySelector('.practice-code').style.color = '';\r\n                }, 2200);\r\n            }).catch(function () {\r\n                label.textContent = 'Copy failed \u2014 code: JIFJBD';\r\n            });\r\n        });\r\n    });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>healow App Download \u2013 Cleveland Health Center Patient Portal Access your patient portal on your smartphone Download the Free healow App Available on the App Store Available on the Play Store Getting Started Set up the healow app in four simple steps 1 Download the healow app for easy mobile access. Use the App Store [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":576,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1210","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.myclevelandhealthcenter.org\/es\/wp-json\/wp\/v2\/pages\/1210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.myclevelandhealthcenter.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.myclevelandhealthcenter.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.myclevelandhealthcenter.org\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.myclevelandhealthcenter.org\/es\/wp-json\/wp\/v2\/comments?post=1210"}],"version-history":[{"count":28,"href":"https:\/\/demo.myclevelandhealthcenter.org\/es\/wp-json\/wp\/v2\/pages\/1210\/revisions"}],"predecessor-version":[{"id":1300,"href":"https:\/\/demo.myclevelandhealthcenter.org\/es\/wp-json\/wp\/v2\/pages\/1210\/revisions\/1300"}],"up":[{"embeddable":true,"href":"https:\/\/demo.myclevelandhealthcenter.org\/es\/wp-json\/wp\/v2\/pages\/576"}],"wp:attachment":[{"href":"https:\/\/demo.myclevelandhealthcenter.org\/es\/wp-json\/wp\/v2\/media?parent=1210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}