How to change customer portal header and footer in Montana theme
New Montana theme in LiveAgent is coming with it's own header and footer. This header and footer can be customized directly in your LiveAgent agent panel > Customer portal > Settings > Customize design >Design > Own HTML
Video Guide:
You can replace our default header and footer with your own custom HTML codes. Feel free to use our default header and footer codes below as inspiration.
This is the original header code:
<nav class="navbar"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand KBLogo" href="{$baseUrl}"></a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul id="menu-header-menu" class="nav navbar-nav"> <li id="menu-item-mytickets" class="menu-item"><a href="{'my_tickets'|module_url}#My-Tickets"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> ##My tickets##</a></li> {if ($submitTicketEnabled)} <li id="menu-item-submitticket" class="menu-item"><a href="{'submit_ticket'|module_url}"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span> ##Submit ticket##</a></li> {/if} {if ($userLogged)} <li id="menu-item-user" class="menu-item"> <a id="editProfileButton" href="{'profile'|module_url}"> <div class="Avatar"> <img id="loggedUserAvatar" height="33" width="33" src=" {$avatarUrl}" class="UserAvatar" title="##Avatar image##" alt="##Avatar image##" /> </div> {$name} </a> </li> <li id="menu-item-logout" class="menu-item"><a href="{'logout'|action_url}"><span class="glyphicon glyphicon-off" aria-hidden="true"></span> ##Logout##</a></li> {else} <li id="menu-item-login" class="menu-item"><a href="{'login'|module_url}"><span class="glyphicon glyphicon-off" aria-hidden="true"></span> ##Login##</a></li> {/if} </ul> </div> </div> </nav>
This is the original footer code:
<div class="footer-links"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6"> <div class="product-desc"> <h5>Ärendehantering via...</h5> <p>LiveAgent är ett modernt och flexibelt system för <a href="http://www.liveagent.se/funktioner/" target="_blank">effektiv kundsupport</a>. Ärendehantering, <a href="http://www.liveagent.se/funktioner/live-chatt/" target="_blank">chatt</a>, social närvaro, IP-telefoni, Helpdesk, mailsupport, kundspårning och så <a href="http://www.liveagent.se/funktioner/konvertering/" target="_blank">mycket mer</a>. Allt du behöver på ett och samma ställe! Jobba var du vill genom att enkelt logga in i LiveAgent. Givetvis med SSL säkerhet. <a href="http://www.liveagent.se/prova-gratis-chatt-i-14-dagar/" target="_blank">Prova</a> kostnadsfritt i 14 dagar. </p> </div> </div> <div class="col-md-3 col-sm-6"> <div class="product-links"> <h5>LiveAgent</h5> <ul> <li><a href="http://www.liveagent.se/priser/">Priser</a></li> <li><a href="http://www.liveagent.se/omdomen/">Omdömen</a></li> <li><a href="http://www.liveagent.se/prova-gratis-chatt-i-14-dagar/">Gratis utvärdering</a></li> <li><a href="http://support.liveagent.se">Kundsupport</a></li> <li><a href="http://www.liveagent.se">Hemsidan</a></li> </ul> </div> </div> <div class="col-md-3 col-sm-6"> <div class="product-links"> <h5>Översikt</h5> <ul> <li><a href="http://www.liveagent.se/funktioner/">Ta en rundtur</a></li> <li><a href="http://www.liveagent.se/funktioner/live-chatt/">Chattfunktioner</a></li> <li><a href="http://www.liveagent.se/wp-content/uploads/2015/01/LiveAgent.se_.mp4">Se filmen</a></li> <li><a href="https://twitter.com/LiveAgentSE">Följ oss på Twitter</a></li> <li><a href="mailto:support@liveagent.se?Subject=Hej,%20jag%20har%20en%20fråga!" target="_top">Maila oss</a></li> </ul> </div> </div> <div class="col-md-3 col-sm-6"> <div class="popular-links"> <h5>FAQ</h5> <ul> <li><a href="http://support.liveagent.se/index.php?type=page&urlcode=053527&title=S%C3%A5-skapar-och-l%C3%A4gger-du-in-en-chattknapp-med-LiveAgent">Hur skapar jag egna chattknappar?</a></li> <li><a href="http://support.liveagent.se/index.php?type=page&urlcode=599618&title=Komplett-dokumentation-%C3%B6ver-LiveAgent-Rest-API">Finns det något dokument med teknisk information?</a></li> <li><a href="http://support.liveagent.se/index.php?type=page&urlcode=144362&title=%C3%84r-chatten-mobilanpassad">Är LiveAgent mobilanpassad?</a></li> <li><a href="http://support.liveagent.se/index.php?type=page&urlcode=500347&title=S%C3%A5-skapar-du-chattinbjudningar-med-LiveAgent---Proaktiv-kundservice">Hur kan jag skapa chattinbjudningar som kommer upp automatiskt?</a></li> <li><a href="http://support.liveagent.se/index.php?type=page&urlcode=903519&title=Bifoga-filer-i-chatten">Kan man skicka filer till varandra direkt via chattrutan?</a></li> </ul> </div> </div> </div> </div> </div>