{"id":11661,"date":"2016-08-12T15:43:30","date_gmt":"2016-08-12T13:43:30","guid":{"rendered":"http:\/\/www.vizzit.se\/h\/?page_id=11661"},"modified":"2026-01-18T19:21:12","modified_gmt":"2026-01-18T18:21:12","slug":"produkter","status":"publish","type":"page","link":"https:\/\/www.vizzit.se\/h\/sv\/produkter\/","title":{"rendered":"V\u00e5ra produkter"},"content":{"rendered":"\n<style>\n    :root{\n      --visible-count:5;\n      --gap:40px;\n      --nav-padding:15px;\n      --thumb-w:140px;\n      --thumb-h:90px;\n    }\n    *{box-sizing:border-box}\n    body{font-family:Inter, \"Segoe UI\", Roboto, Arial, sans-serif; margin:0; background:#f4f6f8; color:#111;}\n    \/* TOP NAV *\/\n\t.gallery-label {\n\t\tbackground: #d1d1d1;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tpadding-top: 20px;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\t\n\t\tfont-family: 'Comfortaa';\n\t\tfont-style: normal;\n\t\tfont-weight: 700;\n\t\tfont-size: 16px;\n\t\tcolor: #696969;\n\t}\n    .top-nav-wrap { background:#d1d1d1; padding:10px 16px; display:flex; align-items:center; gap:12px; justify-content: center;}\n    .nav-arrow {\n      background:transparent; border:1px solid rgba(255,255,255,0.08); color:#fff; padding:10px 12px; border-radius:10px; cursor:pointer; font-weight:700;\n      display:flex; align-items:center; justify-content:center; rotate: 90deg;\n\t  width: 63px; padding-right: 17px;\n    }\n    .nav-arrow:disabled{ opacity:0.42; cursor:default; }\n\t.nav-arrow.navNext { rotate: 270deg; padding-right: 12px; padding-left: 17px; }\n\t.nav-arrow img { width: 3rem; }\n\n    .nav-viewport {\n      <!--overflow:hidden;-->\n      height: calc(var(--thumb-h) + 70px); \/* thumb + label area + padding *\/\n      background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));\n      border-radius:12px;\n      padding:var(--nav-padding);\n      box-sizing:border-box;\n      flex-shrink:0;\n      display:flex;\n      align-items:center;\n     \twidth: 860px;\n\t\t    min-height: 100px;\n\toverflow: hidden;\n\tposition: relative;\n    }\n\t.nav-viewport:before {\n\t\tcontent:\"\";\n\t\tposition:absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 10%;\n\t\theight: 100%;\n\t\tz-index:4;\n\t\tbackground: rgba(2, 0, 36, 10);\n\t\tbackground: linear-gradient(90deg, rgba(209, 209, 209, 1) 0%, rgba(209, 209, 209, 0) 100%);\n\t}\n\t.nav-viewport:after {\n\t\tcontent:\"\";\n\t\tposition:absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 10%;\n\t\theight: 100%;\n\t\tz-index:4;\n\t\tbackground: rgba(2, 0, 36, 10);\n\t\tbackground: linear-gradient(90deg, rgba(209, 209, 209, 0) 0%, rgba(209, 209, 209, 1) 100%);\n\t}\n    .nav-track {\n      display:flex;\n      gap:var(--gap);\n      transition: transform 320ms cubic-bezier(.22,.9,.19,1);\n      align-items:center;\n      will-change: transform;\n      padding-bottom:4px;\n    }\n\t.nav-track.no-animation {\n      transition: none;\n    }\n\n    \/* stacked mini-card style (C): image + title under *\/\n    .nav-item {\n      width:var(--thumb-w);\n      min-width:var(--thumb-w);\n      display:flex;\n      flex-direction:column;\n\t  justify-content: center;\n      align-items:center;\n      gap:8px;\n      cursor:pointer;\n      transform-origin:center;\n      transition: transform 260ms ease, box-shadow 260ms ease, opacity 260ms ease;\n      opacity:0.92;\n     border-radius: 100px 0 0 100px;\n      padding:0px;\n\t  \n\t  background-color: #fff;\n\t  border:1px solid #999;\n\t  position:relative;\n    }\n    .nav-item img{ width: 45px; height:var(--thumb-h); object-fit:cover; border-radius:6px; display:block;\n\t\tposition: absolute;\n\t\tright: -24px;\n\t}\n    .nav-item .nav-title { font-size:13px; color:#333; text-align:center; line-height: 1.2; \n\t\t\/*position: absolute; *\/\n    min-height: 44px;\n    display: flex;\n    align-items: center;\n\twidth: 95px;\n\twidth: 110px;\n\tpadding-right: 5px;\n\tjustify-content: center;\n\t}\n\t\n\n    \/* active \/ neighbor styles *\/\n    .nav-item.active {\n      transform: scale(1.16);\n      box-shadow:0 5px 15px rgba(2,6,23,0.48);\n      border-color: rgba(255,255,255,0.95);\n      opacity:1;\n\t  margin: 0 20px;\n    }\n\t\n    .nav-item.left-near, .nav-item.right-near {\n      transform: scale(1.04);\n      opacity:0.98;\n    }\n\t\n\t.alt-style-gallery .nav-item.active {\n      transform: scale(1.2);\n      box-shadow: none;\n      border-color: #1072D0;\n\t  border-width: 2px;\n    }\n\t\n\t.alt-style-gallery .nav-item.active.red {\n      border-color: #F98268;\n    }\n\t.alt-style-gallery .nav-item.active.purple {\n      border-color: #D86BE6;\n    }\n\t.alt-style-gallery .nav-item.active.green {\n      border-color: #25BC69;\n    }\n\t\n\t.alt-style-gallery .nav-item.active .nav-title {\n      min-height: 41px;\n    }\n\n    main{  }\n    section { display:none; overflow:hidden; color:#000;}\n    section.active { display:block; }\n\n    .section-bg {\n      background-size:cover;\n      background-position:center;\n      position:relative;\n      overflow:hidden;\n    }\n    \/* allow bgColor override, then bgImage above it *\/\n    .section-bg::before{\n      content:\"\";\n      position:absolute; inset:0; z-index:0;\n      background:linear-gradient(180deg, rgba(0,0,0,0.15), rgba(0,0,0,0.32));\n      pointer-events:none;\n    }\n    .section-inner{ position:relative; z-index:2; background:linear-gradient(180deg, rgba(255,255,255,0.24), rgba(0,0,0,0.74)); padding: 2.8em 28px; min-height:460px; }\n\n    #content h2.section-headline { font-family:Comfortaa; font-size:48px; margin:0 0 18px 0; font-weight:600; color:#fff; }\n\t#content h3.section-desc { text-align: left; font-weight:300; color:#fff; margin: 0 auto; width: 1000px; max-width: 100%; display: flex; gap: 2em; }\n\t#content h3.section-desc .column { flex: 1; }\n\t.section-label { text-align: center; margin-bottom: 18px;  }\n\t.section-label .section-header{\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t}\n\t#content h2.section-headline {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: flex-start;\n\t}\n\t#content h2.section-headline .title-sub {\n\t\tfont-size: 2rem;\n\t\tfont-weight: 600;\n\t\tmargin-left: 20px;\n\t}\n\n    .section-content { display:flex; gap:3rem; align-items:flex-start; padding:22px; border-radius:10px; }\n\t#content .section-content img { border-radius:15px; }\n    .left { width:40%; max-width: 500px; }\n    .right { width:60%; display:flex; align-items:center; justify-content:center; }\n\n    .left:not(.noCardStyle) .card { background:rgba(255,255,255,0.94); color:#111; margin-bottom:12px; border-radius:50px; cursor:pointer; transition:transform .18s ease; display: flex; align-items: center; gap:0.5rem; padding: 20px 12px; }\n\t.left:not(.noCardStyle) .card:hover{ transform: translateY(-4px); }\n    .left:not(.noCardStyle) .card.active { background:rgba(245,245,245,1); box-shadow:0 6px 18px rgba(2,6,23,0.06); border-radius:20px; }\n\t\n\t.left.noCardStyle .card { color:#fff; display: flex; align-items: center; gap:0.5rem; padding: 20px 12px; }\n\t.left.noCardStyle .card .card-title { display: none; }\n\t#content .left.noCardStyle .card .card-content li {\n\t\tfont-family: 'OpenSans', Verdana, arial, sans-serif;\n\t\tfont-weight: 500;\n\t\tcolor:#fff;\n\t\tfont-size: 1.2rem;\n\t}\n\t\n\t#content .left.noCardStyle .card ul li,\n\t#content h3.section-desc ul li { list-style: disc; }\n\t\n\t#content .left.noCardStyle .card .card-content span { \n\t\tfont-family: 'OpenSans', Verdana, arial, sans-serif;\n\t\tfont-weight: 500;\n\t\tcolor:#fff;\n\t\tfont-size: 1.2rem;\n\t\tdisplay: block;\n\t\t    margin-bottom: 1em;\n\t}\n\t\n\t.card .toggle-btn { visibility:visible; font-weight: 1000; font-size: 20px; }\n\t.card .toggle-btn .plus-icon { width: 1.2rem; height: 1.2rem; border: #333 solid 1px; padding: 0.2rem; border-radius: 2rem; background-image: url(\"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/list.nav.plus.svg\"); background-position: center; background-repeat: no-repeat; }\n\t.card.active .toggle-btn { visibility:hidden; }\n    .card-title { font-family:Comfortaa; font-weight:700; }\n    .card-content { display:none; margin-top:8px; font-size:14px; color:#333; }\n    .card.active .card-content { display:block; }\n\n    .right img { max-width:100%; border-radius:8px; box-shadow:0 12px 34px rgba(0,0,0,0.35); transition:opacity .36s ease; }\n\n    \/* responsive *\/\n    @media (max-width:980px){\n      :root{ --thumb-w:120px; --thumb-h:72px; }\n      .nav-viewport{ height: calc(var(--thumb-h) + 44px); width: 440px; }\n      .section-content{ flex-direction:column; }\n      .left,.right{ width:100%; max-width:none; }\n\t  .nav-item .nav-title { top: 25px; }\n\t\n    }\n    @media (max-width:520px){\n      :root{ --thumb-w:100px; --thumb-h:60px; --visible-count:3; }\n      .nav-viewport{ width: 375px; }\n\t  .nav-arrow img{ width: 2rem; }\n\t  .top-nav-wrap{ gap: 0px; }\n\t  .nav-item .nav-title { top: 22px; line-height: 16px; }\n\t  \n    }\n\t\n\t\/* LAYOUT-HEADER-PEEK-IMAGE *\/\n\t\n\t.layout-header-peek-image {\n\t\tposition: relative;\n\t\tpadding: 80px 5vw;\n\t\toverflow: hidden;\n\t\tbackground-color: rgb(0, 0, 0);\n\t\tbackground-size: cover;\n\t}\n\t\n\t.layout-header-peek-image .layout-content-wrapper {\n\t  max-width: 70%;\n\t  margin: 0 auto;\n\t  padding: 0;\n      display: flex;\n\t  flex-direction: column;\n\t  align-items: flex-end;\n\t  justify-content: flex-end;\n\t}\n\t\n\t.layout-header-peek-image .layout-content-wrapper .layout-content-component {\n\t  padding: 27px 100px 24px 66px;\n\t  background: #1A7FE5;\n\t  border-radius: 400px 50px;\n\t  box-shadow: 0 8px 14px rgba(0, 0, 0, 0.35);\n\t  z-index: 3;\n\t}\n\t\n\t.layout-header-peek-image h2 .title-main {\n\t  font-size: 2em;\n\t  font-weight: 700;\n\t  font-family:Comfortaa;\n\t  font-weight:600;\n\t  color: #fff;\n\t}\n\t\n\t#content .layout-header-peek-image .peek-image {\n\t\tposition: absolute;\n\t\ttop: 30%;\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t\twidth: 60vw;\n\t\tmax-width: 50%;\n\t\theight: auto;\n\t\tobject-fit: cover;\n\t\tbox-shadow: 11px 15px 22.9px rgba(255, 255, 255, 0.24);\n\t\tborder-radius: 15px 15px 0 0;\n\t}\n\t\n\t@media only screen and (max-width: 700px) {\n\t\t#content .layout-header-peek-image .peek-image {\n\t\t\tmax-width: unset;\n\t\t\ttop: unset;\n\t\t\tbottom: 0%;\n\t\t}\n\t\t\n\t\t.layout-header-peek-image .layout-content-wrapper {\n\t\t\tmax-width: 90%;\n\t\t}\n\t\t\n\t\t.layout-header-peek-image .layout-content-wrapper .layout-content-component {\n\t\t\tpadding: 14px 44px 14px 46px;\n\t\t}\n\t\t\n\t\t.layout-header-peek-image h2 .title-main {\n\t\t\tfont-size: 1em;\n\t\t}\n\t\t\n\t\t.section-dashboard {\n\t\t\tfont-size: 8px;\n\t\t}\n\t}\n\t\n\t@media only screen and (min-width: 500px) {\n\t\t.layout-header-peek-image {\n\t\t\theight: 300px;\n\t\t}\n\t\t\n\t\t.layout-header-peek-image .layout-content-wrapper {\n\t\t\theight: 100%;\n\t\t}\n\t\t\n\t\t#content .layout-header-peek-image .peek-image {\n\t\t\tmax-width: unset;\n\t\t}\n\t\t\n\t\t.layout-header-peek-image h2 .title-main {\n\t\t\tfont-size: 2.5em;\n\t\t}\n\t\t\n\t\t.layout-header-peek-image {\n\t\t\tpadding: 50px 5vw;\n\t\t}\n\t\t\n\t\t.section-dashboard {\n\t\t\tfont-size: 10px;\n\t\t}\n\t}\n\t\n\t@media only screen and (min-width: 1024px) {\n\t\t.layout-header-peek-image {\n\t\t\theight: 400px;\n\t\t}\n\t\t\n\t\t.layout-header-peek-image .layout-content-wrapper {\n\t\t\tmin-height: 250px;\n\t\t}\n\t}\n\t\n\t@media only screen and (min-width: 1600px) {\n\t\t.layout-header-peek-image {\n\t\t\theight: 600px;\n\t\t}\n\t}\n\t\n\t@media only screen and (min-width: 2100px) {\n\t\t.layout-header-peek-image {\n\t\t\theight: 800px;\n\t\t}\n\t}\n\t\n\t\/* LAYOUT-TEXT-BOXES *\/\n\t\n\t.layout-text-boxes {\n\t\tposition: relative;\n\t\tpadding: 80px 5vw;\n\t\toverflow: hidden;\n\t\tbackground-color: rgb(0, 0, 0);\n\t}\n\t\n\t.layout-text-boxes .layout-content-wrapper {\n\t  max-width: 70%;\n\t  margin: 0 auto;\n\t  padding: 0;\n      display: flex;\n\t  flex-direction: column;\n\t  gap: 40px;\n\t}\n\t\n\t.layout-text-boxes .layout-content-wrapper .layout-content-component {\n\t  margin: 0 20px;\n\t}\n\t\n\t.layout-text-boxes .layout-content-wrapper .layout-content-columns  {\n\t  display: flex;\n\t  flex-direction: row;\n\t  justify-content: space-between;\n\t}\n\t\n\t.layout-text-boxes .layout-content-wrapper .layout-content-columns .layout-content-component  {\n\t  margin: 0;\n\t  padding: 25px 45px;\n\t  background-color: #f0f0f0;\n\t  border-radius: 20px;\n\t  width: 48%;\n\t}\n\t\n\t#content .layout-text-boxes h2 {\n\t  display: flex;\n\t  flex-direction: column;\n\t  margin: 0;\n\t  margin-bottom: 20px;\n\t  color: #fff;\n\t}\n\t\n\t#content .layout-text-boxes .layout-content-columns h2,\n\t#content .layout-text-boxes .layout-content-columns h3\t{\n\t  color: #000;\n\t}\n\t\n\t#content .layout-text-boxes .layout-content-columns h3\t{\n\t  margin: 0;\n\t}\n\t\n\t.layout-text-boxes h2 .title-main {\n\t  font-size: 2rem;\n\t  font-weight: 700;\n\t  font-family:Comfortaa;\n\t  font-weight:600;\n\t}\n\n\t.layout-text-boxes h2 .title-sub {\n\t  font-size: 2em;\n\t  font-family:Comfortaa;\n\t  font-weight:600;\n\t  margin-left: 20px;\n\t  \/*opacity: 0.8;*\/\n\t}\n\t\n\t#content .layout-text-boxes h3 {\n\t  font-weight:initial;\n\t  margin-left: 20px;\n\t  font-size: 1.8em;\n      line-height: 32px;\n\t  color: #fff;\n\t}\n\t\n\t@media only screen and (max-width: 1300px) {\n\t\t.layout-text-boxes .layout-content-wrapper {\n\t\t\tmax-width: 85%;\n\t\t}\n\t}\n\t\n\t@media only screen and (max-width: 1080px) {\n\t\t.layout-text-boxes .layout-content-wrapper {\n\t\t\tmax-width: 95%;\n\t\t}\n\t}\n\t\n\t@media only screen and (max-width: 900px) {\n\t\t.layout-text-boxes .layout-content-wrapper .layout-content-columns {\n\t\t\tflex-direction: column;\n\t\t\tgap: 4em;\n\t\t}\n\t\t\n\t\t.layout-text-boxes .layout-content-wrapper .layout-content-columns .layout-content-component {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\t\n\t\n\t\/* LAYOUT-TEXT-IMAGE *\/\n\t.layout-text-image {\n\t\t\n\t}\n\n\t.layout-text-image .layout-content-wrapper {\n\t  max-width: 70%;\n\t  margin: 0 auto;\n\t  padding: 0 5vw;\n\t  display: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tpadding: 60px 5vw;\n\t\tgap: 40px;\n\t}\n\n\t#content .layout-text-image img {\n\t\twidth: 100%;\n\t\tmax-width: 400px;\n\t\tborder-radius: 16px;\n\t\tobject-fit: cover;\n\t}\n\n\n\t.layout-text-image .text {\n\t\tflex: 1;\n\t}\n\n\n\t\/* LAYOUT-IMAGE-PEEK-RIGHT *\/\n\t.layout-image-peek {\n\t\tposition: relative;\n\t\tpadding: 80px 5vw;\n\t\toverflow: hidden;\n\t\tbackground-color: rgb(245, 245, 247);\n\t}\n\t\n\t.layout-image-peek .layout-content-wrapper {\n\t  max-width: 70%;\n\t  margin: 0 auto;\n\t  padding: 0;\n      display: flex;\n\t}\n\t\n\t.layout-image-peek.horizontal-flip .layout-content-wrapper {\n\t  max-width: 90%;\n\t  justify-content: flex-end;\n\t}\n\t\n\t.layout-image-peek .layout-content-wrapper .layout-content-component {\n\t  max-width: 45%;\n\t}\n\n\t.layout-image-peek h2 {\n\t  display: flex;\n\t  flex-direction: column;\n\t  margin: 0;\n\t  margin-bottom: 20px;\n\t  color: #fff;\n\t}\n\n\t.layout-image-peek h2 .title-main {\n\t  font-size: 2rem;\n\t  font-weight: 700;\n\t  font-family:Comfortaa;\n\t  font-weight:600;\n\t}\n\n\t.layout-image-peek h2 .title-sub {\n\t  font-size: 2em;\n\t  font-family:Comfortaa;\n\t  font-weight:600;\n\t  margin-left: 20px;\n\t  \/*opacity: 0.8;*\/\n\t}\n\t\n\t#content .layout-image-peek h3 {\n\t  font-weight:initial;\n\t  margin-left: 20px;\n\t  font-size: 1.8em;\n      line-height: 32px;\n\t  color: #fff;\n\t}\n\n\t#content .layout-image-peek .peek-image {\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tright: 0;\n\t\ttransform: translateY(-50%);\n\t\twidth: 60vw;\n\t\tmax-width: 50%;\n\t\theight: auto;\n\t\tobject-fit: cover;\n\t\tbox-shadow: 11px 15px 22.9px rgba(255, 255, 255, 0.24);\n\t\tborder-radius: 15px 0 0 15px;\n\t}\n\t\n\t#content .layout-image-peek.horizontal-flip .peek-image {\n\t\tright: unset;\n\t\tleft: 0;\n\t\tborder-radius: 0 15px 15px 0;\n\t}\n\t\n\t@media only screen and (max-width: 900px) {\n\t\t.layout-image-peek {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 2em;\n\t\t}\n\t\t\n\t\t.layout-image-peek.horizontal-flip .layout-content-wrapper,\n\t\t.layout-image-peek .layout-content-wrapper {\n\t\t\tjustify-content: unset;\n\t\t}\n\t\t\n\t\t.layout-image-peek .layout-content-wrapper .layout-content-component {\n\t\t\tmax-width: 90%;\n\t\t}\n\t\t\n\t\t#content .layout-image-peek.intro-text .peek-image,\n\t\t#content .layout-image-peek.horizontal-flip .peek-image,\n\t\t#content .layout-image-peek .peek-image {\n\t\t\tposition: relative;\n\t\t\ttransform: unset;\n\t\t\tborder-radius: 15px;\n\t\t\tmax-width: unset;\n\t\t\twidth: 80%;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t}\n\t\n\t@media only screen and (min-width: 1024px) {\n\t\t.layout-image-peek {\n\t\t\theight: 756px;\n\t\t}\n\t\t\n\t\t.layout-image-peek .layout-content-wrapper {\n\t\t\theight: 100%;\n\t\t\talign-items: center;\n\t\t}\n\t}\n\t\n\t@media only screen and (min-width: 2000px) {\n\t\t.layout-image-peek {\n\t\t\theight: 1000px;\n\t\t}\n\t}\n\t\n\t\/* Menu CSS *\/\n\t@media only screen and (max-width: 700px) {\n\t\theader#branding .top-menu .menu-text-new {\n\t\t\tfont-size: 12px;\n\t\t}\n\t\t\n\t\theader#branding .top-menu hgroup#site-title {\n\t\t\twidth: 75px;\n\t\t}\n\t\t\n\t\theader#branding .top-menu hgroup#site-title img {\n\t\t\twidth: 95%;\n\t\t}\n\t\t\n\t\theader#branding .top-menu #mainnav div.login-icon {\n\t\t\twidth: 19px;\n\t\t}\n\t\t\n\t\theader#branding a[href=\"\/h\/produkter\/\"] .menu-text-new, \n\t\theader#branding a[href=\"\/h\/radgivning\/\"] .menu-text-new {\n\t\t\tdisplay: none;\n\t\t}\n\t\t\n\t\theader#branding a[href=\"\/h\/produkter\/\"]:before,\n\t\theader#branding a[href=\"\/h\/radgivning\/\"]:before {\n\t\t\tcolor: #fff;\n\t\t\tfont-size: 12px;\n\t\t}\n\t\t\n\t\theader#branding a[href=\"\/h\/produkter\/\"]:before {\n\t\t\tcontent: 'Produkter';\n\t\t}\n\t\t\n\t\theader#branding a[href=\"\/h\/radgivning\/\"]:before {\n\t\t\tcontent: 'Tj\u00e4nster';\n\t\t\tmargin-left: 5px;\n\t\t}\n\t}\n\n  <\/style>\n  \n\t<!-- HEADER -->\n\t<div class=\"section-dashboard layout-header-peek-image\" style=\"background-image: url(\/h\/wp-content\/uploads\/2026\/01\/grape-4361980_1920.jpg);\">\n\t\t<img class=\"peek-image\" src=\"\/h\/wp-content\/uploads\/2026\/01\/dashboard.screenshot.header.jpg\" alt=\"Peek Image\">\n\t\t<div class=\"layout-content-wrapper\">\n\t\t\t<div class=\"layout-content-component\">\n\t\t\t\t<h2>\n\t\t\t\t\t<span class=\"title-main\">Vizzits Nya<\/span>\n\t\t\t\t<\/h2>\n\t\t\t\t<h2>\n\t\t\t\t\t<span class=\"title-main\">Dashboard<\/span>\n\t\t\t\t<\/h2>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<!-- \/HEADER -->\n  \n\t<!-- INTRO -->\n\t<div class=\"section-dashboard layout-text-boxes\" style=\"background: radial-gradient(74.04% 208.05% at 53.15% 39.31%, #454574 0%, rgba(69, 69, 116, 0) 100%), #000;\">\n\t\t<div class=\"layout-content-wrapper\">\n\t\t\t<div class=\"layout-content-component\">\n\t\t\t\t<h2>\n\t\t\t\t\t<span class=\"title-main\">Vizzits nya dashboard<\/span>\n\t\t\t\t\t<span class=\"title-sub\">\u2013 laddad med en m\u00e4ngd nyheter<\/span>\n\t\t\t\t<\/h2>\n\t\t\t\t<h3>\n\t\t\t\t\tDen nya Dashboarden \u00e4r, precis som tidigare, uppdelad i tv\u00e5 vyer som \u00e4r anpassade efter anv\u00e4ndarens roll och ansvar. Genom att dela upp vyerna efter ansvarsroller blir b\u00e5de underh\u00e5ll, uppf\u00f6ljning och analys av webbplatsen enklare, mer strukturerat och betydligt effektivare \u2013 f\u00f6r varje anv\u00e4ndare.\n\t\t\t\t<\/h3>\n\t\t\t<\/div>\n\t\t\t<div class=\"layout-content-columns\">\n\t\t\t\t<div class=\"layout-content-component\">\n\t\t\t\t\t<h2>\n\t\t\t\t\t\t<span class=\"title-main\">Mina sidor<\/span>\n\t\t\t\t\t<\/h2>\n\t\t\t\t\t<h3>\n\t\t\t\t\t\tF\u00f6r redakt\u00f6rer och inneh\u00e5llsansvariga som hanterar ett begr\u00e4nsat antal sidor eller ett specifikt omr\u00e5de p\u00e5 webbplatsen. H\u00e4r f\u00e5r du en tydlig \u00f6versikt \u00f6ver ditt inneh\u00e5ll och tillg\u00e5ng till de verktyg du anv\u00e4nder mest.\n\t\t\t\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"layout-content-component\">\n\t\t\t\t\t<h2>\n\t\t\t\t\t\t<span class=\"title-main\">Hela webbplatsen<\/span>\n\t\t\t\t\t<\/h2>\n\t\t\t\t\t<h3>\n\t\t\t\t\t\tF\u00f6r webbansvariga med det \u00f6vergripande ansvaret. Denna vy ger en komplett bild av hela webbplatsen, med full insyn i inneh\u00e5ll, aktiviteter och statistik.\n\t\t\t\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<!-- \/INTRO -->\n\t\n\t<!-- MY PAGES -->\n\t<div class=\"section-dashboard layout-image-peek\" id=\"minasidor\" style=\"background: linear-gradient(270deg, #505050 0%, rgba(80, 80, 80, 0.5) 100%);\">\n\t\t<div class=\"layout-content-wrapper\">\n\t\t\t<div class=\"layout-content-component\">\n\t\t\t\t<h2>\n\t\t\t\t\t<span class=\"title-main\">Dashboard<\/span>\n\t\t\t\t\t<span class=\"title-sub\"> &#8211; Mina sidor<\/span>\n\t\t\t\t<\/h2>\n\t\t\t\t<h3>\n\t\t\t\t\tVi har gjort det enklare och snabbare f\u00f6r dig som redakt\u00f6r eller inneh\u00e5llsansvarig att f\u00f6lja upp de sidor du ansvarar f\u00f6r. Mina sidor samlar dina viktigaste rapporter och funktioner p\u00e5 ett st\u00e4lle, vilket g\u00f6r det l\u00e4tt att se vad som beh\u00f6ver \u00e5tg\u00e4rdas, f\u00f6lja utvecklingen och arbeta mer effektivt med underh\u00e5ll och f\u00f6rb\u00e4ttringar.\n\t\t\t\t<\/h3>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<img class=\"peek-image\" src=\"\/h\/wp-content\/uploads\/2026\/01\/dashboard.my_.version.20260113-scaled.jpg\" alt=\"Peek Image\">\n\t<\/div>\n\t<!-- \/MY PAGES -->\n  \n  <div id=\"allGallery\" class=\"alt-style-gallery\">\n\t  <div class=\"gallery-label\">Klicka p\u00e5 ett verktyg f\u00f6r att se mer<\/div>\n\t  <div class=\"top-nav-wrap\">\n\t\t<button class=\"nav-arrow navPrev\" aria-label=\"Previous\"><img src=\"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/nav.arrow.gallery.svg\" class=\"icon\"><\/button>\n\t\t<div class=\"nav-viewport\" role=\"navigation\" aria-label=\"Sections navigation\">\n\t\t  <div class=\"nav-track navTrack\" id=\"navTrack\"><\/div>\n\t\t<\/div>\n\t\t<button class=\"nav-arrow navNext\" aria-label=\"Next\"><img src=\"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/nav.arrow.gallery.svg\" class=\"icon\"><\/button>\n\t  <\/div>\n\t  \n\t  <main id=\"main-showroom\"><\/main>\n  <\/div>\n  \n\t\n\t<!-- HELA WEBBPLATSEN -->\n\t<div class=\"section-dashboard layout-image-peek horizontal-flip\" id=\"helawebbplatsen\" style=\"background: radial-gradient(74.04% 208.05% at 53.15% 39.31%, rgba(219, 42, 42, 0.5) 0%, rgba(219, 42, 42, 0) 100%), radial-gradient(36.07% 121.29% at 58.62% 55.21%, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0) 100%) , #000000;\">\n\t\t<div class=\"layout-content-wrapper\">\n\t\t\t<div class=\"layout-content-component\">\n\t\t\t\t<h2>\n\t\t\t\t\t<span class=\"title-main\">Dashboard<\/span>\n\t\t\t\t\t<span class=\"title-sub\"> &#8211; Hela webbplatsen<\/span>\n\t\t\t\t<\/h2>\n\t\t\t\t<h3>\n\t\t\t\t\tEn mer utbyggd och komplett Dashboard med flera unika rapporter och verktyg, med en oslagbar \u00f6verblick \u00f6ver webbplatsen. H\u00e4r finns ocks\u00e5 verktyg f\u00f6r att effektivisera det l\u00f6pande arbetet i webborganisationen. Vill du f\u00f6rdjupa dig i n\u00e5got specifikt verktyg finns ing\u00e5ngarna till dem i v\u00e4nstermenyn.\n\t\t\t\t<\/h3>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<img class=\"peek-image\" src=\"\/h\/wp-content\/uploads\/2026\/01\/dashboard.all_.version.20260113-scaled.jpg\" alt=\"Peek Image\">\n\t<\/div>\n\t<!-- \/HELA WEBBPLATSEN -->\n\t\n\t\n\t<!-- GALLERY HELA WEBBPLATSEN -->\n\t<div id=\"siteDashboardGallery\" class=\"alt-style-gallery\">\n\t  <div class=\"gallery-label\">Klicka p\u00e5 ett verktyg f\u00f6r att se mer<\/div>\n\t  <div class=\"top-nav-wrap\">\n\t\t<button class=\"nav-arrow navPrev\" aria-label=\"Previous\"><img src=\"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/nav.arrow.gallery.svg\" class=\"icon\"><\/button>\n\t\t<div class=\"nav-viewport\" role=\"navigation\" aria-label=\"Sections navigation\">\n\t\t  <div class=\"nav-track navTrack\" id=\"siteDashboardNavTrack\"><\/div>\n\t\t<\/div>\n\t\t<button class=\"nav-arrow navNext\" aria-label=\"Next\"><img src=\"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/nav.arrow.gallery.svg\" class=\"icon\"><\/button>\n\t  <\/div>\n\t  \n\t  <main id=\"siteDashboardShowroom\"><\/main>\n\t<\/div>\n\t<!-- \/GALLERY HELA WEBBPLATSEN -->\n  \n  \n  \n  \n  <script>\n    const sectionsMeta = [\n { \n  \"id\": \"s1\",\n  \"title\": \"Sociala medier\",\n  \"header\": \"<span class='title-main'>Sociala medier<\/span><span class='title-sub'>- f\u00f6lj upp resultatet av alla inl\u00e4gg l\u00e4nkade till sidor du ansvarar f\u00f6r.<\/span>\",\n  \"desc\": \"Allt fler jobbar med sociala media, publicerat inl\u00e4gg p\u00e5 n\u00e5gon social plattform med aktiva l\u00e4nkar till en specifik sida. Nu kan du snabbt och enkelt f\u00f6lja upp resultaten fr\u00e5n dina inl\u00e4gg som l\u00e4nkar till en specifik sida som du ansvarar f\u00f6r. I rapporten kan du ocks\u00e5 j\u00e4mf\u00f6ra resultatet med en tidigare period.\",\n  \"bgColor\": \"#443355\",\n  \"bgImage\": \"\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.website.png\",\n  \"cardClass\": \"\",\n  \"cards\": [\n\t{ \"title\": \"\u00d6verblick\", \"text\": \"En summering av alla aktiviteter: F\u00e5 en \u00f6verblick \u00f6ver de vanligaste plattformarna.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.social.2.png\" },\n\t{ \"title\": \"Resultat per sida\", \"text\": \"Se resultatet och trenden av varje inl\u00e4gg som l\u00e4nkar till en specifik sida.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.social.trend.png\" }\n  ]\n },\n {\n  \"id\": \"s2\",\n  \"title\": \"Statistik f\u00f6r sidan\",\n  \"header\": \"Statistik f\u00f6r sidan\",\n  \"desc\": \"En av de mest anv\u00e4nda rapporterna i Vizzit. Det \u00e4r en sammanfattande rapport men flera intressanta nyckeltal, \u00f6ver en specifik sida p\u00e5 din webbplats. Du hittar den som en direktl\u00e4nk i redakt\u00f6rsl\u00e4get inne i CMSet, alternativt fr\u00e5n din dashboard. G\u00e5r du via din dashboard v\u00e4ljer du vilken sida du vill analysera under knappen \u201cByt sida\u201d.\",\n  \"bgColor\": \"#0ba819\",\n  \"bgImage\": \"..\/pixabay\/pink-flower-4299217_1920.jpg\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.website.png\",\n  \"cardClass\": \"\",\n  \"cards\": [  \n\t{ \"title\": \"Statistik f\u00f6r aktuell sida\", \"text\": \"<ul><li>Olika nyckeltal f\u00f6r sidan<\/li><li>Orangea staplarna visar att den specifika dagen har en \u00e4ndring gjorts p\u00e5 sidan<\/li><li>Var kom bes\u00f6karen ifr\u00e5n och var gick dem<\/li><\/ul>\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/webpage.thispage.png\" },\n\t{ \"title\": \"F\u00f6rdelning enheter\", \"text\": \"Fr\u00e5n vilken device, mobil eller desktop.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/webpage.thispage.png\" }\n  ]\n },\n {\n  \"id\": \"s3\",\n  \"title\": \"Mina brutna l\u00e4nkar\",\n  \"header\": \"Mina brutna l\u00e4nkar\",\n  \"desc\": \"<div class='column'>Brutna l\u00e4nkar \u00e4r en av de vanligaste orsakerna till en negativ anv\u00e4ndarupplevelse p\u00e5 webbplatser. Vi har nu gjort det enklare \u00e4n n\u00e5gonsin att hitta, f\u00f6rst\u00e5 och \u00e5tg\u00e4rda dem.<\/div><div class='column'>I rapporten listas de sidor som inneh\u00e5ller en eller flera brutna l\u00e4nkar, sorterade efter flest sidvisningar, vilket g\u00f6r det l\u00e4tt att prioritera de problem som p\u00e5verkar flest anv\u00e4ndare.<\/div><div class='column'>Med de senaste f\u00f6rb\u00e4ttringarna blir arbetet b\u00e5de snabbare och mer \u00f6versk\u00e5dligt \u2013 oavsett om du arbetar i verktyget dagligen eller bara anv\u00e4nder det mer s\u00e4llan.<\/div>\",\n  \"bgColor\": \"#ff3300\",\n  \"bgImage\": \"\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.broken.png\",\n  \"cardClass\": \"\",\n  \"cards\": [\n\t{ \"title\": \"F\u00f6rb\u00e4ttrad \u00f6verblick\", \"text\": \"L\u00e4nkarna \u00e4r nu tydligt uppdelade mellan s\u00e5dana som finns p\u00e5 enskilda sidor och de som f\u00f6rekommer p\u00e5 flera sidor.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.broken.links.tool.png\" },\n\t{ \"title\": \"Smidig p\u00e5minnelsefunktion\", \"text\": \"Har du missat att r\u00e4tta till en bruten l\u00e4nk? Nu f\u00e5r  du automatiskt en p\u00e5minnelse f\u00f6r l\u00e4nkar som varit felaktiga i mer \u00e4n 30 dagar.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.broken.links.bell.2.png\" },\n\t{ \"title\": \"Tydligare \u00e5tg\u00e4rdsprocess\", \"text\": \"En f\u00f6rb\u00e4ttrad beskrivning guidar dig genom stegen f\u00f6r att \u00e5tg\u00e4rda fel \u2013 och som tidigare markeras brutna l\u00e4nkar i r\u00f6tt, med  en snabbl\u00e4nk direkt till CMS:et.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.broken.links.overlay.png\" }\n  ]\n },\n {\n  \"id\": \"s4\",\n  \"title\": \"Mina sidor att uppdatera\",\n  \"header\": \"Mina sidor att uppdatera\",\n  \"desc\": \"<div class='column'>Se till att alla dina sidor du ansvarar f\u00f6r inneh\u00e5ller korrekt, aktuell och relevant information. I takt med att AI anv\u00e4nds allt mer blir det viktigare \u00e4n n\u00e5gonsin att h\u00e5lla alla sidor uppdaterade.<\/div><div class='column'>Nu introducerar vi nya smarta funktioner som g\u00f6r arbetet \u00e4nnu enklare och mer \u00f6versk\u00e5dligt. Resultatet: snabbare uppdateringar, b\u00e4ttre samarbete och en webbplats som alltid k\u00e4nns aktuell och relevant.<\/div>\",\n  \"bgColor\": \"#443355\",\n  \"bgImage\": \"\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.updates.png\",\n  \"cardClass\": \"\",\n  \"cards\": [\n\t{ \"title\": \"Prioriteringslista\", \"text\": \"En tydlig lista \u00f6ver sidor som beh\u00f6ver granskas \u2013 med de mest bes\u00f6kta sidorna \u00f6verst.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.updates.tool.2.png\" },\n\t{ \"title\": \"Hj\u00e4lpsam overlay\", \"text\": \"F\u00e5 konkreta tips och v\u00e4gledning om vad du b\u00f6r t\u00e4nka p\u00e5 n\u00e4r du granskar inneh\u00e5llet.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.updates.overlay.2.png\" },\n\t{ \"title\": \"Ny meddelandefunktion\", \"text\": \"En unik inbyggd kommunikationsl\u00f6sning som g\u00f6r det enkelt f\u00f6r inneh\u00e5llsansvariga att skicka och ta emot meddelanden direkt i systemet.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.updates.message.2.png\" },\n\t{ \"title\": \"Notifikationer\", \"text\": \"F\u00e5 en tydlig avisering n\u00e4r ett nytt meddelande har kommit.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.updates.notice.2.png\" },\n\t{ \"title\": \"Snabb \u00e5tkomst\", \"text\": \"Beh\u00f6ver du g\u00f6ra en \u00e4ndring? Hoppa direkt till CMS:et med ett klick.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.updates.message.read.png\" }\n  ]\n },\n {\n  \"id\": \"s5\",\n  \"title\": 'Mina obes\u00f6kta sidor',\n  \"header\": 'Mina \"obes\u00f6kta\" sidor',\n  \"desc\": '<div class=\"column\">\"Obes\u00f6kta\" sidor inneb\u00e4r inte bara on\u00f6diga underh\u00e5llskostnader \u2013 de f\u00f6rs\u00e4mrar \u00e4ven webbplatsens kvalitet och struktur.\u2028<br \/>   M\u00e5nga av v\u00e5ra kunder upplever dessutom att sidor med mycket f\u00e5 bes\u00f6k (1\u201315 sidvisningar per \u00e5r) \u00e4r ett problem. D\u00e4rf\u00f6r har vi nu \u00e4ven inkluderat dessa i listan \u00f6ver sidor som beh\u00f6ver ses \u00f6ver.<\/div><div class=\"column\">Den centrala fr\u00e5gan att st\u00e4lla \u00e4r:\u2028 <br \/><span style=\"font-weight:bold;\">Varf\u00f6r \u00e4r sidan obes\u00f6kt?\u2028<\/span> <ul><li>\u00c4r inneh\u00e5llet f\u00f6r\u00e5ldrat och kan tas bort?\u2028<\/li><li>\u00c4r sidan sv\u00e5r att hitta eller otillg\u00e4nglig?\u2028<\/li><li>Finns det tekniska fel som g\u00f6r att den inte bes\u00f6ks?<\/li><\/ul>  <br \/><br \/>Resultatet: en renare, mer relevant och kostnadseffektiv webbplats.<\/div>',  \n  \"bgColor\": \"#0ba819\",\n  \"bgImage\": \"..\/pixabay\/water-droplets-955929_1920.jpg\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.unvisited.png\",\n  \"cardClass\": \"\",\n  \"cards\": [\n\t{ \"title\": \"Tydlig rapport\", \"text\": \"En unik rapport som ger en klar och l\u00e4tt\u00f6versk\u00e5dlig bild \u00f6ver sidor som inte genererar trafik.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.unvisited.main.2.png\" },\n\t{ \"title\": \"Smidig hantering\", \"text\": \"Nu kan du hantera sidorna direkt i verktyget \u2013 \u00e4ndra, flytta eller ta bort med bara n\u00e5gra klick.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.unvisited.handle.png\" },\n\t{ \"title\": \"Enkel kommunikation\", \"text\": \"Os\u00e4ker p\u00e5 vad som b\u00f6r g\u00f6ras? Skicka ett meddelande direkt till webbansvarig f\u00f6r v\u00e4gledning.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.unvisited.comment.png\" }\n  ]\n },\n {\n  \"id\": \"s6\",\n  \"title\": \"Alla mina sidor\",\n  \"header\": \"Alla mina sidor\",\n  \"desc\": 'Os\u00e4ker p\u00e5 vilka sidor du ansvarar f\u00f6r? Vilka har bevakning vilka har inte? I den h\u00e4r rapporten f\u00e5r du en bra kontroll och \u00f6verblick \u00f6ver alla dina sidor. Sidan utveckling m\u00e5nad f\u00f6r m\u00e5nad, 12 m\u00e5nader bak\u00e5t. Med All My Pages f\u00e5r du full kontroll \u00f6ver ditt inneh\u00e5ll \u2013 enkelt, strukturerat och alltid uppdaterat.',\n  \"bgColor\": \"#4455ff\",\n  \"bgImage\": \"\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.website.png\",\n  \"cardClass\": \"\",\n  \"cards\": [\n\t{ \"title\": \"Full \u00f6versikt\", \"text\": \"En tydlig lista \u00f6ver alla dina sidor \u2013 komplett med statistik som visar hur de utvecklas m\u00e5nad f\u00f6r m\u00e5nad.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.pages.2.png\" },\n\t{ \"title\": \"Aktivitetsuppf\u00f6ljning\", \"text\": \"Se snabbt vilka sidor du har varit aktiv p\u00e5 och h\u00e5ll koll p\u00e5 ditt arbete \u00f6ver tid.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.pages.activities.png\" }\n  ]\n },\n {\n  \"id\": \"s7\",\n  \"title\": \"Mina sidors utveckling\",\n  \"header\": \"Mina sidors utveckling\",\n  \"desc\": \"En smart och enkel statistikrapport som ger dig en \u00f6verblick \u00f6ver hur alla dina sidor presterar. J\u00e4mf\u00f6r senaste m\u00e5naden med m\u00e5naden, eller v\u00e4lj annan period i periodv\u00e4ljaren. \u00c4r utvecklingen som f\u00f6rv\u00e4ntat eller inte. H\u00e4r ser du snabbt om n\u00e5got inte \u00e4r som det ska, sida f\u00f6r sida.\",\n  \"bgColor\": \"#ff3300\",\n  \"bgImage\": \"..\/pixabay\/leaf-1631181_1920.jpg\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.website.png\",\n  \"cardClass\": \"\",\n  \"cards\": [\n\t{ \"title\": \"Sidor som g\u00e5tt b\u00e4ttre\", \"text\": \"F\u00f6rb\u00e4ttring \u2013 markeras med gr\u00f6na pilar. \u2028\u00c4r det f\u00f6rv\u00e4ntat? ingen \u00e5tg\u00e4rd?\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.develop.2.png\" },\n\t{ \"title\": \"Sidor som g\u00e5tt s\u00e4mre\", \"text\": \"F\u00f6rs\u00e4mring \u2013 markeras med r\u00f6da pilar. \u2028Bed\u00f6m om n\u00e5gon \u00e5tg\u00e4rd beh\u00f6ver vidtas.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.develop.down.2.png\" }\n  ]\n },\n { \n  \"id\": \"s8\",\n  \"title\": \"Sociala medier\",\n  \"header\": \"<span class='title-main'>Sociala medier<\/span><span class='title-sub'>- f\u00f6lj upp resultatet av alla inl\u00e4gg l\u00e4nkade till sidor du ansvarar f\u00f6r.<\/span>\",\n  \"desc\": \"Allt fler jobbar med sociala media, publicerat inl\u00e4gg p\u00e5 n\u00e5gon social plattform med aktiva l\u00e4nkar till en specifik sida. Nu kan du snabbt och enkelt f\u00f6lja upp resultaten fr\u00e5n dina inl\u00e4gg som l\u00e4nkar till en specifik sida som du ansvarar f\u00f6r. I rapporten kan du ocks\u00e5 j\u00e4mf\u00f6ra resultatet med en tidigare period.\",\n  \"bgColor\": \"#443355\",\n  \"bgImage\": \"\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.website.png\",\n  \"cardClass\": \"\",\n  \"cards\": [\n\t{ \"title\": \"\u00d6verblick\", \"text\": \"En summering av alla aktiviteter: F\u00e5 en \u00f6verblick \u00f6ver de vanligaste plattformarna.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.social.2.png\" },\n\t{ \"title\": \"Resultat per sida\", \"text\": \"Se resultatet och trenden av varje inl\u00e4gg som l\u00e4nkar till en specifik sida.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.social.trend.png\" }\n  ]\n },\n {\n  \"id\": \"s9\",\n  \"title\": \"Statistik f\u00f6r sidan\",\n  \"header\": \"Statistik f\u00f6r sidan\",\n  \"desc\": \"En av de mest anv\u00e4nda rapporterna i Vizzit. Det \u00e4r en sammanfattande rapport men flera intressanta nyckeltal, \u00f6ver en specifik sida p\u00e5 din webbplats. Du hittar den som en direktl\u00e4nk i redakt\u00f6rsl\u00e4get inne i CMSet, alternativt fr\u00e5n din dashboard. G\u00e5r du via din dashboard v\u00e4ljer du vilken sida du vill analysera under knappen \u201cByt sida\u201d.\",\n  \"bgColor\": \"#0ba819\",\n  \"bgImage\": \"..\/pixabay\/pink-flower-4299217_1920.jpg\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.website.png\",\n  \"cardClass\": \"\",\n  \"cards\": [  \n\t{ \"title\": \"Statistik f\u00f6r aktuell sida\", \"text\": \"<ul><li>Olika nyckeltal f\u00f6r sidan<\/li><li>Orangea staplarna visar att den specifika dagen har en \u00e4ndring gjorts p\u00e5 sidan<\/li><li>Var kom bes\u00f6karen ifr\u00e5n och var gick dem<\/li><\/ul>\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/webpage.thispage.png\" },\n\t{ \"title\": \"F\u00f6rdelning enheter\", \"text\": \"Fr\u00e5n vilken device, mobil eller desktop.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/webpage.thispage.png\" }\n  ]\n },\n {\n  \"id\": \"s10\",\n  \"title\": \"Mina brutna l\u00e4nkar\",\n  \"header\": \"Mina brutna l\u00e4nkar\",\n  \"desc\": \"<div class='column'>Brutna l\u00e4nkar \u00e4r en av de vanligaste orsakerna till en negativ anv\u00e4ndarupplevelse p\u00e5 webbplatser. Vi har nu gjort det enklare \u00e4n n\u00e5gonsin att hitta, f\u00f6rst\u00e5 och \u00e5tg\u00e4rda dem.<\/div><div class='column'>I rapporten listas de sidor som inneh\u00e5ller en eller flera brutna l\u00e4nkar, sorterade efter flest sidvisningar, vilket g\u00f6r det l\u00e4tt att prioritera de problem som p\u00e5verkar flest anv\u00e4ndare.<\/div><div class='column'>Med de senaste f\u00f6rb\u00e4ttringarna blir arbetet b\u00e5de snabbare och mer \u00f6versk\u00e5dligt \u2013 oavsett om du arbetar i verktyget dagligen eller bara anv\u00e4nder det mer s\u00e4llan.<\/div>\",\n  \"bgColor\": \"#ff3300\",\n  \"bgImage\": \"\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.broken.png\",\n  \"cardClass\": \"\",\n  \"cards\": [\n\t{ \"title\": \"F\u00f6rb\u00e4ttrad \u00f6verblick\", \"text\": \"L\u00e4nkarna \u00e4r nu tydligt uppdelade mellan s\u00e5dana som finns p\u00e5 enskilda sidor och de som f\u00f6rekommer p\u00e5 flera sidor.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.broken.links.tool.png\" },\n\t{ \"title\": \"Smidig p\u00e5minnelsefunktion\", \"text\": \"Har du missat att r\u00e4tta till en bruten l\u00e4nk? Nu f\u00e5r  du automatiskt en p\u00e5minnelse f\u00f6r l\u00e4nkar som varit felaktiga i mer \u00e4n 30 dagar.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.broken.links.bell.2.png\" },\n\t{ \"title\": \"Tydligare \u00e5tg\u00e4rdsprocess\", \"text\": \"En f\u00f6rb\u00e4ttrad beskrivning guidar dig genom stegen f\u00f6r att \u00e5tg\u00e4rda fel \u2013 och som tidigare markeras brutna l\u00e4nkar i r\u00f6tt, med  en snabbl\u00e4nk direkt till CMS:et.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.broken.links.overlay.png\" }\n  ]\n },\n {\n  \"id\": \"s11\",\n  \"title\": \"Mina sidor att uppdatera\",\n  \"header\": \"Mina sidor att uppdatera\",\n  \"desc\": \"<div class='column'>Se till att alla dina sidor du ansvarar f\u00f6r inneh\u00e5ller korrekt, aktuell och relevant information. I takt med att AI anv\u00e4nds allt mer blir det viktigare \u00e4n n\u00e5gonsin att h\u00e5lla alla sidor uppdaterade.<\/div><div class='column'>Nu introducerar vi nya smarta funktioner som g\u00f6r arbetet \u00e4nnu enklare och mer \u00f6versk\u00e5dligt. Resultatet: snabbare uppdateringar, b\u00e4ttre samarbete och en webbplats som alltid k\u00e4nns aktuell och relevant.<\/div>\",\n  \"bgColor\": \"#443355\",\n  \"bgImage\": \"\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.updates.png\",\n  \"cardClass\": \"\",\n  \"cards\": [\n\t{ \"title\": \"Prioriteringslista\", \"text\": \"En tydlig lista \u00f6ver sidor som beh\u00f6ver granskas \u2013 med de mest bes\u00f6kta sidorna \u00f6verst.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.updates.tool.2.png\" },\n\t{ \"title\": \"Hj\u00e4lpsam overlay\", \"text\": \"F\u00e5 konkreta tips och v\u00e4gledning om vad du b\u00f6r t\u00e4nka p\u00e5 n\u00e4r du granskar inneh\u00e5llet.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.updates.overlay.2.png\" },\n\t{ \"title\": \"Ny meddelandefunktion\", \"text\": \"En unik inbyggd kommunikationsl\u00f6sning som g\u00f6r det enkelt f\u00f6r inneh\u00e5llsansvariga att skicka och ta emot meddelanden direkt i systemet.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.updates.message.2.png\" },\n\t{ \"title\": \"Notifikationer\", \"text\": \"F\u00e5 en tydlig avisering n\u00e4r ett nytt meddelande har kommit.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.updates.notice.2.png\" },\n\t{ \"title\": \"Snabb \u00e5tkomst\", \"text\": \"Beh\u00f6ver du g\u00f6ra en \u00e4ndring? Hoppa direkt till CMS:et med ett klick.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.updates.message.read.png\" }\n  ]\n }\n];\n\n\n\/* ---------- *NEW - Hela webbplatsen ---------- *\/\n\n    const siteDashboardSectionsMeta = [\n {\n  \"id\": \"s1\",\n  \"title\": \"UTM\",\n  \"header\": \"<span class='title-main'>UTM<\/span><span class='title-sub'>- Ett verktyg f\u00f6r att sp\u00e5ra \u2028l\u00e4nkad trafik till webbplatsen.<\/span>\",\n  \"desc\": '<div>Ett UTM-verktyg anv\u00e4nds f\u00f6r att m\u00e4ta, j\u00e4mf\u00f6ra och optimera all digital kommunikation som leder trafik till din webbplats. Det \u00e4r ett av de viktigaste verktygen f\u00f6r att g\u00e5 fr\u00e5n \u201dvi tror att det fungerar\u201d till \u201dvi vet vad som fungerar\u201d.<\/div><div>Vilken annons gav flest bes\u00f6k? Vad gav kampanjen f\u00f6r resultat? Gav LinkedIn eller nyhetsbrevet flest leads? F\u00f6r att f\u00e5 svar p\u00e5 dessa fr\u00e5gor kan du anv\u00e4nda skapa<\/div>',\n  \"bgColor\": \"#0ba819\",\n  \"bgImage\": \"\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.website.png\",\n  \"cardClass\": \"\",\n  \"cards\": [\n\t{ \"title\": \"\", \"text\": \"\", \"img\": \"\" }\n  ]\n },\n {\n  \"id\": \"s2\",\n  \"title\": \"Vizzit - Insight\",\n  \"header\": \"<span class='title-main'>Vizzit - Insight<\/span><span class='title-sub'>- Enkelt analysverktyg f\u00f6r tydliga insikter<\/span>\",\n  \"desc\": '<div>Allt fler efterfr\u00e5gar ett enkelt och \u00f6versk\u00e5dligt analysverktyg. Alla organisationer har inte behov av avancerade funktioner eller komplexa rapporter.<\/div><div>Vizzit Insight \u00e4r ett utm\u00e4rkt komplement f\u00f6r dig som vill f\u00e5 tydliga insikter \u2013 snabbt och enkelt. Med verktygets overlayfunktion visas flera analyser direkt p\u00e5 den egna webbplatsen, utan kr\u00e5ngliga gr\u00e4nssnitt.<\/div><div>Du kan bevaka specifika sidor, analysera hur bes\u00f6kare navigerar p\u00e5 webbplatsen och f\u00e5 svar p\u00e5 viktiga fr\u00e5gor:\u2028 Var kommer bes\u00f6karna ifr\u00e5n? Hur r\u00f6r de sig p\u00e5 sajten? Var l\u00e4mnar de webbplatsen?<\/div>',\n  \"bgColor\": \"#0ba819\",\n  \"bgImage\": \"\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.website.png\",\n  \"cardClass\": \"\",\n  \"cards\": [\n\t{ \"title\": \"\", \"text\": \"\", \"img\": \"\" }\n  ]\n },\n {\n  \"id\": \"s3\",\n  \"title\": \"Brutna l\u00e4nkar\",\n  \"header\": \"<span class='title-main'>Brutna l\u00e4nkar<\/span><span class='title-sub'>- Smartare hantering av trasiga l\u00e4nkar<\/span>\",\n  \"desc\": '<div class=\"column\">Nu f\u00e5r du som ansvarig f\u00f6r hela webbplatsen en helt\u00e4ckande och detaljerad \u00f6verblick \u00f6ver alla brutna l\u00e4nkar. Den nya vyn ger dig inte bara kontroll \u00f6ver omfattningen av problemet, utan ocks\u00e5 insikt i hur arbetet fortskrider inom hela webborganisationen. Du kan snabbt se vem som ansvarar f\u00f6r varje sida, f\u00f6lja upp att \u00e5tg\u00e4rder verkligen genomf\u00f6rs och uppt\u00e4cka om det finns delar av organisationen d\u00e4r arbetet riskerar att halka efter.<\/div><div class=\"column\">\u00d6versikten g\u00f6r det dessutom m\u00f6jligt att direkt reparera l\u00e4nkar p\u00e5 ett snabbt och enkelt. Resultatet \u00e4r en effektivare arbetsprocess, b\u00e4ttre kvalitet p\u00e5 webbplatsen och en tryggare f\u00f6rvaltning \u00f6ver tid.<br \/><br \/>Med dessa f\u00f6rb\u00e4ttringar blir arbetet med brutna l\u00e4nkar b\u00e5de effektivare och mer \u00f6versk\u00e5dligt \u2013 oavsett om du \u00e4r daglig anv\u00e4ndare eller bara loggar in ibland.<\/div>',\n  \"bgColor\": \"#443355\",\n  \"bgImage\": \"\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.broken.png\",\n  \"cardClass\": \"\",\n  \"cards\": [\n\t{ \"title\": \"B\u00e4ttre \u00f6verblick\", \"text\": \"L\u00e4nkar delas upp mellan enskilda sidor och l\u00e4nkar som f\u00f6rekommer p\u00e5 flera sidor, vilket g\u00f6r det l\u00e4ttare att se omfattningen av ett problem.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/webpage.broken.2.png\" },\n\t{ \"title\": \"Tydlig markering\", \"text\": \"Den brutna l\u00e4nken markeras direkt p\u00e5 sidan, vilket g\u00f6r det snabbt att hitta och \u00e5tg\u00e4rda felet.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/webpage.broken.overlay.png\" },\n\t{ \"title\": \"Automatiska varningar\", \"text\": \"Du f\u00e5r nu en tydlig varning f\u00f6r l\u00e4nkar som har varit brutna i mer \u00e4n 30 dagar, s\u00e5 att inget faller mellan stolarna.\", \"img\": \"\" },\n\t{ \"title\": \"Ansvarsf\u00f6rdelning\", \"text\": \"Du ser direkt vem som ansvarar f\u00f6r sidan d\u00e4r l\u00e4nken finns \u2013 perfekt f\u00f6r samarbete inom teamet.\", \"img\": \"\" },\n\t{ \"title\": \"F\u00f6rb\u00e4ttrad v\u00e4gledning\", \"text\": \"Nya, tydligare instruktioner guidar s\u00e4rskilt s\u00e4llananv\u00e4ndare genom hela \u00e5tg\u00e4rdsprocessen.\", \"img\": \"\" },\n\t{ \"title\": \"Snabbl\u00e4nk till CMS\", \"text\": \"En direktl\u00e4nk till CMS:et g\u00f6r att du kan g\u00e5 fr\u00e5n varning till \u00e5tg\u00e4rd med ett klick.\", \"img\": \"\" }\n  ]\n },\n {\n  \"id\": \"s4\",\n  \"title\": \"Sidor att uppdatera\",\n  \"header\": \"<span class='title-main'>Sidor att uppdatera<\/span><span class='title-sub'>\u2013 H\u00e5ll inneh\u00e5llet aktuellt<\/span>\",\n  \"desc\": '<div class=\"column\">Dina bes\u00f6kare f\u00f6rv\u00e4ntar sig att inneh\u00e5llet p\u00e5 webbplatsen \u00e4r aktuellt och korrekt \u2013 n\u00e5got som tyv\u00e4rr alltf\u00f6r ofta brister. I takt med att AI anv\u00e4nds allt mer f\u00f6r att h\u00e4mta och sammanst\u00e4lla information \u00f6kar ocks\u00e5 kraven p\u00e5 att webbplatsens inneh\u00e5ll \u00e4r granskat, uppdaterat och tillf\u00f6rlitligt.<\/div><div class=\"column\">Med nya Page Update har vi gjort detta arbete betydligt enklare. Hela \u00e5tg\u00e4rdsprocessen \u00e4r nu integrerad direkt i verktyget, och den smarta meddelandefunktionen g\u00f6r att inneh\u00e5llsansvariga och redakt\u00f6rer kan samarbeta smidigt och effektivt.<\/div><div class=\"column\">Som webbansvarig f\u00e5r du en tydlig och aktuell \u00f6verblick \u00f6ver alla sidor: du ser omedelbart vad som \u00e4r uppdaterat, vad som \u00e5terst\u00e5r att g\u00f6ra och vem som ansvarar f\u00f6r vilket inneh\u00e5ll. Det ger b\u00e4ttre kontroll, h\u00f6gre kvalitet \u2013 och en mer h\u00e5llbar inneh\u00e5llsf\u00f6rvaltning.<\/div>',\n  \"bgColor\": \"#0ba819\",\n  \"bgImage\": \"..\/pixabay\/pink-flower-4299217_1920.jpg\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.updates.png\",\n  \"cardClass\": \"\",\n  \"cards\": [\n\t{ \"title\": \"\u00d6verblick\", \"text\": \"Full \u00f6verblick \u00f6ver sidor som beh\u00f6ver uppdateras.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/webpage.updates.2.png\" },\n\t{ \"title\": \"Kommunikation\", \"text\": \"Kommunikation direkt i verktyget.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/webpage.updates.message.png\" },\n\t{ \"title\": \"Statussp\u00e5rning\", \"text\": \"Se vilka \u00e5tg\u00e4rder som \u00e5terst\u00e5r, blir det gjort?\", \"img\": \"\" },\n\t{ \"title\": \"Ansvarsdelning\", \"text\": \"Se vem som \u00e4r ansvarig per sida - Redakt\u00f6r samt Inneh\u00e5llsansvarig.\", \"img\": \"\" },\n\t{ \"title\": \"Historik\", \"text\": \"Historik \u00f6ver \u00e5tg\u00e4rder och kommentarer.\", \"img\": \"\" },\n\t{ \"title\": \"P\u00e5minnelser\", \"text\": \"P\u00e5minnelser och notiser f\u00f6r b\u00e4ttre uppf\u00f6ljning.\", \"img\": \"\" }\n  ]\n },\n {\n  \"id\": \"s5\",\n  \"title\": \"Obes\u00f6kta sidor\",\n  \"header\": \"<span class='title-main'>\u201dObes\u00f6kta\u201d sidor<\/span><span class='title-sub'>- identifiera och st\u00e4da bort inneh\u00e5ll som ingen anv\u00e4nder<\/span>\",\n  \"desc\": '<div class=\"column\">Nu har vi uppdaterat, ett av de mest anv\u00e4nda verktyget med m\u00e5nga nya funktioner och rapporter.\u2028 F\u00f6rutom att visa helt obes\u00f6kta sidor inkluderar verktyget nu \u00e4ven sidor med mycket f\u00e5 bes\u00f6k under de senaste 12 m\u00e5naderna \u2013 en efterfr\u00e5gad funktion bland v\u00e5ra anv\u00e4ndare.<\/div><div class=\"column\">Det \u00e4r dessutom m\u00f6jligt att hantera sidorna direkt i verktyget, med enkel \u00e5tkomst till CMS:et. Som webbansvarig f\u00e5r du en tydlig \u00f6verblick \u00f6ver hela processen: vem som g\u00f6r vad, vad som \u00e5terst\u00e5r att g\u00f6ra och hur utvecklingen sett ut de senaste 12 m\u00e5naderna.<\/div>',\n  \"bgColor\": \"#ff3300\",\n  \"bgImage\": \"\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.unvisited.png\",\n  \"cardClass\": \"\",\n  \"cards\": [\n\t{ \"title\": \"Funktioner och nyheter\", \"text\": \"<ol><li>Lista \u00f6ver alla obes\u00f6kta sidor<\/li><li>Visning av sidor med f\u00e5 bes\u00f6k under det senaste \u00e5ret<\/li><li>Tydlig information om redakt\u00f6r och inneh\u00e5llsansvarig f\u00f6r respektive sida<\/li><li>M\u00f6jlighet att hantera sidorna direkt i verktyget \u2013 med snabb \u00e5tkomst till CMS:et<\/li><\/ol>\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/webpage.unvisited.2.png\" },\n\t{ \"title\": \"Kommentera\", \"text\": \"M\u00f6jlighet att l\u00e4gga till kommentarer, t.ex.\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/my.unvisited.comment.png\" },\n\t{ \"title\": \"Historik\", \"text\": \"Historik 12 m\u00e5nader bak\u00e5t \u2013 f\u00f6lj upp arbetet och se om \u201cst\u00e4dningen\u201d gett resultat\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/webpage.unvisited.history.png\" }\n  ]\n },\n {\n  \"id\": \"s6\",\n  \"title\": \"Roller & Aktiviteter\",\n  \"header\": \"<span class='title-main'>Roller och aktiviteter<\/span><span class='title-sub'>- f\u00e5 full kontroll \u00f6ver webborganisationens arbete<\/span>\",\n  \"desc\": '<div class=\"column\">Ett nytt verktyg som ger dig som webbansvarig en unik \u00f6verblick \u00f6ver hur webborganisationen arbetar. Vem g\u00f6r vad? Vilka \u00e4r mest aktiva \u2013 och finns det redakt\u00f6rer som inte l\u00e4ngre \u00e4r aktiva?\u2028  Att utbilda och underh\u00e5lla en webborganisation inneb\u00e4r ofta stora kostnader. Med detta verktyg blir uppf\u00f6ljningen betydligt enklare och mer transparent.<\/div><div class=\"column\">Rapporten visar vilka roller varje person har \u2013 redakt\u00f6r, inneh\u00e5llsansvarig eller nodansvarig och vilka sidor de ansvarar f\u00f6r.\u2028  Dessutom f\u00e5r du en historik 12 m\u00e5nader bak\u00e5t, s\u00e5 att du kan f\u00f6lja utvecklingen och se om arbetet med webbplatsen har blivit mer effektivt.<\/div>',\n  \"bgColor\": \"#443355\",\n  \"bgImage\": \"\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.unvisited.png\",\n  \"cardClass\": \"noCardStyle\",\n  \"cards\": [\n\t{ \"title\": \"Funktioner\", \"text\": \"<ul><li>\u00d6verblick \u00f6ver hela webborganisationens aktivitet \u2013 m\u00e5nad f\u00f6r m\u00e5nad<\/li><li>Identifiera inaktiva redakt\u00f6rer<\/li><li>Se alla ansvarsroller i organisationen<\/li><li>F\u00f6rdelning av roller mellan redakt\u00f6r, inneh\u00e5llsansvarig och nodansvarig<\/li><\/ul>\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/webpage.roles.2.png\" }\n  ]\n },\n {\n  \"id\": \"s7\",\n  \"title\": \"Webbplatsens\u2028 utveckling\",\n  \"header\": \"<span class='title-main'>Webbplatsens utveckling<\/span><span class='title-sub'>\u2013 f\u00e5 koll p\u00e5 trenderna<\/span>\",\n  \"desc\": '<div class=\"column\">En enkel men kraftfull statistikrapport som ger dig en tydlig \u00f6verblick \u00f6ver alla sidor p\u00e5 webbplatsen. Rapporten visar hur varje sida har utvecklats under den senaste m\u00e5naden j\u00e4mf\u00f6rt med f\u00f6reg\u00e5ende \u2013 men du givetvis v\u00e4lja andra tidsperioder.<\/div><div class=\"column\">Du f\u00e5r tydlig \u00f6verblick \u00f6ver vilka sidor som har f\u00f6rb\u00e4ttrats, f\u00f6rs\u00e4mrats eller f\u00f6rblivit of\u00f6r\u00e4ndrade, och avg\u00f6r om resultaten \u00e4r v\u00e4ntade eller om n\u00e5got ov\u00e4ntat har skett \u2013 positivt eller negativt.<\/div>',\n  \"bgColor\": \"#0ba819\",\n  \"bgImage\": \"..\/pixabay\/water-droplets-955929_1920.jpg\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.website.png\",\n  \"cardClass\": \"noCardStyle\",\n  \"cards\": [\n\t{ \"title\": \"\", \"text\": \"<ul><li>Tydlig och \u00f6versk\u00e5dlig rapport \u00f6ver alla sidor p\u00e5 webbplatsen<\/li><li>Rangordning av resultat \u2013 fr\u00e5n b\u00e4st till s\u00e4mst utveckling<\/li><li>J\u00e4mf\u00f6relse mellan enskilda sidor och webbplatsens totala utveckling<\/li><li>Visning av publicerings- och avpubliceringsdatum inom vald period<\/li><\/ul>\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/webpage.develop.2.png\" }\n  ]\n },\n {\n  \"id\": \"s8\",\n  \"title\": \"Sociala medier\",\n  \"header\": \"<span class='title-main'>Sociala medier<\/span><span class='title-sub'>- f\u00f6lj upp resultatet av alla inl\u00e4gg l\u00e4nkade till webbplatsen<\/span>\",\n  \"desc\": '<div class=\"column\">En ny rapport som g\u00f6r det enkelt att f\u00f6lja upp trafiken fr\u00e5n sociala medier till webbplatsens alla sidor.<\/div><div class=\"column\">V\u00e4lj vilken plattform eller kanal du vill analysera, klicka p\u00e5 den sida som inl\u00e4gget l\u00e4nkar till \u2013 resultatet visas tydligt i b\u00e5de tabell och graf.<\/div>',\n  \"bgColor\": \"#4455ff\",\n  \"bgImage\": \"\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.website.png\",\n  \"cardClass\": \"noCardStyle\",\n  \"cards\": [\n\t{ \"title\": \"\", \"text\": \"<ul><li>\u00d6verblick all l\u00e4nkad trafik fr\u00e5n sociala medier till webbplatsen<\/li><li>M\u00f6jlighet att analysera ett specifikt inl\u00e4gg och dess l\u00e4nkade sida<\/li><li>Utveckling \u00f6ver tid \u2013 se hur resultaten f\u00f6r\u00e4ndras<\/li><li>J\u00e4mf\u00f6r olika perioder och resultat<\/li><\/ul>\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/webpage.social.2.png\" }\n  ]\n },\n {\n  \"id\": \"s9\",\n  \"title\": \"Mest bes\u00f6kta sidor\",\n  \"header\": \"<span class='title-main'>Mest bes\u00f6kta sidor<\/span><span class='title-sub'>- f\u00e5 koll p\u00e5 vad som verkligen engagerar och driver trafik<\/span>\",\n  \"desc\": '<div class=\"column\">V\u00e5r mest efterfr\u00e5gade rapport i Web Analyzer finns nu tillg\u00e4nglig direkt i Vizzits nya dashboard, kompletterad med flera smarta funktioner.\u2028   V\u00e4lj det omr\u00e5de du vill analysera i sidtr\u00e4det till v\u00e4nster och klicka p\u00e5 Aktivera \u2013 enklare \u00e4n s\u00e5 blir det inte. <\/div><div class=\"column\">Resultatet visas i en tydlig tabell med nyckeltal f\u00f6r den valda noden och dess utveckling jmf med tidigare period, f\u00f6ljt av en lista \u00f6ver de mest bes\u00f6kta sidorna i fallande ordning. Klicka p\u00e5 (+) s\u00e5 visas en graf \u00f6ver den specifika sidans utveckling.<\/div><div class=\"column\">Du kan \u00e4ven j\u00e4mf\u00f6ra utvecklingen \u00f6ver tid genom att v\u00e4lja en annan period, eller j\u00e4mf\u00f6ra olika omr\u00e5den och noder med varandra f\u00f6r att snabbt uppt\u00e4cka trender och identifiera sidor som beh\u00f6ver \u00e5tg\u00e4rdas.<\/div>',\n  \"bgColor\": \"#ff3300\",\n  \"bgImage\": \"..\/pixabay\/leaf-1631181_1920.jpg\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.website.png\",\n  \"cardClass\": \"noCardStyle\",\n  \"cards\": [\n\t{ \"title\": \"\", \"text\": \"<ul><li>Oslagbart enkel rapport \u2013 v\u00e4lj omr\u00e5de direkt i det \u00f6versk\u00e5dliga sidtr\u00e4det<\/li><li>Visar de viktigaste nyckeltalen f\u00f6r det valda omr\u00e5det<\/li><li>Lista \u00f6ver mest eller minst bes\u00f6kta sidor<\/li><li>M\u00f6jlighet att j\u00e4mf\u00f6ra olika omr\u00e5den eller noder med varandra<\/li><li>Tidsj\u00e4mf\u00f6relse mellan valfria perioder f\u00f6r att f\u00f6lja utvecklingen<\/li><\/ul>\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/webpage.most.visited.2.png\" }\n  ]\n },\n {\n  \"id\": \"s10\",\n  \"title\": \"Statistik f\u00f6r webbplatsen\",\n  \"header\": \"<span class='title-main'>Statistik f\u00f6r webbplatsen<\/span><span class='title-sub'>- De mest efterfr\u00e5gade statistikrapporterna\u2028samlade p\u00e5 ett st\u00e4lle<\/span>\",\n  \"desc\": \"F\u00f6r att g\u00f6ra det enklare f\u00f6r anv\u00e4ndarna har vi samlat de mest efterfr\u00e5gade statistikrapporterna p\u00e5 ett och samma st\u00e4lle. En rapport som ger en bra \u00f6verblick \u00f6ver webbplatsens viktigaste nyckeltal och anv\u00e4ndarbeteenden \u2013 allt p\u00e5 ett st\u00e4lle.\",\n  \"bgColor\": \"#443355\",\n  \"bgImage\": \"\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.website.png\",\n  \"cardClass\": \"noCardStyle\",\n  \"cards\": [\n\t{ \"title\": \"\", \"text\": \"<ul><li>V\u00e4lj valfri period att analysera<\/li><li>Nyckeltal: de sex mest efterfr\u00e5gade m\u00e4tpunkterna<\/li><li>Vanligaste ing\u00e5ngs- och utg\u00e5ngssidorna p\u00e5 webbplatsen<\/li><li>Obes\u00f6kta sidor<\/li><li>Mest bes\u00f6kta sidor<\/li><li>Intern s\u00f6kfunktion: vilka ord och fraser s\u00f6ker bes\u00f6karna p\u00e5?<\/li><li>Ensidesbes\u00f6k (bounce rate)<\/li><li>Externa l\u00e4nkar som finns p\u00e5 webbplatsen<\/li><li>Nedladdade filer och dokument<\/li><li>Trafikk\u00e4llor: uppdelning mellan inkommande l\u00e4nkar och s\u00f6kmotorer<\/li><\/ul>\", \"img\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/webpage.thiswebsite.trend.png\" }\n  ]\n },\n {\n  \"id\": \"s11\",\n  \"title\": \"Tag Manager\",\n  \"header\": \"<span class='title-main'>Tag Manager \u2013 \u201cEvent tracker\u201d<\/span><span class='title-sub'>- sp\u00e5ra och f\u00f6rst\u00e5 bes\u00f6karnas beteende<\/span>\",\n  \"desc\": '<div>Med Tag Manager kan du enkelt sp\u00e5ra h\u00e4ndelser och analysera hur bes\u00f6karna beter sig p\u00e5 webbplatsen.<\/div><div>Vill du veta exempelvis: hur l\u00e5ngt anv\u00e4ndarna scrollar, vilka element de klickar p\u00e5, som expanderbara menyer, plusmenyer, formul\u00e4r, nedladdningsl\u00e4nkar eller videor.<\/div><div>Ett mycket anv\u00e4ndbart verktyg f\u00f6r att f\u00f6rst\u00e5 om bes\u00f6karna beter sig som du f\u00f6rv\u00e4ntat och om webbplatsen anv\u00e4nds p\u00e5 det s\u00e4tt som var t\u00e4nkt.<\/div>',\n  \"bgColor\": \"#0ba819\",\n  \"bgImage\": \"..\/pixabay\/pink-flower-4299217_1920.jpg\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.website.png\",\n  \"cardClass\": \"noCardStyle\",\n  \"cards\": [\n\t{ \"title\": \"\", \"text\": \"<span>Med Tag Manager kan du enkelt sp\u00e5ra h\u00e4ndelser och analysera hur bes\u00f6karna beter sig p\u00e5 webbplatsen.<\/span><span>Vill du veta exempelvis: hur l\u00e5ngt anv\u00e4ndarna scrollar, vilka element de klickar p\u00e5, som expanderbara menyer, plusmenyer, formul\u00e4r, nedladdningsl\u00e4nkar eller videor.<\/span><span>Ett mycket anv\u00e4ndbart verktyg f\u00f6r att f\u00f6rst\u00e5 om bes\u00f6karna beter sig som du f\u00f6rv\u00e4ntat och om webbplatsen anv\u00e4nds p\u00e5 det s\u00e4tt som var t\u00e4nkt.<\/span>\", \"img\": \"\/h\/wp-content\/uploads\/2026\/01\/webpage.tagmanager.png\" }\n  ]\n },\n {\n  \"id\": \"s12\",\n  \"title\": \"UTM\",\n  \"header\": \"<span class='title-main'>UTM<\/span><span class='title-sub'>- Ett verktyg f\u00f6r att sp\u00e5ra \u2028l\u00e4nkad trafik till webbplatsen.<\/span>\",\n  \"desc\": '<div>Ett UTM-verktyg anv\u00e4nds f\u00f6r att m\u00e4ta, j\u00e4mf\u00f6ra och optimera all digital kommunikation som leder trafik till din webbplats. Det \u00e4r ett av de viktigaste verktygen f\u00f6r att g\u00e5 fr\u00e5n \u201dvi tror att det fungerar\u201d till \u201dvi vet vad som fungerar\u201d.<\/div><div>Vilken annons gav flest bes\u00f6k? Vad gav kampanjen f\u00f6r resultat? Gav LinkedIn eller nyhetsbrevet flest leads? F\u00f6r att f\u00e5 svar p\u00e5 dessa fr\u00e5gor kan du anv\u00e4nda skapa<\/div>',\n  \"bgColor\": \"#0ba819\",\n  \"bgImage\": \"\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.website.png\",\n  \"cardClass\": \"noCardStyle\",\n  \"cards\": [\n\t{ \"title\": \"\", \"text\": \"<span>Ett UTM-verktyg anv\u00e4nds f\u00f6r att m\u00e4ta, j\u00e4mf\u00f6ra och optimera all digital kommunikation som leder trafik till din webbplats. Det \u00e4r ett av de viktigaste verktygen f\u00f6r att g\u00e5 fr\u00e5n \u201dvi tror att det fungerar\u201d till \u201dvi vet vad som fungerar\u201d.<span\/><span>Vilken annons gav flest bes\u00f6k? Vad gav kampanjen f\u00f6r resultat? Gav LinkedIn eller nyhetsbrevet flest leads?<span\/>\", \"img\": \"\/h\/wp-content\/uploads\/2026\/01\/webpage.utm_.png\" }\n  ]\n },\n {\n  \"id\": \"s13\",\n  \"title\": \"Vizzit - Insight\",\n  \"header\": \"<span class='title-main'>Vizzit - Insight<\/span><span class='title-sub'>- Enkelt analysverktyg f\u00f6r tydliga insikter<\/span>\",\n  \"desc\": '<div>Allt fler efterfr\u00e5gar ett enkelt och \u00f6versk\u00e5dligt analysverktyg. Alla organisationer har inte behov av avancerade funktioner eller komplexa rapporter.<\/div><div>Vizzit Insight \u00e4r ett utm\u00e4rkt komplement f\u00f6r dig som vill f\u00e5 tydliga insikter \u2013 snabbt och enkelt. Med verktygets overlayfunktion visas flera analyser direkt p\u00e5 den egna webbplatsen, utan kr\u00e5ngliga gr\u00e4nssnitt.<\/div><div>Du kan bevaka specifika sidor, analysera hur bes\u00f6kare navigerar p\u00e5 webbplatsen och f\u00e5 svar p\u00e5 viktiga fr\u00e5gor:\u2028 Var kommer bes\u00f6karna ifr\u00e5n? Hur r\u00f6r de sig p\u00e5 sajten? Var l\u00e4mnar de webbplatsen?<\/div>',\n  \"bgColor\": \"#0ba819\",\n  \"bgImage\": \"\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.website.png\",\n  \"cardClass\": \"\",\n  \"cards\": [\n\t{ \"title\": \"\", \"text\": \"<ul><li><\/li><\/ul>\", \"img\": \"\/h\/wp-content\/uploads\/2026\/01\/link.analysis.jpg\" }\n  ]\n },\n {\n  \"id\": \"s14\",\n  \"title\": \"Broken Links\",\n  \"header\": \"\",\n  \"desc\": \"Lorem Ipsum\",\n  \"bgColor\": \"#443355\",\n  \"bgImage\": \"\",\n  \"thumb\": \"\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.broken.png\",\n  \"cardClass\": \"\",\n  \"cards\": [\n\t{ \"title\": \"\", \"text\": \"\", \"img\": \"\" }\n  ]\n }\n];\n\n\/* ----------                         ---------- *\/\n\n\n    function renderView({ metaArray, navTrackEl, mainEl }) {\n\t  metaArray.forEach((meta, idx) => {\n\t\t\/\/ nav item\n\t\tconst navItem = document.createElement('div')\n\t\tnavItem.className = 'nav-item'\n\t\t\n\t\tif (meta.thumb == '\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.broken.png') navItem.className += ' red'\n\t\tif (meta.thumb == '\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.updates.png') navItem.className += ' purple'\n\t\tif (meta.thumb == '\/h\/wp-content\/themes\/vizzit\/images\/new-dashboard\/thumbnail.unvisited.png') navItem.className += ' green'\n\t\t\n\t\tnavItem.dataset.index = idx\n\t\tnavItem.innerHTML = `\n\t\t  <img src=\"${meta.thumb}\" alt=\"${meta.title} thumbnail\">\n\t\t  <div class=\"nav-title\">${meta.title}<\/div>\n\t\t`\n\t\tnavTrackEl.appendChild(navItem)\n\n\t\t\/\/ section\n\t\tconst sec = document.createElement('section')\n\t\tsec.id = meta.id\n\t\tsec.dataset.index = idx\n\n\t\tlet bgStyle = ''\n\t\tif (meta.bgColor) bgStyle += `background:${meta.bgColor};`\n\t\tif (meta.bgImage) bgStyle += `background-image: url('${meta.bgImage}');`\n\t\t\n\t\tsec.innerHTML = `\n\t\t  <div class=\"section-bg\" style=\"${bgStyle}\">\n\t\t\t<div class=\"section-inner\">\n\t\t\t  <div class=\"section-label\">\n\t\t\t\t<div class=\"section-header\">\n\t\t\t\t\t<h2 class=\"section-headline\">${meta.header}<\/h2>\n\t\t\t\t<\/div>\n\t\t\t\t<h3 class=\"section-desc\">${meta.desc}<\/h3>\n\t\t\t  <\/div>\n\t\t\t  <div class=\"section-content\">\n\t\t\t\t<div class=\"left ${meta.cardClass}\">\n\t\t\t\t  ${meta.cards.map((c,i) => `\n\t\t\t\t\t<div class=\"card ${i===0?'active':''}\" data-img=\"${c.img}\">\n\t\t\t\t\t  <div class=\"toggle-btn\"><div class=\"plus-icon\"><\/div><\/div>\n\t\t\t\t\t  <div class=\"card-layout\">\n\t\t\t\t\t\t<div class=\"card-title\">${c.title}<\/div>\n\t\t\t\t\t\t<div class=\"card-content\">${c.text}<\/div>\n\t\t\t\t\t  <\/div>\n\t\t\t\t\t<\/div>`).join('')}\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"right\">\n\t\t\t\t  <img src=\"${meta.cards[0]?.img || meta.thumb}\" alt=\"${meta.title} image\" \/>\n\t\t\t\t<\/div>\n\t\t\t  <\/div>\n\t\t\t<\/div>\n\t\t  <\/div>\n\t\t`\n\t\tmainEl.appendChild(sec)\n\t  })\n\t}\n\t\n\trenderView({\n\t  metaArray: sectionsMeta,\n\t  navTrackEl: document.querySelector('#navTrack'),\n\t  mainEl: document.querySelector('#main-showroom')\n\t})\n\t\n\t\/* ---------- *NEW - Hela webbplatsen ---------- *\/\n    renderView({\n\t  metaArray: siteDashboardSectionsMeta,\n\t  navTrackEl: document.querySelector('#siteDashboardNavTrack'),\n\t  mainEl: document.querySelector('#siteDashboardShowroom')\n\t})\n\t\/* ----------                         ---------- *\/\n\n\n    function createSectionNavigator({ root }) {\n\t  \n\t  const navItems = Array.from(root.querySelectorAll('.nav-item'));\n\t  const sections = Array.from(root.querySelectorAll('section'));\n\t  const navPrev = root.querySelector('.navPrev');\n\t  const navNext = root.querySelector('.navNext');\n\t  const navViewport = root.querySelector('.nav-viewport');\n\t  const navTrack = root.querySelector('.navTrack');\nconsole.log('start width: ' + navViewport.clientWidth);\n\n\t  const VISIBLE = 3;\n\t  const GAP = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--gap')) || 12;\n\t  let activeIndex = 0;\n\n\t  function computeWindowStart(active, total){\n\t\tlet start = active;\n\t\t\n\t\t\/\/ Limit boundaries\n\t\tif(start < 1) start = 0;\n\t\tif(start > total) start = Math.max(0, total);\n\t\t\n\t\t\/\/ Calculate left most item to center current choice\n\t\tstart -= Math.floor( ( navViewport.clientWidth \/ navItems[0].clientWidth ) \/ 3 );\n\t\t\n\t\treturn start;\n\t  }\n\n\t  function updateNavTransform(){\n\t\tif(navItems.length === 0) return;\n\t\tconst itemWidth = navItems[0].offsetWidth;\n\t\tconst total = navItems.length;\n\t\tconst start = computeWindowStart(activeIndex, total);\n\t\tconst translateX = -(start * (itemWidth + GAP)) - 50;\n\t\t\/* Offset 50 only to compensate for icon placed with absolut value *\/\n\t\tnavTrack.style.transform = `translateX(${translateX}px)`;\n\t\tnavItems.forEach((it, i) => {\n\t\t  it.classList.remove('active','left-near','right-near');\n\t\t  if(i === activeIndex) it.classList.add('active');\n\t\t  else if(i === activeIndex - 1) it.classList.add('left-near');\n\t\t  else if(i === activeIndex + 1) it.classList.add('right-near');\n\t\t});\n\t\tnavPrev.disabled = activeIndex <= 0;\n\t\tnavNext.disabled = activeIndex >= navItems.length - 1;\n\t  }\n\t  \n\t  function getSafeIndex(index) {\n\t\t\/\/ Calculate safe index\n\t\tconst offset = 2;\n\t\tconst validCount = sections.length - 4;\n\n\t\treturn offset + (((index - offset) % validCount + validCount) % validCount);\n\t  }\n\n\n\t  function showSection(index){\n\t\tactiveIndex = Math.max(0, Math.min(index, sections.length -1));\n\t\t\n\t\t\/\/ Check if index is in range (never reach end of array)\n\t\tif(activeIndex !== getSafeIndex(activeIndex)) {\n\t\t\tconsole.log(\"sections.length: \"+sections.length);\n\t\t\tconsole.log(\"activeIndex: \"+activeIndex);\n\t\t\tconsole.log(\"activeIndex (Safe): \"+getSafeIndex(activeIndex));\n\t\t\n\t\t\tnavTrack.classList.add('no-animation');\n\t\t\tactiveIndex = getSafeIndex(activeIndex);\n\t\t}\n\t\t\n\t\tsections.forEach((s,i) => s.classList.toggle('active', i === activeIndex));\n\t\tupdateNavTransform();\n\t\tnavItems.forEach((n,i)=> { if(i===activeIndex) n.setAttribute('aria-current','true'); else n.removeAttribute('aria-current'); });\n\t\t\n\t\tsetTimeout(function() {\n\t\t  navTrack.classList.remove('no-animation');\n\t\t}, 1000);\n\t  }\n\n\t  navItems.forEach((item, idx) => {\n\t\titem.addEventListener('click', ()=> showSection(idx));\n\t  });\n\n\t  navPrev.addEventListener('click', ()=> { if(activeIndex > 0) showSection(activeIndex - 1); });\n\t  navNext.addEventListener('click', ()=> { if(activeIndex < sections.length - 1) showSection(activeIndex + 1); });\n\t  \n\t  \/\/ Init card behaviour inside each section\n\t  function initCardBehavior(){\n\t\tsections.forEach(section => {\n\t\t  const cards = Array.from(section.querySelectorAll('.card'));\n\t\t  const img = section.querySelector('img');\n\t\t  cards.forEach(card => {\n\t\t\tcard.addEventListener('click', () => {\n\t\t\t  if(card.classList.contains('active')) return;\n\t\t\t  cards.forEach(c => c.classList.remove('active'));\n\t\t\t  card.classList.add('active');\n\n\t\t\t  const newSrc = card.getAttribute('data-img');\n\t\t\t  const temp = new Image();\n\t\t\t  temp.src = newSrc;\n\t\t\t  temp.onload = () => {\n\t\t\t\tif(!img) return;\n\t\t\t\timg.style.opacity = 0;\n\t\t\t\tsetTimeout(()=> { img.src = newSrc; img.style.opacity = 1; }, 60);\n\t\t\t  };\n\t\t\t});\n\t\t  });\n\t\t});\n\t  }\n  \n\t  \/\/ initialize this instance\n\t  initCardBehavior();\n\n\t  requestAnimationFrame(()=> {\n\t\t\/\/ Set index for default box\n\t\tshowSection(2);\n\t\tsetTimeout(updateNavTransform, 60);\n\t  });\n\t  \n\t  \/\/ responsive resize: recompute transform using real item width\n\t\tlet resizeTimer;\n\t\twindow.addEventListener('resize', ()=> {\n\t\t  clearTimeout(resizeTimer);\n\t\t  resizeTimer = setTimeout(()=> {\n\t\t\tupdateNavTransform();\n\t\t  }, 120);\n\t\t});\n\n\t  return { showSection }\n\t}\n\t\n\tconst allNavigator = createSectionNavigator({ root: document.querySelector('#allGallery') })\n\tconst siteDashboardNavigator = createSectionNavigator({ root: document.querySelector('#siteDashboardGallery') })\n\n\t\n\n    \n\n  <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Vizzits Nya Dashboard Vizzits nya dashboard \u2013 laddad med en m\u00e4ngd nyheter Den nya Dashboarden \u00e4r, precis som tidigare, uppdelad i tv\u00e5 vyer som \u00e4r anpassade efter anv\u00e4ndarens roll och ansvar. Genom att dela upp vyerna efter ansvarsroller blir b\u00e5de &hellip; <a href=\"https:\/\/www.vizzit.se\/h\/sv\/produkter\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":18,"comment_status":"closed","ping_status":"closed","template":"full-width-page.php","meta":[],"_links":{"self":[{"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/pages\/11661"}],"collection":[{"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/comments?post=11661"}],"version-history":[{"count":88,"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/pages\/11661\/revisions"}],"predecessor-version":[{"id":25159,"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/pages\/11661\/revisions\/25159"}],"wp:attachment":[{"href":"https:\/\/www.vizzit.se\/h\/wp-json\/wp\/v2\/media?parent=11661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}