Umiestnenie Ella chatbota na externý web

    Vzorový script na umiestnenie Ella chatbota na akýkoľvek web (aj externý, vytvorený mimo Ellipse).

    Vzorový script

    <script src="https://www.dubno.sk/load-ella.js" async 
            data-width="75px"       
            data-height="75px" 
            data-position-side="right" 
            data-position="bottom"
            data-mobile-offset="95px"
            data-mobile-width="60px"
            data-mobile-height="60px"
            data-mobile-side-offset="15px"
            data-border-radius="200%">
     </script>

    Možnosti prispôsobenia widgetu

    Script umožňuje kompletnú customizáciu vzhľadu a správania ikony Ella virtuálneho recepcionistu pomocou data atribútov priamo v HTML tagu scriptu. Ako doména musí byť použitá URL base, na ktorej je pustený systém Ellipse. 

    Nastaviteľné parametre:

    Rozmery a vzhľad:

    • data-width - šírka ikony (predvolené: 60px)
    • data-height - výška ikony (predvolené: 60px)
    • data-border-radius - zaoblenie rohov (predvolené: 50% - kruh)
    • data-icon-src - vlastná URL ikony

    Pozícia na stránke:

    • data-position-side - strana obrazovky: left/right (predvolené: right)
    • data-position - vertikálna pozícia: bottom/top (predvolené: bottom)
    • data-side-offset - odsadenie od boku (predvolené: 20px)
    • data-offset - odsadenie zhora/zdola (predvolené: 20px)

    Mobilné nastavenia:

    • data-mobile-width - šírka na mobile (predvolené: 50px)
    • data-mobile-height - výška na mobile (predvolené: 50px)
    • data-mobile-side-offset - bočné odsadenie na mobile (predvolené: 15px)
    • data-mobile-offset - vertikálne odsadenie na mobile (predvolené: 15px)

    Správanie:

    • data-delay - oneskorenie zobrazenia v ms (predvolené: 5000)
    • data-target-url - cieľová URL po kliknutí
    • Automatické skrytie na 10 minút po zatvorení (uložené v localStorage)

    Výsledok