{"id":7588,"date":"2026-01-08T08:20:22","date_gmt":"2026-01-08T08:20:22","guid":{"rendered":"https:\/\/myls.ch\/myls-chatbot\/"},"modified":"2026-04-17T09:26:40","modified_gmt":"2026-04-17T09:26:40","slug":"myls-chatbot","status":"publish","type":"page","link":"https:\/\/myls.ch\/it\/myls-chatbot\/","title":{"rendered":"myls Chatbot"},"content":{"rendered":"\n<div class=\"wp-block-cover is-light hero-sub-page\" style=\"min-height:755px;aspect-ratio:unset;\"><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-7671 size-full\" alt=\"\" src=\"https:\/\/myls.ch\/wp-content\/uploads\/2026\/02\/chatbot-hero.avif\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-20 has-background-dim\" style=\"background-color:#a6a29f\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-block-cover-is-layout-constrained\">\n<h1 class=\"wp-block-heading has-text-align-center has-white-color has-text-color has-link-color wp-elements-f20b896bc4085d553a87091f4d09d105\" style=\"margin-top:-80px;font-size:96px\">Myls Chatbot<\/h1>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light video-section1 video-text-wrap\" style=\"border-top-left-radius:100px;border-top-right-radius:100px;margin-top:-90px;margin-bottom:0px;padding-top:170px;padding-right:0px;padding-bottom:170px;padding-left:0px;min-height:1049px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-ce0e9416 wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4f24ec0c wp-block-columns-is-layout-flex\" style=\"padding-right:0px;padding-left:0px\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-8a368f38 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<div class=\"wp-block-group top-main-video has-global-padding is-content-justification-center is-layout-constrained wp-block-group-is-layout-constrained\" style=\"min-height:700px\">\n<style>\n.myls-video-block video,\n.myls-video-block img {\n    width: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n@media (max-width: 768px) {\n    .myls-video-block#myls-video-block-block_74cf4aa0277d5fc5eca3ccc12686b7d1 {\n        height: 200px !important;\n    }\n}\n\n@media (min-width: 769px) {\n    .myls-video-block#myls-video-block-block_74cf4aa0277d5fc5eca3ccc12686b7d1 {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n}\n\n\/* ===== VIDEO POSTER (old branch) ===== *\/\n.video-poster {\n    width: 100%;\n    height: 100%;\n    min-height: 200px;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    cursor: pointer;\n    position: relative;\n}\n\n@media (min-width: 769px) {\n    .video-poster {\n        min-height: 700px;\n    }\n}\n\n\/* ===== OLD MODAL STYLES ===== *\/\n.youtube-modal {\n    position: fixed;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(0,0,0,0.8);\n    z-index: 10000;\n}\n.youtube-modal-overlay {\n    position: absolute;\n    inset: 0;\n}\n.youtube-modal-content {\n    position: relative;\n    width: 80%;\n    height: 80%;\n    background: black;\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.youtube-modal-content iframe {\n    width: 100%;\n    height: 100%;\n}\n.youtube-modal-close {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n}\n<\/style>\n\n<div class=\"myls-video-block\" id=\"myls-video-block-block_74cf4aa0277d5fc5eca3ccc12686b7d1\">\n\n\n    <!-- \ud83d\udd01 OLD CODE (FIXED) -->\n\n                        \n            <video width=\"400\" height=\"300\" src=\"https:\/\/myls.ch\/wp-content\/uploads\/2026\/04\/Hero-Video_1080x1350.mp4\" \n                class=\"player__video viewer player_media\"><\/video>\n\n            <div class=\"player__controls\">\n                <div class=\"progress\">\n                    <div class=\"progress__filled\">\n                        <button class=\"play-toggle-progress\">\u25b6<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <button class=\"player__button toggle\">\u25b6<\/button>\n        \n    \n\n<\/div>\n\n<script>\nfunction openYouTubeModal(youtubeLink) {\n    const match = youtubeLink.match(\/[?&]v=([^&]+)\/);\n    const videoId = match ? match[1] : null;\n    if (!videoId) return;\n\n    const modal = document.createElement('div');\n    modal.className = 'youtube-modal';\n\n    modal.innerHTML = `\n        <div class=\"youtube-modal-overlay\" onclick=\"closeYouTubeModal()\"><\/div>\n        <div class=\"youtube-modal-content\">\n            <iframe src=\"https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1\"><\/iframe>\n        <\/div>\n        <button class=\"youtube-modal-close\" onclick=\"closeYouTubeModal()\">\u2716<\/button>\n    `;\n\n    document.body.appendChild(modal);\n}\n\nfunction closeYouTubeModal() {\n    const modal = document.querySelector('.youtube-modal');\n    if (modal) modal.remove();\n}\n\n(function($) {\n    'use strict';\n\n    function initVideoBlock(block) {\n\n        const video  = block.querySelector('video');\n        const img    = block.querySelector('img');\n        const poster = block.querySelector('.video-poster');\n\n        if (video) {\n            const adjustVideoHeight = () => {\n                if (!video.videoWidth || !video.videoHeight) return;\n\n                const ratio  = video.videoWidth \/ video.videoHeight;\n                const width  = block.offsetWidth;\n                const height = width \/ ratio;\n\n                video.style.setProperty('height', height + 'px', 'important');\n\n                if (window.innerWidth > 768) {\n                    block.style.display        = 'flex';\n                    block.style.justifyContent = 'center';\n                    block.style.alignItems     = 'center';\n                    block.style.height         = '';\n                } else {\n                    block.style.display = 'block';\n                    block.style.setProperty('height', height + 'px', 'important');\n                }\n            };\n\n            \/\/ Primary event: fires when dimensions are known\n            video.addEventListener('loadedmetadata', adjustVideoHeight);\n\n            \/\/ Fallback event: fires when first frame is ready\n            video.addEventListener('loadeddata', adjustVideoHeight);\n\n            \/\/ Resize handler\n            $(window).on('resize', adjustVideoHeight);\n\n            if (video.readyState === 0) {\n                \/\/ Metadata not fetched yet \u2014 force the browser to load it\n                video.load();\n            } else {\n                \/\/ Metadata already available \u2014 run immediately\n                adjustVideoHeight();\n            }\n        }\n\n        else if (poster) {\n            \/\/ Old link\/media branch \u2014 poster div with background-image\n            \/\/ Uses same $mobile_height value as the CSS @media query above\n            const adjustPosterHeight = () => {\n                const h = window.innerWidth > 768 ? 700 : 200;\n                poster.style.setProperty('height', h + 'px', 'important');\n                block.style.setProperty('height', h + 'px', 'important');\n            };\n\n            adjustPosterHeight();\n            $(window).on('resize', adjustPosterHeight);\n        }\n\n        else if (img) {\n            const adjustImageHeight = () => {\n                const h = window.innerWidth > 768 ? 700 : 450;\n                img.style.height   = h + 'px';\n                block.style.height = h + 'px';\n            };\n\n            adjustImageHeight();\n            $(window).on('resize', adjustImageHeight);\n        }\n    }\n\n    $(document).ready(function() {\n        $('.myls-video-block').each(function () {\n            initVideoBlock(this);\n        });\n    });\n\n    \/\/ \u2500\u2500\u2500 Page-transition support \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    \/\/ Re-init after Swup \/ Barba.js \/ WP Full-Page transitions\n    document.addEventListener('swup:contentReplaced',  reinitAll);  \/\/ Swup\n    document.addEventListener('barba:afterEnter',       reinitAll);  \/\/ Barba\n    document.addEventListener('wp-page-load',           reinitAll);  \/\/ custom WP events\n\n    function reinitAll() {\n        $('.myls-video-block').each(function () {\n            initVideoBlock(this);\n        });\n    }\n\n})(jQuery);\n<\/script><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<div class=\"wp-block-group wp-container-content-9e2f13cb is-vertical is-layout-flex wp-container-core-group-is-layout-7001a0f0 wp-block-group-is-layout-flex\" style=\"margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">\n<p class=\"text-gradient-main\" style=\"font-size:30px;font-style:normal;font-weight:700;line-height:1.5\">myls Chatbot<\/p>\n\n\n\n<h1 class=\"wp-block-heading\" style=\"font-size:60px;font-style:normal;font-weight:700;line-height:1.2\">Altre richieste.<br>Meno sforzo.<\/h1>\n\n\n\n<p style=\"font-size:24px;line-height:1.5\">Il chatbot AI pi\u00f9 veloce e semplice per le PMI svizzere \u2013 installato in 5 minuti, senza manutenzione e immediatamente pronto a rispondere automaticamente alle domande dei clienti.<\/p>\n\n\n\n<style>\n    .myls-button-block {\n        background: linear-gradient(90deg, #A00021 0%, #CC1221 47.92%, #CC3621 100%);\n        color: #ffffff;\n        background-size: 400% 400%;\n    }\n    .myls-button-block:hover {\n        color: #ffffff;\n    }\n<\/style>\n\n<a href=\"https:\/\/myls.ch\/it\/prenotazione-di-appuntamenti\/\" \n   class=\"myls-button-block\" \n   id=\"myls-button-block-block_eacb494b29c505e52875109456da73d4\" \n   target=\"_self\">\n   Inizia ora!<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light chatbot-scetion\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-bottom:0px;padding-top:90px;padding-bottom:90px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-53b51ce9 wp-block-cover-is-layout-constrained\">\n<div id=\"myls-chatbot-block-block_1132eeb82e41df08305704b015e9f354\" \n    class=\"myls-chatbot-block lang-it\"\n    data-lang=\"it\">\n\n    <div class=\"chatbot-sticky-header\" id=\"chatbot-sticky-header-block_1132eeb82e41df08305704b015e9f354\">\n        <div class=\"container\">\n\n            <div class=\"header-text\">\n                                    <h2>Come funziona tutto questo?<\/h2>\n                \n                                    <p class=\"subtitle\">Procediamo passo dopo passo.<\/p>\n                            <\/div>\n\n            <nav class=\"chatbot-nav-numbers\">\n                                    <a href=\"#step-block_1132eeb82e41df08305704b015e9f354-1\"\n                       class=\"nav-pill active\">\n\n                        <span class=\"number\">\n                            01                        <\/span>\n\n                                                    <span class=\"pill-text\">\n                                Chatbot AI?                            <\/span>\n                        \n                    <\/a>\n                                    <a href=\"#step-block_1132eeb82e41df08305704b015e9f354-2\"\n                       class=\"nav-pill \">\n\n                        <span class=\"number\">\n                            02                        <\/span>\n\n                                                    <span class=\"pill-text\">\n                                Tempo?                            <\/span>\n                        \n                    <\/a>\n                                    <a href=\"#step-block_1132eeb82e41df08305704b015e9f354-3\"\n                       class=\"nav-pill \">\n\n                        <span class=\"number\">\n                            03                        <\/span>\n\n                                                    <span class=\"pill-text\">\n                                Risposte?                            <\/span>\n                        \n                    <\/a>\n                                    <a href=\"#step-block_1132eeb82e41df08305704b015e9f354-4\"\n                       class=\"nav-pill \">\n\n                        <span class=\"number\">\n                            04                        <\/span>\n\n                                                    <span class=\"pill-text\">\n                                Aiuto?                            <\/span>\n                        \n                    <\/a>\n                                    <a href=\"#step-block_1132eeb82e41df08305704b015e9f354-5\"\n                       class=\"nav-pill \">\n\n                        <span class=\"number\">\n                            05                        <\/span>\n\n                                                    <span class=\"pill-text\">\n                                Costi?                            <\/span>\n                        \n                    <\/a>\n                            <\/nav>\n\n        <\/div>\n    <\/div>\n\n    <div class=\"chatbot\">\n        <div class=\"chatbot-timeline\">\n\n                            <div class=\"chatbot-step \"\n                     id=\"step-block_1132eeb82e41df08305704b015e9f354-1\">\n\n                    <span class=\"chatbot-dot\">\n                        01                    <\/span>\n\n                    <div class=\"chatbot-content\">\n\n                                                    <span class=\"text-gradient-main\">\n                                Perch\u00e9 la tua azienda ha bisogno di un chatbot AI                            <\/span>\n                        \n                                                    <h3>Cos&#039;\u00e8 un chatbot AI e a cosa dovrei averne bisogno?<\/h3>\n                        \n                        <p>Molti visitatori abbandonano il sito web senza inviare alcuna richiesta, spesso perch\u00e9 nessuno risponde tempestivamente alle loro domande.<\/p>\n<p><strong>Un chatbot basato sull&#8217;intelligenza artificiale risolve questo problema e offre vantaggi immediati.<\/strong><\/p>\n\n                                                    <ul class=\"chatbot-features\">\n                                                                    <li>Il chatbot ti fa risparmiare sui costi del personale!<\/li>\n                                                                    <li>Risposte immediate 24 ore su 24, 7 giorni su 7 alle domande frequenti dei clienti<\/li>\n                                                                    <li>Pi\u00f9 richieste qualificate, senza costi aggiuntivi per il personale<\/li>\n                                                                    <li>Meno telefonate ed e-mail, poich\u00e9 il chatbot svolge il lavoro preliminare<\/li>\n                                                                    <li>Tasso di conversione pi\u00f9 elevato grazie a informazioni dirette e chiare<\/li>\n                                                                    <li>Risparmio di tempo grazie alle risposte automatiche alle domande di routine<\/li>\n                                                            <\/ul>\n                        \n                                                    <a href=\"https:\/\/myls.ch\/it\/prenotazione-di-appuntamenti\/\"\n                               class=\"chatbot-btn\">\n                                Inizia ora                            <\/a>\n                        \n                    <\/div>\n\n                    <!-- \u2705 UPDATED MEDIA SECTION -->\n                    <div class=\"chatbot-media\">\n                        <video class=\"step-video\" autoplay loop muted playsinline preload=\"metadata\">\n                                    <source src=\"https:\/\/myls.ch\/wp-content\/uploads\/2026\/04\/section-1.mp4\" type=\"video\/mp4\">\n                                  <\/video>                    <\/div>\n\n                <\/div>\n                            <div class=\"chatbot-step reverse\"\n                     id=\"step-block_1132eeb82e41df08305704b015e9f354-2\">\n\n                    <span class=\"chatbot-dot\">\n                        02                    <\/span>\n\n                    <div class=\"chatbot-content\">\n\n                                                    <span class=\"text-gradient-main\">\n                                Installato rapidamente. Facile da usare. Compatibile con qualsiasi sito web.                              <\/span>\n                        \n                                                    <h3>Nessun tempo, nessun nervosismo e nessun desiderio di strumenti complicati?<\/h3>\n                        \n                        <p>Sappiamo bene che le PMI non hanno tempo n\u00e9 voglia di utilizzare strumenti complicati. Ecco perch\u00e9 il nostro chatbot funziona secondo il principio:<\/p>\n<p><strong>installa, attiva, fatto.<\/strong><\/p>\n\n                                                    <ul class=\"chatbot-features\">\n                                                                    <li>Breve introduzione alla dashboard<\/li>\n                                                                    <li>Funziona con tutti i temi e i page builder come Divi, Elementor, WooCommerce<\/li>\n                                                                    <li>Configurazione personalizzata presso la vostra sede<\/li>\n                                                                    <li>Non sono richieste conoscenze informatiche<\/li>\n                                                                    <li>Tutto funziona in modo stabile in background, senza rischi e senza impostazioni complesse.<\/li>\n                                                            <\/ul>\n                        \n                        \n                    <\/div>\n\n                    <!-- \u2705 UPDATED MEDIA SECTION -->\n                    <div class=\"chatbot-media\">\n                        <img decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/myls.ch\/wp-content\/uploads\/2026\/03\/Chatbot-Sektion-2-819x1024.jpg\" class=\"step-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/myls.ch\/wp-content\/uploads\/2026\/03\/Chatbot-Sektion-2-819x1024.jpg 819w, https:\/\/myls.ch\/wp-content\/uploads\/2026\/03\/Chatbot-Sektion-2-240x300.jpg 240w, https:\/\/myls.ch\/wp-content\/uploads\/2026\/03\/Chatbot-Sektion-2-768x960.jpg 768w, https:\/\/myls.ch\/wp-content\/uploads\/2026\/03\/Chatbot-Sektion-2.jpg 1080w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>                    <\/div>\n\n                <\/div>\n                            <div class=\"chatbot-step \"\n                     id=\"step-block_1132eeb82e41df08305704b015e9f354-3\">\n\n                    <span class=\"chatbot-dot\">\n                        03                    <\/span>\n\n                    <div class=\"chatbot-content\">\n\n                                                    <span class=\"text-gradient-main\">\n                                Risposte professionali \u2013 sempre sotto il tuo controllo                            <\/span>\n                        \n                                                    <h3>Come fa il chatbot myls a garantire una risposta sempre accurata e professionale?<\/h3>\n                        \n                        <p>Molti chatbot tradizionali non sono di grande aiuto agli utenti e non forniscono le risposte giuste.<\/p>\n<p><strong>Per questo motivo la nostra soluzione punta sull&#8217;intelligenza artificiale e sul massimo controllo.<\/strong><\/p>\n\n                                                    <ul class=\"chatbot-features\">\n                                                                    <li>Risposte basate esclusivamente sui tuoi contenuti (sito web, PDF, ecc.)<\/li>\n                                                                    <li>Log delle risposte: potete vedere in qualsiasi momento quali domande sono state poste e quali risposte sono state date.<\/li>\n                                                                    <li>\u00c8 possibile modificare facilmente le formulazioni o le domande in base alle proprie esigenze. <\/li>\n                                                            <\/ul>\n                        \n                                                    <a href=\"https:\/\/myls.ch\/it\/prenotazione-di-appuntamenti\/\"\n                               class=\"chatbot-btn\">\n                                Inizia ora                            <\/a>\n                        \n                    <\/div>\n\n                    <!-- \u2705 UPDATED MEDIA SECTION -->\n                    <div class=\"chatbot-media\">\n                        <video class=\"step-video\" autoplay loop muted playsinline preload=\"metadata\">\n                                    <source src=\"https:\/\/myls.ch\/wp-content\/uploads\/2026\/04\/section-3.mp4\" type=\"video\/mp4\">\n                                  <\/video>                    <\/div>\n\n                <\/div>\n                            <div class=\"chatbot-step reverse\"\n                     id=\"step-block_1132eeb82e41df08305704b015e9f354-4\">\n\n                    <span class=\"chatbot-dot\">\n                        04                    <\/span>\n\n                    <div class=\"chatbot-content\">\n\n                                                    <span class=\"text-gradient-main\">\n                                Supporto svizzero \u2013 veloce, personale e affidabile                            <\/span>\n                        \n                                                    <h3>Chi mi aiuter\u00e0 se rimango bloccato \u2013 sono di nuovo da solo?<\/h3>\n                        \n                        <p>Molte PMI hanno gi\u00e0 avuto esperienze negative con soluzioni che non offrono assistenza in caso di problemi.<\/p>\n<p><strong>In questo caso, abbiamo deciso consapevolmente di adottare uno standard diverso.<\/strong><\/p>\n\n                                                    <ul class=\"chatbot-features\">\n                                                                    <li>Assistenza personalizzata dalla Svizzera<\/li>\n                                                                    <li>Aggiornamenti regolari senza costi aggiuntivi<\/li>\n                                                                    <li>Assistenza direttamente nel Centro assistenza<\/li>\n                                                                    <li>Non siete soli: vi accompagniamo fin dall&#039;inizio<\/li>\n                                                            <\/ul>\n                        \n                        \n                    <\/div>\n\n                    <!-- \u2705 UPDATED MEDIA SECTION -->\n                    <div class=\"chatbot-media\">\n                        <video class=\"step-video\" autoplay loop muted playsinline preload=\"metadata\">\n                                    <source src=\"https:\/\/myls.ch\/wp-content\/uploads\/2026\/04\/section-4.mp4\" type=\"video\/mp4\">\n                                  <\/video>                    <\/div>\n\n                <\/div>\n                            <div class=\"chatbot-step \"\n                     id=\"step-block_1132eeb82e41df08305704b015e9f354-5\">\n\n                    <span class=\"chatbot-dot\">\n                        05                    <\/span>\n\n                    <div class=\"chatbot-content\">\n\n                                                    <span class=\"text-gradient-main\">\n                                Nessun costo aggiuntivo. Niente gettoni. Prezzo chiaro.                              <\/span>\n                        \n                                                    <h3>Costi nascosti?<\/h3>\n                        \n                        <p>I prezzi a sorpresa e i modelli di costo complicati sono per molte PMI un motivo per evitare nuovi strumenti.<\/p>\n<p><strong>Per questo abbiamo volutamente reso il nostro modello di prezzo chiaro e trasparente.<\/strong><\/p>\n\n                                                    <ul class=\"chatbot-features\">\n                                                                    <li>Prezzo annuale fisso \u2013 nessun costo aggiuntivo<\/li>\n                                                                    <li>Nessun costo per messaggio o chat, nessun costo di consumo, nessun limite<\/li>\n                                                                    <li>In questo modo avrete sempre tutto sotto controllo, senza sorprese successive.<\/li>\n                                                            <\/ul>\n                        \n                                                    <a href=\"https:\/\/myls.ch\/it\/prenotazione-di-appuntamenti\/\"\n                               class=\"chatbot-btn\">\n                                Inizia ora                            <\/a>\n                        \n                    <\/div>\n\n                    <!-- \u2705 UPDATED MEDIA SECTION -->\n                    <div class=\"chatbot-media\">\n                        <img decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/myls.ch\/wp-content\/uploads\/2026\/03\/chatbot-sektion-5-819x1024.jpg\" class=\"step-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/myls.ch\/wp-content\/uploads\/2026\/03\/chatbot-sektion-5-819x1024.jpg 819w, https:\/\/myls.ch\/wp-content\/uploads\/2026\/03\/chatbot-sektion-5-240x300.jpg 240w, https:\/\/myls.ch\/wp-content\/uploads\/2026\/03\/chatbot-sektion-5-768x960.jpg 768w, https:\/\/myls.ch\/wp-content\/uploads\/2026\/03\/chatbot-sektion-5.jpg 1080w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/>                    <\/div>\n\n                <\/div>\n            \n        <\/div>\n    <\/div>\n\n<\/div>\n\n\n<script>\njQuery(function ($) {\n\n  const $appScroll = $('#app-scroll');\n  const useAppScroll =\n    $appScroll.length &&\n    $appScroll[0].scrollHeight > $appScroll.outerHeight();\n\n  const $scroll = useAppScroll ? $appScroll : $(window);\n  const isIOS = \/iPad|iPhone|iPod\/.test(navigator.userAgent);\n\n  const $header  = $('[id^=\"chatbot-sticky-header-\"]');\n  if (!$header.length) return;\n\n  const $section = $header.closest('.myls-chatbot-block');\n  const $steps   = $section.find('.chatbot-step');\n  const $nav     = $header.find('.nav-pill');\n  const $text    = $header.find('.header-text');\n\n  let placeholder = null;\n\n  function getScrollTop() {\n    return useAppScroll ? $appScroll.scrollTop() : $(window).scrollTop();\n  }\n\n  function getOffsetTop($el) {\n    if (useAppScroll) {\n      return (\n        $el.offset().top -\n        $appScroll.offset().top +\n        getScrollTop()\n      );\n    }\n    return $el.offset().top;\n  }\n\n  function getStickyStart() {\n    return getOffsetTop($section);\n  }\n\n  function addPlaceholder() {\n    if (!placeholder) {\n      placeholder = $('<div>').height($header.outerHeight());\n      $header.after(placeholder);\n    }\n  }\n\n  function removePlaceholder() {\n    if (placeholder) {\n      placeholder.remove();\n      placeholder = null;\n    }\n  }\n\n  function updateSticky() {\n    const scrollTop = getScrollTop();\n    const sectionTop = getStickyStart();\n    const sectionBottom =\n      sectionTop + $section.outerHeight() - $header.outerHeight();\n\n    if (scrollTop >= sectionTop && scrollTop <= sectionBottom) {\n      if (!$header.hasClass('is-sticky')) {\n        $header.addClass('is-sticky');\n        $text.hide();\n        addPlaceholder();\n      }\n    } else {\n      if ($header.hasClass('is-sticky')) {\n        $header.removeClass('is-sticky');\n        $text.show();\n        removePlaceholder();\n      }\n    }\n  }\n\n  function updateActiveStep() {\n    const scrollTop = getScrollTop();\n    let activeId = null;\n    let min = Infinity;\n\n    $steps.each(function () {\n      const d = Math.abs(\n        getOffsetTop($(this)) - scrollTop - window.innerHeight * 0.35\n      );\n      if (d < min) {\n        min = d;\n        activeId = this.id;\n      }\n    });\n\n    if (activeId) {\n      $nav.removeClass('active');\n      $nav.filter('[href=\"#' + activeId + '\"]').addClass('active');\n    }\n  }\n\n  $nav.on('click', function (e) {\n    e.preventDefault();\n\n    const $target = $($(this).attr('href'));\n    if (!$target.length) return;\n\n    const top =\n      getOffsetTop($target) - $header.outerHeight() - 40;\n\n    if (useAppScroll || isIOS) {\n      $scroll.stop().animate({ scrollTop: top }, 350);\n    } else {\n      window.scrollTo({ top, behavior: 'smooth' });\n    }\n  });\n\n  let resizeTimer = null;\n\n  $scroll.on('scroll', function () {\n    requestAnimationFrame(() => {\n      updateSticky();\n      updateActiveStep();\n    });\n  });\n\n  $(window).on('resize orientationchange', function () {\n    clearTimeout(resizeTimer);\n    resizeTimer = setTimeout(function () {\n      updateSticky();\n      updateActiveStep();\n    }, 150);\n  });\n\n  updateSticky();\n  updateActiveStep();\n\n\n  \/* =========================\n     DYNAMIC VIDEO HEIGHT FOR PAGE 7093 + OTHERS\n  ============================ *\/\n  if (\n    $('body').hasClass('page-id-7093') ||\n    $('body').hasClass('page-id-7586') ||\n    $('body').hasClass('page-id-7588') ||\n    $('body').hasClass('page-id-7584')\n  ) {\n\n    const adjustVideoHeight = (video) => {\n      if (!video.videoWidth || !video.videoHeight) return;\n\n      const videoRatio = video.videoWidth \/ video.videoHeight;\n      const width = video.offsetWidth;\n      const height = width \/ videoRatio;\n\n      video.style.height = height + 'px';\n\n      const parent = video.closest('.chatbot-media');\n      if (parent) {\n        parent.style.minHeight = '0';\n        parent.style.height = height + 'px';\n      }\n    };\n\n    $('.step-video').each(function () {\n      const video = this;\n\n      video.addEventListener('loadedmetadata', () => {\n        adjustVideoHeight(video);\n      });\n\n      if (video.readyState >= 1) {\n        adjustVideoHeight(video);\n      }\n\n      $(window).on('resize', () => {\n        adjustVideoHeight(video);\n      });\n    });\n  }\n\n});\n<\/script><\/div><\/div>\n\n\n\n<div class=\"wp-block-cover is-light pricing-block-wrap\" style=\"padding-top:170px;padding-bottom:170px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#f9f9f9\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div id=\"myls-pricing-tab-block-block_85d2951cd1f7e753375e2eaff01f4183\" class=\"myls-pricing-tab-block\">\n\t    <h2 class=\"pricing_title\">Trova il pacchetto giusto per la tua attivit\u00e0<\/h2>\n\t    \n    <div class=\"custom-pricing-card-main-container\">\n                 <div class=\"custom-pricing-card-container \">\n    <div class=\"custom-pricing-card\">\n        <h2 class=\"custom-pricing-title\">Chatbot Starter<\/h2>\n\n        <div class=\"bestseller-wrapper\">\n                    <\/div>\n\n                <p class=\"custom-price\"><span>ab<\/span> 69.-<\/p>\n                <p class=\"custom-price-sub\">CHF al mese<\/p>\n                                <ul class=\"custom-pricing-card-features\">\n                                        <li>Configurazione: Digital Remote<\/li>\n                                        <li>Fino a 10 URL di siti web<\/li>\n                                        <li>Ottimizzazione dei prompt: una tantum<\/li>\n                                        <li>Lingue: Italiano + riconoscimento automatico<\/li>\n                                        <li>Contatto: e-mail \/ telefono<\/li>\n                                    <\/ul>\n                                <div class=\"custom-pricing-card-footer\">\n                <a href=\"https:\/\/myls.ch\/wp-content\/uploads\/2026\/03\/Chatbot-Starter-IT.pdf\" class=\"custom-pricing-card-tech-data\">Dati tecnici<\/a>\n                <a href=\"https:\/\/myls.ch\/it\/prenotazione-di-appuntamenti\/\" class=\"custom-pricing-card-cta-button\">Inizia ora<\/a>\n                <\/div>\n            <\/div>\n  \t\t<\/div>\n                     <div class=\"custom-pricing-card-container bestseller\">\n    <div class=\"custom-pricing-card\">\n        <h2 class=\"custom-pricing-title\">Chatbot Business<\/h2>\n\n        <div class=\"bestseller-wrapper\">\n                            <p class=\"bestseller-title\">Bestseller<\/p>\n                <img decoding=\"async\" class=\"bot-img\" src=\"\/wp-content\/uploads\/2025\/10\/Group-18.png\" alt=\"Bestseller Icon\">\n                    <\/div>\n\n                <p class=\"custom-price\"><span>ab<\/span> 159.-<\/p>\n                <p class=\"custom-price-sub\">CHF al mese<\/p>\n                                <ul class=\"custom-pricing-card-features\">\n                                        <li>Configurazione: personalmente presso la vostra sede<\/li>\n                                        <li>Fino a 30 URL di siti web + 5 documenti PDF da 5 MB<\/li>\n                                        <li>Ottimizzazione dei prompt: 2 revisioni nei primi 6 mesi<\/li>\n                                        <li>Lingue: italiano + riconoscimento automatico<\/li>\n                                        <li>Contatto: e-mail \/ telefono \/ Whatsapp<\/li>\n                                    <\/ul>\n                                <div class=\"custom-pricing-card-footer\">\n                <a href=\"https:\/\/myls.ch\/wp-content\/uploads\/2026\/03\/Chatbot-Business-IT.pdf\" class=\"custom-pricing-card-tech-data\">Dati tecnici<\/a>\n                <a href=\"https:\/\/myls.ch\/it\/prenotazione-di-appuntamenti\/\" class=\"custom-pricing-card-cta-button\">Inizia ora<\/a>\n                <\/div>\n            <\/div>\n  \t\t<\/div>\n                     <div class=\"custom-pricing-card-container \">\n    <div class=\"custom-pricing-card\">\n        <h2 class=\"custom-pricing-title\">Chatbot Pro<\/h2>\n\n        <div class=\"bestseller-wrapper\">\n                    <\/div>\n\n                <p class=\"custom-price\"><span>ab<\/span> 269.-<\/p>\n                <p class=\"custom-price-sub\">CHF al mese<\/p>\n                                <ul class=\"custom-pricing-card-features\">\n                                        <li>Configurazione: VIP (in loco + formazione del team)<\/li>\n                                        <li>URL di siti web + PDF illimitati<\/li>\n                                        <li>Ottimizzazione dei prompt: 2 all&#039;anno<\/li>\n                                        <li>Supporto multilingue<\/li>\n                                        <li>Contatto: e-mail \/ telefono \/ Whatsapp<\/li>\n                                        <li>Pulsante \u201cRichiedi offerta\u201d<\/li>\n                                        <li>Funzione di correzione<\/li>\n                                        <li>Accesso illimitato per il team<\/li>\n                                    <\/ul>\n                                <div class=\"custom-pricing-card-footer\">\n                <a href=\"https:\/\/myls.ch\/wp-content\/uploads\/2026\/03\/Chatbot-Pro-IT.pdf\" class=\"custom-pricing-card-tech-data\">Dati tecnici<\/a>\n                <a href=\"https:\/\/myls.ch\/it\/prenotazione-di-appuntamenti\/\" class=\"custom-pricing-card-cta-button\">Inizia ora<\/a>\n                <\/div>\n            <\/div>\n  \t\t<\/div>\n             \t\n    <\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-cover is-light client-section\" style=\"padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-container-core-cover-is-layout-bf7bf452 wp-block-cover-is-layout-flow\">\n<style>\n    .myls-client-block {\n        background: linear-gradient(90deg, #A00021 0%, #CC1221 47.92%, #CC3621 100%);\n        background-size: 400% 400%;\n    }\n    .myls-client-block h2 {\n        color: #ffffff;\n    }\n    .myls-client-block .client-img-loop .client-img {\n        background: #ffffff;\n    }\n<\/style>\n\n<!-- rooms -->\n<div class=\"myls-client-block\" id=\"myls-client-block-block_7b6dd8e584d1fd91a9098d991c85ded1\">\n    <div class=\"container\">\n        <h2>I nostri clienti<\/h2>\n                <div class=\"client-img-loop\">\n                        <div class=\"client-img client-img-1\">\n                <a href=\"https:\/\/bestatter.ch\/\" target=\"_blank\" rel=\"noopener\">\n                    <img decoding=\"async\" src=\"https:\/\/myls.ch\/wp-content\/uploads\/2024\/07\/client-1.png\" alt=\"Logo dell&#039;Associazione svizzera dei servizi funebri con simbolo della croce.\" \/>\n                <\/a>\n            <\/div>\n                        <div class=\"client-img client-img-2\">\n                <a href=\"https:\/\/afabus.ch\/\" target=\"_blank\" rel=\"noopener\">\n                    <img decoding=\"async\" src=\"https:\/\/myls.ch\/wp-content\/uploads\/2024\/07\/client-2.png\" alt=\"Logo AFA in rosso con sotto lo slogan Das Reisen Taxi Technik, design dinamico con linee.\" \/>\n                <\/a>\n            <\/div>\n                        <div class=\"client-img client-img-3\">\n                <a href=\"https:\/\/www.matterhornparadise.ch\/de\" target=\"_blank\" rel=\"noopener\">\n                    <img decoding=\"async\" src=\"https:\/\/myls.ch\/wp-content\/uploads\/2024\/07\/client-3.png\" alt=\"Logo di Matterhorn Zermatt Bergbahnen con motivo stilizzato del monte Cervino in blu.\" \/>\n                <\/a>\n            <\/div>\n                        <div class=\"client-img client-img-4\">\n                <a href=\"https:\/\/paragliding-interlaken.ch\/\" target=\"_blank\" rel=\"noopener\">\n                    <img decoding=\"async\" src=\"https:\/\/myls.ch\/wp-content\/uploads\/2024\/09\/Logo.png\" alt=\"Logo del Parapendio Interlaken, testo bianco su sfondo nero, accento rosso su GLIDING, croce svizzera.\" \/>\n                <\/a>\n            <\/div>\n                        <div class=\"client-img client-img-5\">\n                <a href=\"https:\/\/engstligenalp.ch\/\" target=\"_blank\" rel=\"noopener\">\n                    <img decoding=\"async\" src=\"https:\/\/myls.ch\/wp-content\/uploads\/2024\/09\/3562-o.avif\" alt=\"Logo con la scritta Engstligen Alp in caratteri neri su sfondo bianco.\" \/>\n                <\/a>\n            <\/div>\n                        <div class=\"client-img client-img-6\">\n                <a href=\"https:\/\/www.visp.ch\/de\" target=\"_blank\" rel=\"noopener\">\n                    <img decoding=\"async\" src=\"https:\/\/myls.ch\/wp-content\/uploads\/2024\/07\/client-4.avif\" alt=\"Logo dell&#039;amministrazione comunale di Visp con paesaggio urbano stilizzato e scritta visp online.\" \/>\n                <\/a>\n            <\/div>\n                        <div class=\"client-img client-img-7\">\n                <a href=\"https:\/\/www.gvz.ch\/\" target=\"_blank\" rel=\"noopener\">\n                    <img decoding=\"async\" src=\"https:\/\/myls.ch\/wp-content\/uploads\/2024\/09\/GVZ.avif\" alt=\"Logo della Geb\u00e4udeversicherung Kanton Z\u00fcrich (GVZ) con quadrato stilizzato e scritte in grigio.\" \/>\n                <\/a>\n            <\/div>\n                        <div class=\"client-img client-img-8\">\n                <a href=\"https:\/\/www.evard.ch\/\" target=\"_blank\" rel=\"noopener\">\n                    <img decoding=\"async\" src=\"https:\/\/myls.ch\/wp-content\/uploads\/2025\/06\/Logo_Evard_RGB.avif\" alt=\"\" \/>\n                <\/a>\n            <\/div>\n                    <\/div>\n        <div class=\"client-loop-mobile-pag\">\n            <button>Mehr anzeigen<\/button>\n            <p class=\"empty-msg\">\n                Es gibt keine mehr\n            <\/p>\n        <\/div>\n            <\/div>\n<\/div>\n\n<script>\n    (function($) {\n        'use strict';\n\n        $(document).ready(function() {\n            if(($(window).width() < 768)) {\n                $('.myls-client-block .client-img').slice(-4).addClass('not-show');\n\n                $('.client-loop-mobile-pag').on('click', function() {\n                    let ClientItem = $('.myls-client-block .client-img').slice(-4);\n                    let currentHiddenItem = $('.myls-client-block .client-img.not-show').length;\n                    if(currentHiddenItem != 0) {\n                        ClientItem.removeClass('not-show');\n                        ClientItem.fadeIn();\n                    } else {\n                        $('.client-loop-mobile-pag button').hide();\n                        $('.client-loop-mobile-pag .empty-msg').fadeIn();\n                        setTimeout(() => {\n                            $('.client-loop-mobile-pag button').fadeIn();\n                            $('.client-loop-mobile-pag .empty-msg').hide();\n                        }, 5000);\n                    }\n                });\n            }\n        });\n    })(jQuery);\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover is-light myls-text-btn-banner\" style=\"padding-top:150px;padding-bottom:150px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#f9f9f9\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-c75f6d90 wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-a3a1f8a3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-47e5a185 wp-block-column-is-layout-flow\" style=\"flex-basis:80%\">\n<h2 class=\"wp-block-heading\" style=\"font-size:50px;font-style:normal;font-weight:700;line-height:1\">Vivi la potenza del chatbot myls \u2013 inizia subito!<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-47e5a185 wp-block-column-is-layout-flow\" style=\"flex-basis:20%\">\n<style>\n    .myls-button-block {\n        background: linear-gradient(90deg, #A00021 0%, #CC1221 47.92%, #CC3621 100%);\n        color: #ffffff;\n        background-size: 400% 400%;\n    }\n    .myls-button-block:hover {\n        color: #ffffff;\n    }\n<\/style>\n\n<a href=\"https:\/\/myls.ch\/it\/contattateci\/\" class=\"myls-button-block\" id=\"myls-button-block-block_9f5c5311bbb02a23332b7e340cc8e6e7\" target=\"_self\">\n   Kostenlose Beratung<\/a><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light video-text-wrap testimonial-video-wrap\" style=\"border-radius:0px;margin-bottom:0px;padding-top:170px;padding-right:0px;padding-bottom:170px;padding-left:0px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-852af91d wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-45bd68bd wp-block-columns-is-layout-flex\" style=\"margin-top:0rem;margin-bottom:0rem\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-12243e0f wp-block-group-is-layout-constrained\" style=\"min-height:500px\">\n<style>\n.myls-video-block video,\n.myls-video-block img {\n    width: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n@media (max-width: 768px) {\n    .myls-video-block#myls-video-block-block_6de9d1e3f40071b996ee475103a318e4 {\n        height: 250px !important;\n    }\n}\n\n@media (min-width: 769px) {\n    .myls-video-block#myls-video-block-block_6de9d1e3f40071b996ee475103a318e4 {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n}\n\n\/* ===== VIDEO POSTER (old branch) ===== *\/\n.video-poster {\n    width: 100%;\n    height: 100%;\n    min-height: 250px;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    cursor: pointer;\n    position: relative;\n}\n\n@media (min-width: 769px) {\n    .video-poster {\n        min-height: 700px;\n    }\n}\n\n\/* ===== OLD MODAL STYLES ===== *\/\n.youtube-modal {\n    position: fixed;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(0,0,0,0.8);\n    z-index: 10000;\n}\n.youtube-modal-overlay {\n    position: absolute;\n    inset: 0;\n}\n.youtube-modal-content {\n    position: relative;\n    width: 80%;\n    height: 80%;\n    background: black;\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.youtube-modal-content iframe {\n    width: 100%;\n    height: 100%;\n}\n.youtube-modal-close {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n}\n<\/style>\n\n<div class=\"myls-video-block\" id=\"myls-video-block-block_6de9d1e3f40071b996ee475103a318e4\">\n\n\n    <!-- \ud83d\udd01 OLD CODE (FIXED) -->\n\n                        <div class=\"video-poster\" \n                style=\"background-image: url(https:\/\/myls.ch\/wp-content\/uploads\/2025\/05\/Thumbnail-AELO.avif);\" \n                onclick=\"event.preventDefault(); openYouTubeModal('https:\/\/www.youtube.com\/watch?v=ezCkAWU2gs8&amp;t=1s');\"><\/div>\n\n            <button class=\"player__button toggle\">\u25b6<\/button>\n            \n\n<\/div>\n\n<script>\nfunction openYouTubeModal(youtubeLink) {\n    const match = youtubeLink.match(\/[?&]v=([^&]+)\/);\n    const videoId = match ? match[1] : null;\n    if (!videoId) return;\n\n    const modal = document.createElement('div');\n    modal.className = 'youtube-modal';\n\n    modal.innerHTML = `\n        <div class=\"youtube-modal-overlay\" onclick=\"closeYouTubeModal()\"><\/div>\n        <div class=\"youtube-modal-content\">\n            <iframe src=\"https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1\"><\/iframe>\n        <\/div>\n        <button class=\"youtube-modal-close\" onclick=\"closeYouTubeModal()\">\u2716<\/button>\n    `;\n\n    document.body.appendChild(modal);\n}\n\nfunction closeYouTubeModal() {\n    const modal = document.querySelector('.youtube-modal');\n    if (modal) modal.remove();\n}\n\n(function($) {\n    'use strict';\n\n    function initVideoBlock(block) {\n\n        const video  = block.querySelector('video');\n        const img    = block.querySelector('img');\n        const poster = block.querySelector('.video-poster');\n\n        if (video) {\n            const adjustVideoHeight = () => {\n                if (!video.videoWidth || !video.videoHeight) return;\n\n                const ratio  = video.videoWidth \/ video.videoHeight;\n                const width  = block.offsetWidth;\n                const height = width \/ ratio;\n\n                video.style.setProperty('height', height + 'px', 'important');\n\n                if (window.innerWidth > 768) {\n                    block.style.display        = 'flex';\n                    block.style.justifyContent = 'center';\n                    block.style.alignItems     = 'center';\n                    block.style.height         = '';\n                } else {\n                    block.style.display = 'block';\n                    block.style.setProperty('height', height + 'px', 'important');\n                }\n            };\n\n            \/\/ Primary event: fires when dimensions are known\n            video.addEventListener('loadedmetadata', adjustVideoHeight);\n\n            \/\/ Fallback event: fires when first frame is ready\n            video.addEventListener('loadeddata', adjustVideoHeight);\n\n            \/\/ Resize handler\n            $(window).on('resize', adjustVideoHeight);\n\n            if (video.readyState === 0) {\n                \/\/ Metadata not fetched yet \u2014 force the browser to load it\n                video.load();\n            } else {\n                \/\/ Metadata already available \u2014 run immediately\n                adjustVideoHeight();\n            }\n        }\n\n        else if (poster) {\n            \/\/ Old link\/media branch \u2014 poster div with background-image\n            \/\/ Uses same $mobile_height value as the CSS @media query above\n            const adjustPosterHeight = () => {\n                const h = window.innerWidth > 768 ? 700 : 250;\n                poster.style.setProperty('height', h + 'px', 'important');\n                block.style.setProperty('height', h + 'px', 'important');\n            };\n\n            adjustPosterHeight();\n            $(window).on('resize', adjustPosterHeight);\n        }\n\n        else if (img) {\n            const adjustImageHeight = () => {\n                const h = window.innerWidth > 768 ? 700 : 450;\n                img.style.height   = h + 'px';\n                block.style.height = h + 'px';\n            };\n\n            adjustImageHeight();\n            $(window).on('resize', adjustImageHeight);\n        }\n    }\n\n    $(document).ready(function() {\n        $('.myls-video-block').each(function () {\n            initVideoBlock(this);\n        });\n    });\n\n    \/\/ \u2500\u2500\u2500 Page-transition support \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    \/\/ Re-init after Swup \/ Barba.js \/ WP Full-Page transitions\n    document.addEventListener('swup:contentReplaced',  reinitAll);  \/\/ Swup\n    document.addEventListener('barba:afterEnter',       reinitAll);  \/\/ Barba\n    document.addEventListener('wp-page-load',           reinitAll);  \/\/ custom WP events\n\n    function reinitAll() {\n        $('.myls-video-block').each(function () {\n            initVideoBlock(this);\n        });\n    }\n\n})(jQuery);\n<\/script><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<div class=\"wp-block-group wp-container-content-9e2f13cb is-vertical is-layout-flex wp-container-core-group-is-layout-7001a0f0 wp-block-group-is-layout-flex\" style=\"margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">\n<p class=\"text-gradient-main\" style=\"font-size:30px;font-style:normal;font-weight:700;line-height:1.5\">Testimonianze<\/p>\n\n\n\n<h1 class=\"wp-block-heading\" style=\"font-size:60px;font-style:normal;font-weight:700;line-height:1.2\">Successo reale con i myls \u2013 I nostri clienti riferiscono<\/h1>\n\n\n\n<p style=\"font-size:24px;line-height:1.5\">Pi\u00f9 di 2000 imprenditori hanno gi\u00e0 trasformato la loro presenza online con myls. I rapporti autentici mostrano i risultati impressionanti della nostra soluzione. Lasciati ispirare e convincere dai loro successi.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover is-light faq-section\" style=\"padding-top:170px;padding-right:0px;padding-bottom:172px;padding-left:0px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#f9f9f9\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-1f75a3a0 wp-block-cover-is-layout-constrained\">\n<style>\n\n#myls-faq-block-block_84550aeef0c861525063753e4860f438.myls-faq-block .accordion-header {\n    padding-top: 59px ;\n    padding-bottom: 59px ;\n}\n\n<\/style>\n\n<div class=\"myls-faq-block\" id=\"myls-faq-block-block_84550aeef0c861525063753e4860f438\">\n\n            <h2 class=\"faq-title\">DF<\/h2>\n    \n            <p class=\"faq-subtitle\">Domande frequenti<\/p>\n    \n    <div class=\"accordion\">\n                    <div class=\"accordion-item\">\n            <button class=\"accordion-header\">\n                <div class=\"svg-icon\">\n                    <svg width=\"23\" height=\"8\" viewBox=\"0 0 23 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M3.54 0.939998H19.44C21.12 0.939998 22.38 2.44 22.38 4.24C22.38 5.98 21.06 7.54 19.44 7.54H3.54C1.92 7.54 0.6 5.98 0.6 4.24C0.6 2.44 1.86 0.939998 3.54 0.939998Z\" fill=\"url(#paint0_linear_500_240)\"\/>\n                        <defs>\n                        <linearGradient id=\"paint0_linear_500_240\" x1=\"-3\" y1=\"4\" x2=\"27\" y2=\"4\" gradientUnits=\"userSpaceOnUse\">\n                        <stop stop-color=\"#A00021\"\/>\n                        <stop offset=\"0.479167\" stop-color=\"#CC1221\"\/>\n                        <stop offset=\"1\" stop-color=\"#CC3621\"\/>\n                        <\/linearGradient>\n                        <\/defs>\n                    <\/svg>\n                <\/div>\n\n                <span>\n                    Il chatbot funziona con WordPress, Elementor o WooCommerce?                <\/span>\n            <\/button>\n            <div class=\"accordion-content\">\n                <svg style=\"visibility: hidden;\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M15.88 3.44V10.28H22.78C24.34 10.28 25.48 11.66 25.48 13.34C25.48 14.96 24.28 16.4 22.78 16.4H15.88V23.3C15.88 24.86 14.5 26 12.82 26C11.2 26 9.76 24.8 9.76 23.3V16.4H2.92C1.42 16.4 0.22 14.96 0.22 13.34C0.22 11.66 1.36 10.28 2.92 10.28H9.76V3.44C9.76 1.94 11.2 0.739999 12.82 0.739999C14.5 0.739999 15.88 1.88 15.88 3.44Z\" fill=\"url(#paint0_linear_500_232)\"\/>\n                <defs>\n                <linearGradient id=\"paint0_linear_500_232\" x1=\"-2\" y1=\"14\" x2=\"28\" y2=\"14\" gradientUnits=\"userSpaceOnUse\">\n                <stop stop-color=\"#A00021\"\/>\n                <stop offset=\"0.479167\" stop-color=\"#CC1221\"\/>\n                <stop offset=\"1\" stop-color=\"#CC3621\"\/>\n                <\/linearGradient>\n                <\/defs>\n                <\/svg>\n\n                <p>\n                <p data-pm-slice=\"1 1 []\">S\u00ec, il chatbot myls \u00e8 compatibile con tutti i sistemi comuni di gestione dei contenuti (CMS) e i page builder. Si integra perfettamente con siti web costruiti con WordPress, Elementor, Divi o persino con sistemi di negozi online come WooCommerce. <\/p>                <\/p>\n            <\/div>\n        <\/div>\n                <div class=\"accordion-item\">\n            <button class=\"accordion-header\">\n                <div class=\"svg-icon\">\n                    <svg width=\"23\" height=\"8\" viewBox=\"0 0 23 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M3.54 0.939998H19.44C21.12 0.939998 22.38 2.44 22.38 4.24C22.38 5.98 21.06 7.54 19.44 7.54H3.54C1.92 7.54 0.6 5.98 0.6 4.24C0.6 2.44 1.86 0.939998 3.54 0.939998Z\" fill=\"url(#paint0_linear_500_240)\"\/>\n                        <defs>\n                        <linearGradient id=\"paint0_linear_500_240\" x1=\"-3\" y1=\"4\" x2=\"27\" y2=\"4\" gradientUnits=\"userSpaceOnUse\">\n                        <stop stop-color=\"#A00021\"\/>\n                        <stop offset=\"0.479167\" stop-color=\"#CC1221\"\/>\n                        <stop offset=\"1\" stop-color=\"#CC3621\"\/>\n                        <\/linearGradient>\n                        <\/defs>\n                    <\/svg>\n                <\/div>\n\n                <span>\n                    Dove sono conservati i dati del chatbot (protezione dei dati)?                <\/span>\n            <\/button>\n            <div class=\"accordion-content\">\n                <svg style=\"visibility: hidden;\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M15.88 3.44V10.28H22.78C24.34 10.28 25.48 11.66 25.48 13.34C25.48 14.96 24.28 16.4 22.78 16.4H15.88V23.3C15.88 24.86 14.5 26 12.82 26C11.2 26 9.76 24.8 9.76 23.3V16.4H2.92C1.42 16.4 0.22 14.96 0.22 13.34C0.22 11.66 1.36 10.28 2.92 10.28H9.76V3.44C9.76 1.94 11.2 0.739999 12.82 0.739999C14.5 0.739999 15.88 1.88 15.88 3.44Z\" fill=\"url(#paint0_linear_500_232)\"\/>\n                <defs>\n                <linearGradient id=\"paint0_linear_500_232\" x1=\"-2\" y1=\"14\" x2=\"28\" y2=\"14\" gradientUnits=\"userSpaceOnUse\">\n                <stop stop-color=\"#A00021\"\/>\n                <stop offset=\"0.479167\" stop-color=\"#CC1221\"\/>\n                <stop offset=\"1\" stop-color=\"#CC3621\"\/>\n                <\/linearGradient>\n                <\/defs>\n                <\/svg>\n\n                <p>\n                <p data-pm-slice=\"1 1 []\">La sicurezza e gli standard svizzeri sono la nostra massima priorit\u00e0. Il chatbot myls \u00e8 conforme al FADP (Legge Svizzera sulla Protezione dei Dati). Il trattamento dei dati viene effettuato secondo i pi\u00f9 alti standard di sicurezza e offriamo supporto personale direttamente dalla Svizzera.  <\/p>                <\/p>\n            <\/div>\n        <\/div>\n                <div class=\"accordion-item\">\n            <button class=\"accordion-header\">\n                <div class=\"svg-icon\">\n                    <svg width=\"23\" height=\"8\" viewBox=\"0 0 23 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M3.54 0.939998H19.44C21.12 0.939998 22.38 2.44 22.38 4.24C22.38 5.98 21.06 7.54 19.44 7.54H3.54C1.92 7.54 0.6 5.98 0.6 4.24C0.6 2.44 1.86 0.939998 3.54 0.939998Z\" fill=\"url(#paint0_linear_500_240)\"\/>\n                        <defs>\n                        <linearGradient id=\"paint0_linear_500_240\" x1=\"-3\" y1=\"4\" x2=\"27\" y2=\"4\" gradientUnits=\"userSpaceOnUse\">\n                        <stop stop-color=\"#A00021\"\/>\n                        <stop offset=\"0.479167\" stop-color=\"#CC1221\"\/>\n                        <stop offset=\"1\" stop-color=\"#CC3621\"\/>\n                        <\/linearGradient>\n                        <\/defs>\n                    <\/svg>\n                <\/div>\n\n                <span>\n                    Quanto costa un chatbot AI per una PMI in Svizzera?                <\/span>\n            <\/button>\n            <div class=\"accordion-content\">\n                <svg style=\"visibility: hidden;\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M15.88 3.44V10.28H22.78C24.34 10.28 25.48 11.66 25.48 13.34C25.48 14.96 24.28 16.4 22.78 16.4H15.88V23.3C15.88 24.86 14.5 26 12.82 26C11.2 26 9.76 24.8 9.76 23.3V16.4H2.92C1.42 16.4 0.22 14.96 0.22 13.34C0.22 11.66 1.36 10.28 2.92 10.28H9.76V3.44C9.76 1.94 11.2 0.739999 12.82 0.739999C14.5 0.739999 15.88 1.88 15.88 3.44Z\" fill=\"url(#paint0_linear_500_232)\"\/>\n                <defs>\n                <linearGradient id=\"paint0_linear_500_232\" x1=\"-2\" y1=\"14\" x2=\"28\" y2=\"14\" gradientUnits=\"userSpaceOnUse\">\n                <stop stop-color=\"#A00021\"\/>\n                <stop offset=\"0.479167\" stop-color=\"#CC1221\"\/>\n                <stop offset=\"1\" stop-color=\"#CC3621\"\/>\n                <\/linearGradient>\n                <\/defs>\n                <\/svg>\n\n                <p>\n                <p data-pm-slice=\"1 1 []\">Da myls, ci concentriamo sulla totale trasparenza dei costi. Invece di una fatturazione complicata per messaggio o &#8220;token&#8221;, offriamo un prezzo annuale fisso. Per te, questo significa: nessun costo nascosto, nessuna commissione per messaggio e completa sicurezza della pianificazione per il tuo budget.  <\/p>                <\/p>\n            <\/div>\n        <\/div>\n        \t\t        <script type=\"application\/ld+json\">\n        {\n        \"@context\": \"https:\/\/schema.org\",\n        \"@type\": \"FAQPage\",\n        \"mainEntity\": [\n                            {\n                    \"@type\": \"Question\",\n                    \"name\": \"Il chatbot funziona con WordPress, Elementor o WooCommerce?\",\n                    \"acceptedAnswer\": {\n                        \"@type\": \"Answer\",\n                        \"text\": \"S\u00ec, il chatbot myls \u00e8 compatibile con tutti i sistemi comuni di gestione dei contenuti (CMS) e i page builder. Si integra perfettamente con siti web costruiti con WordPress, Elementor, Divi o persino con sistemi di negozi online come WooCommerce.\"\n                    }\n                },                            {\n                    \"@type\": \"Question\",\n                    \"name\": \"Dove sono conservati i dati del chatbot (protezione dei dati)?\",\n                    \"acceptedAnswer\": {\n                        \"@type\": \"Answer\",\n                        \"text\": \"La sicurezza e gli standard svizzeri sono la nostra massima priorit\u00e0. Il chatbot myls \u00e8 conforme al FADP (Legge Svizzera sulla Protezione dei Dati). Il trattamento dei dati viene effettuato secondo i pi\u00f9 alti standard di sicurezza e offriamo supporto personale direttamente dalla Svizzera.\"\n                    }\n                },                            {\n                    \"@type\": \"Question\",\n                    \"name\": \"Quanto costa un chatbot AI per una PMI in Svizzera?\",\n                    \"acceptedAnswer\": {\n                        \"@type\": \"Answer\",\n                        \"text\": \"Da myls, ci concentriamo sulla totale trasparenza dei costi. Invece di una fatturazione complicata per messaggio o &quot;token&quot;, offriamo un prezzo annuale fisso. Per te, questo significa: nessun costo nascosto, nessuna commissione per messaggio e completa sicurezza della pianificazione per il tuo budget.\"\n                    }\n                }                    ]\n        }\n        <\/script>\n                <\/div>\n\n<\/div>\n    <script>\n        (function($) {\n            'use strict';\n\n            $('#myls-faq-block-block_84550aeef0c861525063753e4860f438 .accordion-header').find('.svg-icon').html(\n                `\n                <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M15.88 3.44V10.28H22.78C24.34 10.28 25.48 11.66 25.48 13.34C25.48 14.96 24.28 16.4 22.78 16.4H15.88V23.3C15.88 24.86 14.5 26 12.82 26C11.2 26 9.76 24.8 9.76 23.3V16.4H2.92C1.42 16.4 0.22 14.96 0.22 13.34C0.22 11.66 1.36 10.28 2.92 10.28H9.76V3.44C9.76 1.94 11.2 0.739999 12.82 0.739999C14.5 0.739999 15.88 1.88 15.88 3.44Z\" fill=\"url(#paint0_linear_500_232)\"\/>\n                    <defs>\n                    <linearGradient id=\"paint0_linear_500_232\" x1=\"-2\" y1=\"14\" x2=\"28\" y2=\"14\" gradientUnits=\"userSpaceOnUse\">\n                    <stop stop-color=\"#A00021\"\/>\n                    <stop offset=\"0.479167\" stop-color=\"#CC1221\"\/>\n                    <stop offset=\"1\" stop-color=\"#CC3621\"\/>\n                    <\/linearGradient>\n                    <\/defs>\n                <\/svg>\n                `\n            )\n\n            $('#myls-faq-block-block_84550aeef0c861525063753e4860f438 .accordion-header').click(function () {\n                var content = $(this).next('.accordion-content');\n                var svg_icon = $(this).find('.svg-icon');\n                if (content.is(':visible')) {\n                    svg_icon.html(\n                        `\n                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M15.88 3.44V10.28H22.78C24.34 10.28 25.48 11.66 25.48 13.34C25.48 14.96 24.28 16.4 22.78 16.4H15.88V23.3C15.88 24.86 14.5 26 12.82 26C11.2 26 9.76 24.8 9.76 23.3V16.4H2.92C1.42 16.4 0.22 14.96 0.22 13.34C0.22 11.66 1.36 10.28 2.92 10.28H9.76V3.44C9.76 1.94 11.2 0.739999 12.82 0.739999C14.5 0.739999 15.88 1.88 15.88 3.44Z\" fill=\"url(#paint0_linear_500_232)\"\/>\n                        <defs>\n                        <linearGradient id=\"paint0_linear_500_232\" x1=\"-2\" y1=\"14\" x2=\"28\" y2=\"14\" gradientUnits=\"userSpaceOnUse\">\n                        <stop stop-color=\"#A00021\"\/>\n                        <stop offset=\"0.479167\" stop-color=\"#CC1221\"\/>\n                        <stop offset=\"1\" stop-color=\"#CC3621\"\/>\n                        <\/linearGradient>\n                        <\/defs>\n                        <\/svg>\n                        `\n                    )\n                    content.slideUp();\n                } else {\n\n                    $('#myls-faq-block-block_84550aeef0c861525063753e4860f438 .accordion-content').slideUp();\n                    $.each($('#myls-faq-block-block_84550aeef0c861525063753e4860f438 .svg-icon'), function (indexInArray, valueOfElement) { \n                         $(this).html(\n                            `\n                                <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M15.88 3.44V10.28H22.78C24.34 10.28 25.48 11.66 25.48 13.34C25.48 14.96 24.28 16.4 22.78 16.4H15.88V23.3C15.88 24.86 14.5 26 12.82 26C11.2 26 9.76 24.8 9.76 23.3V16.4H2.92C1.42 16.4 0.22 14.96 0.22 13.34C0.22 11.66 1.36 10.28 2.92 10.28H9.76V3.44C9.76 1.94 11.2 0.739999 12.82 0.739999C14.5 0.739999 15.88 1.88 15.88 3.44Z\" fill=\"url(#paint0_linear_500_232)\"\/>\n                                <defs>\n                                <linearGradient id=\"paint0_linear_500_232\" x1=\"-2\" y1=\"14\" x2=\"28\" y2=\"14\" gradientUnits=\"userSpaceOnUse\">\n                                <stop stop-color=\"#A00021\"\/>\n                                <stop offset=\"0.479167\" stop-color=\"#CC1221\"\/>\n                                <stop offset=\"1\" stop-color=\"#CC3621\"\/>\n                                <\/linearGradient>\n                                <\/defs>\n                                <\/svg>\n                            `\n                         )\n                    });\n                    svg_icon.html(\n                        `\n                        <svg width=\"23\" height=\"8\" viewBox=\"0 0 23 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M3.54 0.939998H19.44C21.12 0.939998 22.38 2.44 22.38 4.24C22.38 5.98 21.06 7.54 19.44 7.54H3.54C1.92 7.54 0.6 5.98 0.6 4.24C0.6 2.44 1.86 0.939998 3.54 0.939998Z\" fill=\"url(#paint0_linear_500_240)\"\/>\n                        <defs>\n                        <linearGradient id=\"paint0_linear_500_240\" x1=\"-3\" y1=\"4\" x2=\"27\" y2=\"4\" gradientUnits=\"userSpaceOnUse\">\n                        <stop stop-color=\"#A00021\"\/>\n                        <stop offset=\"0.479167\" stop-color=\"#CC1221\"\/>\n                        <stop offset=\"1\" stop-color=\"#CC3621\"\/>\n                        <\/linearGradient>\n                        <\/defs>\n                        <\/svg>\n                        `\n                    )\n                    content.slideDown();\n                    content.css('display', 'flex');\n                }\n            });\n\n        })(jQuery);\n    <\/script>\n\n<\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7588","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/myls.ch\/it\/wp-json\/wp\/v2\/pages\/7588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myls.ch\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/myls.ch\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/myls.ch\/it\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/myls.ch\/it\/wp-json\/wp\/v2\/comments?post=7588"}],"version-history":[{"count":30,"href":"https:\/\/myls.ch\/it\/wp-json\/wp\/v2\/pages\/7588\/revisions"}],"predecessor-version":[{"id":8420,"href":"https:\/\/myls.ch\/it\/wp-json\/wp\/v2\/pages\/7588\/revisions\/8420"}],"wp:attachment":[{"href":"https:\/\/myls.ch\/it\/wp-json\/wp\/v2\/media?parent=7588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}