{"id":7602,"date":"2026-10-19T09:50:42","date_gmt":"2026-10-19T06:50:42","guid":{"rendered":"https:\/\/digiverkosto.fi\/?page_id=7602"},"modified":"2026-10-19T10:05:53","modified_gmt":"2026-10-19T07:05:53","slug":"portaali","status":"publish","type":"page","link":"https:\/\/digiverkosto.fi\/en\/portaali\/","title":{"rendered":"Portaali"},"content":{"rendered":"<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n    <div class=\"digiverkko-landing-wrapper\">\r\n        \r\n        <!-- P\u00e4\u00e4hero-osio -->\r\n        <div class=\"landing-hero\">\r\n            <div class=\"landing-badge\">\u2728 Digiverkosto Asiakasportaali<\/div>\r\n            <h1>Digiverkoston asiakasportaali <br><span>Lis\u00e4arvoa ja helppoutta digiarkeen.<\/span><\/h1>\r\n            <p class=\"landing-lead\">\r\n                Digiverkoston asiakasportaali on suunniteltu tuomaan lis\u00e4arvoa ja helppoutta kaikille Digiverkoston asiakkaille. T\u00e4m\u00e4 on oma komentokeskuksesi, jossa hallinnoit yrityksesi digiasioita, seuraat verkkosivustosi toimintaa reaaliajassa ja hy\u00f6dynn\u00e4t parhaat edut.\r\n            <\/p>\r\n            <div class=\"landing-cta-group\">\r\n                <a href=\"https:\/\/digiverkosto.fi\/en\/asiakasportaali-kirjautuminen\/\" class=\"landing-btn-primary\">Kirjaudu portaaliin<\/a>\r\n                <a href=\"#ominaisuudet\" class=\"landing-btn-secondary\">Lue lis\u00e4\u00e4 hy\u00f6dyist\u00e4 \u2193<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- T\u00e4rkeimm\u00e4t arvot heti esille -->\r\n        <div class=\"landing-highlight-banner\">\r\n            <div class=\"highlight-item\">\r\n                <span class=\"highlight-icon\">\ud83d\udc8e<\/span>\r\n                <div>\r\n                    <h4>Aina etuhintaan<\/h4>\r\n                    <p>Digiverkoston asiakkaana saat kaiken aina etuhintaan. Portaalista l\u00f6yd\u00e4t yrityksellesi valikoituja ja r\u00e4\u00e4t\u00e4l\u00f6ityj\u00e4 lis\u00e4palveluita.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"highlight-item\">\r\n                <span class=\"highlight-icon\">\ud83c\udf81<\/span>\r\n                <div>\r\n                    <h4>Palkkio suosittelusta<\/h4>\r\n                    <p>Kun tuot meille uuden verkkosivuasiakkaan, saat joko seuraavan vuoden yll\u00e4pidon ilmaiseksi \u2013 tai jos sinulla ei ole meilt\u00e4 yll\u00e4pitoa, saat <strong>100 \u20ac edest\u00e4 ty\u00f6t\u00e4 ilmaiseksi!<\/strong><\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Yksityiskohtaiset ominaisuudet \/ Grid -->\r\n        <div id=\"ominaisuudet\" class=\"landing-features-grid\">\r\n            \r\n            <div class=\"landing-feature-card\">\r\n                <div class=\"feature-icon\">\ud83d\udcc8<\/div>\r\n                <h3>Seuraa sivuston toimintaa<\/h3>\r\n                <p>N\u00e4et yhdell\u00e4 silm\u00e4yksell\u00e4 verkkosivustosi ajankohtaisen tilan, WP-hallinnan pikayhteyden ja aktiiviset sopimustietosi ilman turhaa s\u00e4\u00e4t\u00f6\u00e4.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"landing-feature-card\">\r\n                <div class=\"feature-icon\">\ud83c\udfaf<\/div>\r\n                <h3>R\u00e4\u00e4t\u00e4l\u00f6idyt lis\u00e4palvelut<\/h3>\r\n                <p>Portaalissa n\u00e4kyv\u00e4t suoraan yrityksellesi suositellut ja valikoidut palvelut (kuten kielenk\u00e4\u00e4nn\u00f6kset ja Google Ads), jotka vauhdittavat liiketoimintaasi.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"landing-feature-card\">\r\n                <div class=\"feature-icon\">\u26a1<\/div>\r\n                <h3>Super helppok\u00e4ytt\u00f6inen<\/h3>\r\n                <p>Ei hankalia valikoita tai salasanojen mets\u00e4styst\u00e4. Portaali on rakennettu niin, ett\u00e4 l\u00f6yd\u00e4t etsim\u00e4si ja voit l\u00e4hett\u00e4\u00e4 viesti\u00e4 sekunneissa.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"landing-feature-card\">\r\n                <div class=\"feature-icon\">\ud83d\udca1<\/div>\r\n                <h3>Ainutlaatuinen ansaintamalli<\/h3>\r\n                <p>Jokainen suosittelemasi uusi yll\u00e4pitoasiakas pudottaa omaa vuosimaksuasi -25%. Jos tuot verkkosivuasiakkaan, saat vuosi-yll\u00e4pidon veloituksetta tai 100 \u20ac arvosta veloituksetonta ty\u00f6t\u00e4!<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Miten se toimii -osio -->\r\n        <div class=\"landing-steps-section\">\r\n            <h2>N\u00e4in p\u00e4\u00e4set alkuun<\/h2>\r\n            <div class=\"steps-grid\">\r\n                <div class=\"step-item\">\r\n                    <div class=\"step-number\">1<\/div>\r\n                    <h4>Kirjaudu tai luo tunnukset<\/h4>\r\n                    <p>Kirjaudu olemassa olevilla tunnuksillasi sis\u00e4\u00e4n. Jos sinulla ei viel\u00e4 ole tunnuksia, voit luoda ne helposti kirjautumissivun kautta.<\/p>\r\n                <\/div>\r\n                <div class=\"step-item\">\r\n                    <div class=\"step-number\">2<\/div>\r\n                    <h4>Tarkista tilanne ja edut<\/h4>\r\n                    <p>Kurkkaa sopimustietosi, ota r\u00e4\u00e4t\u00e4l\u00f6idyt edut haltuun ja siirry halutessasi sivustosi WP-hallintaan.<\/p>\r\n                <\/div>\r\n                <div class=\"step-item\">\r\n                    <div class=\"step-number\">3<\/div>\r\n                    <h4>Nauti vaivattomuudesta<\/h4>\r\n                    <p>Hoida muutokset helposti tuki-lomakkeella ja hy\u00f6dynn\u00e4 suositteluohjelman edut.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Alavaatteen toimintakehoitus (CTA) -->\r\n        <div class=\"landing-bottom-cta\">\r\n            <h2>Ota yrityksesi digiasiat haltuun vaivattomasti<\/h2>\r\n            <p>Kirjaudu sis\u00e4\u00e4n Digiverkosto Asiakasportaaliin tai luo uudet tunnukset ja katso yrityksesi ajankohtaiset edut.<\/p>\r\n            <a href=\"https:\/\/digiverkosto.fi\/en\/asiakasportaali-kirjautuminen\/\" class=\"landing-btn-primary\">Siirry portaaliin<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <style>\r\n        \/* Yleiset tyylit ja k\u00e4\u00e4re *\/\r\n        .digiverkko-landing-wrapper {\r\n            max-width: 960px;\r\n            margin: 0 auto;\r\n            padding: 40px 16px;\r\n            font-family: inherit;\r\n            box-sizing: border-box;\r\n            color: #d1d5db;\r\n        }\r\n\r\n        \/* Hero-osio *\/\r\n        .landing-hero {\r\n            background: linear-gradient(135deg, #111827 0%, #1f2937 100%);\r\n            border: 1px solid #374151;\r\n            border-radius: 24px;\r\n            padding: 50px 30px;\r\n            text-align: center;\r\n            margin-bottom: 24px;\r\n            box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.4);\r\n        }\r\n\r\n        .landing-badge {\r\n            display: inline-block;\r\n            background: rgba(59, 130, 246, 0.15);\r\n            color: #60a5fa;\r\n            border: 1px solid rgba(59, 130, 246, 0.3);\r\n            padding: 6px 14px;\r\n            border-radius: 20px;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .landing-hero h1 {\r\n            color: #ffffff;\r\n            font-size: 34px;\r\n            font-weight: 700;\r\n            line-height: 1.25;\r\n            margin-top: 0;\r\n            margin-bottom: 20px;\r\n            letter-spacing: -0.5px;\r\n        }\r\n\r\n        .landing-hero h1 span {\r\n            color: #3b82f6;\r\n        }\r\n\r\n        .landing-lead {\r\n            color: #9ca3af;\r\n            font-size: 16px;\r\n            line-height: 1.6;\r\n            max-width: 680px;\r\n            margin: 0 auto 30px auto;\r\n        }\r\n\r\n        .landing-cta-group {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 16px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .landing-btn-primary {\r\n            display: inline-block;\r\n            background: #3b82f6;\r\n            color: #ffffff;\r\n            padding: 14px 28px;\r\n            border-radius: 12px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            font-size: 15px;\r\n            transition: all 0.2s ease;\r\n            box-shadow: 0 4px 14px rgba(59, 130, 246, 0.4);\r\n        }\r\n\r\n        .landing-btn-primary:hover {\r\n            background: #2563eb;\r\n            color: #ffffff;\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        .landing-btn-secondary {\r\n            display: inline-block;\r\n            background: transparent;\r\n            color: #e5e7eb;\r\n            border: 1px solid #4b5563;\r\n            padding: 14px 24px;\r\n            border-radius: 12px;\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            font-size: 15px;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .landing-btn-secondary:hover {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            color: #ffffff;\r\n            border-color: #6b7280;\r\n        }\r\n\r\n        \/* Korostusbanneri etujen ja yll\u00e4pidon ansainnalle *\/\r\n        .landing-highlight-banner {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .highlight-item {\r\n            background: rgba(59, 130, 246, 0.07);\r\n            border: 1px solid rgba(59, 130, 246, 0.25);\r\n            border-radius: 18px;\r\n            padding: 24px;\r\n            display: flex;\r\n            gap: 16px;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .highlight-icon {\r\n            font-size: 28px;\r\n            flex-shrink: 0;\r\n            margin-top: 2px;\r\n        }\r\n\r\n        .highlight-item h4 {\r\n            color: #ffffff;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            margin: 0 0 6px 0;\r\n        }\r\n\r\n        .highlight-item p {\r\n            color: #d1d5db;\r\n            font-size: 13px;\r\n            line-height: 1.5;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* Ominaisuudet \/ Grid *\/\r\n        .landing-features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .landing-feature-card {\r\n            background: #111827;\r\n            border: 1px solid #1f2937;\r\n            border-radius: 18px;\r\n            padding: 30px;\r\n            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);\r\n            transition: transform 0.2s ease, border-color 0.2s ease;\r\n        }\r\n\r\n        .landing-feature-card:hover {\r\n            border-color: #374151;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .feature-icon {\r\n            font-size: 32px;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .landing-feature-card h3 {\r\n            color: #ffffff;\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            margin-top: 0;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .landing-feature-card p {\r\n            color: #9ca3af;\r\n            font-size: 14px;\r\n            line-height: 1.6;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* Miten se toimii -osio *\/\r\n        .landing-steps-section {\r\n            background: #111827;\r\n            border: 1px solid #1f2937;\r\n            border-radius: 20px;\r\n            padding: 40px 30px;\r\n            margin-bottom: 30px;\r\n            text-align: center;\r\n        }\r\n\r\n        .landing-steps-section h2 {\r\n            color: #ffffff;\r\n            font-size: 24px;\r\n            font-weight: 600;\r\n            margin-top: 0;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .steps-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 24px;\r\n        }\r\n\r\n        .step-item {\r\n            text-align: left;\r\n            background: rgba(31, 41, 55, 0.4);\r\n            border: 1px solid #1f2937;\r\n            padding: 24px;\r\n            border-radius: 14px;\r\n        }\r\n\r\n        .step-number {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 32px;\r\n            height: 32px;\r\n            background: #3b82f6;\r\n            color: #ffffff;\r\n            font-weight: 700;\r\n            border-radius: 50%;\r\n            font-size: 14px;\r\n            margin-bottom: 14px;\r\n        }\r\n\r\n        .step-item h4 {\r\n            color: #ffffff;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            margin-top: 0;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .step-item p {\r\n            color: #9ca3af;\r\n            font-size: 13px;\r\n            line-height: 1.5;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* Alaosan CTA *\/\r\n        .landing-bottom-cta {\r\n            background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, #111827 100%);\r\n            border: 1px solid rgba(59, 130, 246, 0.3);\r\n            border-radius: 20px;\r\n            padding: 50px 30px;\r\n            text-align: center;\r\n        }\r\n\r\n        .landing-bottom-cta h2 {\r\n            color: #ffffff;\r\n            font-size: 26px;\r\n            font-weight: 700;\r\n            margin-top: 0;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .landing-bottom-cta p {\r\n            color: #9ca3af;\r\n            font-size: 15px;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        \/* --- MOBIILIMUOTOILUT --- *\/\r\n        @media screen and (max-width: 768px) {\r\n            .digiverkko-landing-wrapper {\r\n                padding: 20px 10px;\r\n            }\r\n            .landing-hero {\r\n                padding: 40px 20px;\r\n            }\r\n            .landing-hero h1 {\r\n                font-size: 26px;\r\n            }\r\n            .landing-highlight-banner {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            .landing-features-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            .steps-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            .landing-bottom-cta {\r\n                padding: 36px 20px;\r\n            }\r\n        }\r\n    <\/style>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7602","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/pages\/7602","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/comments?post=7602"}],"version-history":[{"count":3,"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/pages\/7602\/revisions"}],"predecessor-version":[{"id":7605,"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/pages\/7602\/revisions\/7605"}],"wp:attachment":[{"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/media?parent=7602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}