Transbank es la opción de pago más conveniente para tu negocio y para todo tipo de comercios en Chile
Hazte cliente

Vende por internet con un solo click

Ofrece a tus clientes pagar en tu sitio web sin tener que completar los datos de su tarjeta en cada transacción.
webpay oneclick transbank
Abono en 24 horas

Abono en 24 horas

Sin importar tu banco, abonos en 24 hrs hábiles con tarjetas de débito y prepago, y en 48 horas hábiles con tarjetas de crédito.

Ventas 24/7 sin límite

Ventas 24/7 sin límite

Realiza ventas todos los días de la semana y en cualquier horario, sin límite de monto.

Calcula tu comisión por venta

Calcula tu comisión por venta

Simula tu comisión por venta aquí

para tarjetas de débito, crédito (cuotas) y prepago.

¿Qué es Oneclick?

Producto  para ventas por internet que te permitirá ofrecer pagos de servicios y/o productos en un solo click, facilitando de esa forma el realizar transacciones rápidas para tus clientes registrados, sin tener que completar los datos de su tarjeta en cada transacción. Oneclick es el producto para ti si tus clientes te realizan pagos frecuentes.
que es el producto oneclick
Rapidez y simpleza.
Tu cliente inscribe su tarjeta en tu comercio y para las futuras transacciones paga en un solo click, sin la necesidad de ingresar la información de su tarjeta en cada uno de sus pagos o compras.
Acepta diferentes medios de pago.
Permite pago con débito, crédito y prepago, mediante lectura de banda, chip y sin contact.
Vende en línea con la seguridad de Transbank.
Ofrece a tus clientes transacciones seguras y protégete de fraudes con nuestra tecnología.

¿Qué beneficios tiene Oneclick para mí y mis clientes?

beneficios oneclick transbank
  • El producto mitiga la fuga de clientes de tu comercio.
  • Se reduce tiempo en la transacción y fricción en el proceso de pago.
  • Mayor tasa de conversión de ventas.
  • Aumenta tus ventas: podrás recibir pagos con tarjetas de débito, crédito y prepago. Además, podrás aceptar pagos en cuotas.
  • Pago garantizado de transacciones autenticadas: el abono se realizará en 24 horas hábiles para ventas con débito/prepago y 48 horas hábiles para ventas con crédito.
  • Mayor rapidez y simpleza en el pago de tus productos y servicios.
  • Más comodidad y disponibilidad.: Podrán pagar las 24 horas del día, todo el año, desde cualquier dispositivo conectado a Internet.
  • Mayor flexibilidad en la compra: tus clientes contarán con una alternativa al efectivo. Ofrece pagos con tarjeta de debito y crédito (con y sin cuotas)
  • Seguridad: tus transacciones cumplirán con los más altos estándares de seguridad de Transbank y la industria.

El proceso es fácil

En pocos pasos tus clientes te comprarán con un solo click.
contrata webpay oneclick
integra webpay oneclick
valida webpay oneclick
vende con webpay oneclick

Recibe pagos desde tu sitio web con el respaldo de seguridad de Transbank.

¡Olvídate de las transferencias! Tus clientes podrán optar a la posibilidad de pagar desde tu sitio web con tarjetas de débito y crédito ¡y en un solo click!
recibe pagos sitio web webpay oneclick
Webpay Oneclick

Solo pagas comision
por cada venta

  • No pagarás mensualidades fijas, solo las comisiones asociadas a cada venta.
  • Integra la pasarela de pago a tu proceso de compra en tu sitio web.
  • Accede a toda la información de tus ventas a través de tu Portal de Clientes y App TBK.
  • Vende tranquilo por internet gracias a los altos estándares de seguridad de Transbank.
Contratar Webpay Oneclick

¿Necesitas ayuda con tu contratación?

¡Podemos asistirte para que resuelvas las dudas que tengas y comiences a vender lo antes posible! Haz clic en el siguiente botón y podrás acceder a nuestro formulario de contacto. Ingresa tus datos y te llamaremos dentro de las próximas 24 hrs. 

¡No te olvides de preguntarnos por nuestro Reporte de Bines de Oneclick! Al contratar el reporte de Oneclick podrás conocer en línea el bin  (dato necesario para identificar el banco que emite la tarjeta) que más transacciona en tu comercio y si lo complementas con el “listado de bines” podrás conocer en detalle el nombre del banco emisor, marca y medios de pagos más utilizados en su sitio web. Contar con esta información te será de utilidad para generar negociaciones con distintos bancos emisores para implementar descuentos específicos por medio de pago y así generar alianzas comerciales para potenciar las ventas de tu comercio

¿Ya tienes tu producto Webpay Oneclick?

Revisa en el siguiente botón la información técnica necesaria para su implementación. 

Recibe pagos con tarjetas y en cuotas.
Segura y fácil de usar.

Recibe pagos con tarjetas

¿Aún tienes dudas?

Revisa las respuestas a las preguntas frecuentes asociadas al producto.
Al contratar el reporte de Oneclick podrás conocer en línea el bin (dato necesario para identificar el banco que emite la tarjeta) que más transacciona en tu comercio y si lo complementas con el “listado de bines” podrás conocer en detalle el nombre del banco emisor, marca y medios de pagos más utilizados en su sitio web. Contar con esta información te será de utilidad para generar negociaciones con distintos bancos emisores para implementar descuentos específicos por medio de pago y así generar alianzas comerciales para potenciar las ventas de tu comercio. Solicítalo a través de tu ejecutivo o Contact Center.
Sólo debes ser mayor de 18 años y contar con una cuenta para recibir tus abonos (puede ser tuya o de un tercero).
Sí, se puede solicitar los servicios y/o productos Transbank con deudas en DICOM.
No necesariamente, si tienes inicio de actividades, el sistema identificará tus actividades inscritas en el SII y en caso de no tener, puedes seleccionar la categoría que mejor refleje tu negocio. Debes considerar que, si no tienes inicio de actividades, puedes realizar un máximo de transacción de $ 200.000. Si quieres cambiar este monto, lo puedes regularizar realizando iniciación de actividades en SII
Las ventas realizadas con tarjeta de débito se abonarán en un plazo de 24 horas hábiles y las realizadas con tarjeta de crédito en 48 horas hábiles.
Podrás encontrar toda esta información y mucho más en tu Portal de Clientes: www.transbank.cl botón Acceso clientes y también en tu App Transbank.
Si. Contáctate con tu ejecutivo comercial o nuestro Contact Center y te apoyaremos en la contratación e implementación.
Si. La integración del producto requiere de conocimientos en lenguajes de programación y plataformas. Es por esto que te recomendamos contactar a un experto.
Es el proceso tecnológico a través del cual conectas y dejas operativo el producto en tu sitio web. Para obtener información detallada de este proceso, ingresa en www.transbankdevelopers.cl
Para obtener información detallada de este proceso, ingresa en www.transbankdevelopers.cl
Para obtener información detallada de los plugins oficiales para la integración del producto, ingresa en www.transbankdevelopers.cl
Podrás encontrar toda esta información y mucho más en tu Portal de Clientes: www.transbank.cl botón Acceso clientes y también en tu App Transbank.


Te ayudamos

En Transbank estamos disponibles para ayudarte y responder a todas tus dudas o consultas sobre nuestros productos y servicios.

Visita nuestro centro de ayuda

Servicio al cliente.

Llamanos desde tu celular al (+56 2) 266 127 00 o desde tu teléfono fijo al 600 638 6380.
Horario de atención: Lunes a domingo de 08:00 a 22:00 horas.

¿Necesitas apoyo? ¡Te llamamos!

Haz clic aquí, ingresa tus datos de contacto y agenda una llamada. Uno de nuestros ejecutivos te contactará para entregarte toda la información que necesitas para contratar.

logo_Transbank
Se ha producido un error al procesar la plantilla. 
Java method "com.liferay.portal.model.impl.LayoutImpl.isSelected(boolean, com.liferay.portal.kernel.model.Layout, long)" takes 3 arguments, but 0 was given.

----
FTL stack trace ("~" means nesting-related):
	- Failed at: #if hijoNivelUno.isSelected()  [in template "20101#20131#46174" in function "tieneHijoActivo" at line 22, column 13]
----
1<#assign 
2	landing_ios = getterUtil.getString(themeDisplay.getThemeSettings()["url landing download appstore"], '#') 
3	landing_android = getterUtil.getString(themeDisplay.getThemeSettings()["url landing download googleplay"], '#') 
4	 
5	login_client = getterUtil.getString(themeDisplay.getThemeSettings()["url login"], '#') 
6	hazte_clientes_url = htmlUtil.escapeHREF(getterUtil.getString(themeDisplay.getThemeSettings()["hazte-cliente-url-header"])) 
7	 
8	imagesPath = themeDisplay.getPathThemeImages() 
9	urlSitio = themeDisplay.getLayout().getGroup().getFriendlyURL() 
10	urlFinal = htmlUtil.escapeHREF(themeDisplay.getPortalURL()+ '/web' + urlSitio) 
11	layout = themeDisplay['plid'] 
12    layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") 
13    layoutObject = layoutService.getLayout(layout?number) 
14    categoria = layoutObject.getGroup().getExpandoBridge().getAttribute('categoria-portal-gtm')!"portal publico" 
15    evento = layoutObject.getGroup().getExpandoBridge().getAttribute('evento-portal-gtm')!"evento-interactivo" 
16	accion = "click - menu superior" 
17/> 
18<#function tieneHijoActivo hijos> 
19    <#local tieneHijosActivos=false> 
20    <#if hijos?has_content> 
21        <#list hijos as hijoNivelUno> 
22            <#if hijoNivelUno.isSelected()> 
23                <#assign 
24                    tieneHijosActivos=true 
25                /> 
26                <#return tieneHijosActivos> 
27            </#if> 
28            <#if hijoNivelUno.hasChildren()> 
29                <#list hijoNivelUno.getChildren() as hijoNivelDos> 
30                    <#if hijoNivelDos.isSelected()> 
31                        <#assign 
32                            tieneHijosActivos=true 
33                        /> 
34                        <#return tieneHijosActivos> 
35                    </#if>                 
36                    <#if hijoNivelDos.hasChildren()> 
37                        <#list hijoNivelDos.getChildren() as hijoNivelTres> 
38                            <#if hijoNivelTres.isSelected()> 
39                                <#assign 
40                                    tieneHijosActivos=true 
41                                /> 
42                                <#return tieneHijosActivos> 
43                            </#if>   
44                        </#list> 
45                    </#if>   
46                </#list> 
47            </#if> 
48        </#list> 
49    </#if>  
50    <#return tieneHijosActivos> 
51</#function> 
52<header class="sherd-header d-flex" style="margin-left: -12px; margin-right: -12px;"> 
53    <div class="box-header-tbk justify-content-between"> 
54        <div class="logo-tbk"> 
55            <a href="${htmlUtil.escapeHREF(urlFinal)}/" class="evento-head-gtm" data-title="Logo Home"> 
56                <img src="${imagesPath}/logo_transbank_color.svg" height="30" alt="Transbank es la opción de pago más conveniente para tu negocio y para todo tipo de comercios en Chile"/> 
57            </a>             
58        </div> 
59        <div class="box-links-tbk"> 
60            <div class="box-mobile-links-tbk"> 
61                <div class="contenido-menu-tbk__nav mr-3"> 
62                    <nav class="sort-pages modify-pages" id="navigation" role="navigation"> 
63                        <ul class="list-principal" aria-label="Páginas del sitio web" role="menubar"> 
64                            <#if entries?has_content> 
65                            	<#list entries as navigationEntry> 
66                            	    <#if navigationEntry.hasChildren()> 
67                            	        <#assign menoUnoActivo=tieneHijoActivo(navigationEntry.getChildren())> 
68                                        <li class="menu-header-tbk open-menu-tbk ${menoUnoActivo?c}" role="presentation" data-id="${navigationEntry?index}"> 
69                                            <a aria-haspopup="true" href="#" role="menuitem" class="pr-1"> 
70                                                <span>${navigationEntry.getName()}</span> 
71                                            </a> 
72                                            <a class="icon-chevron-mobile icon-down icon-header-tbk" data-id="${navigationEntry?index}" href="#"> 
73                                                <i class="eva fs-3 eva-arrow-ios-downward icon-close" style=""></i> 
74                                                <i class="eva fs-3 eva-arrow-ios-upward-outline icon-open" style="display: none"></i> 
75                                            </a> 
76                                            <div class="franja-selected"></div> 
77                                        </li> 
78                                        <ul class="child-menu" role="menu" data-id="${navigationEntry?index}" style="display: none;"> 
79                                            <#list navigationEntry.getChildren() as nav_child> 
80                                                <li class="list-second-tbk" role="presentation"> 
81                                                    <#if nav_child.hasChildren()> 
82                                                        <a class="title-first-title evento-head-gtm" 
83                                                            href="#" 
84                                                            nav_child.getLayoutType() 
85                                                            role="menuitem"> 
86                                                            ${nav_child.getName()} 
87                                                        </a> 
88                                                        <span class="line-menu-tbk"></span> 
89                                                        <!-- Second --> 
90                                                        <ul class="child-menu-view" role="menu" data-id="${nav_child?index}"> 
91                                                            <#list nav_child.getChildren() as nav_child2> 
92                                                                <li class="list-second" role="presentation"> 
93                                                                    <a href="${nav_child2.getURL()}" 
94                                                                        data-title="${nav_child2.getName()}" 
95                                                                        class="evento-head-gtm"  
96                                                                        ${nav_child2.getTarget()} 
97                                                                        role="menuitem"> 
98                                                                        ${nav_child2.getName()} 
99                                                                    </a> 
100                                                                </li> 
101                                                            </#list>  
102                                                        </ul> 
103                                                    <#else> 
104                                                    <a class="title-first-title evento-head-gtm" 
105                                                        href="${nav_child.getURL()}" 
106                                                        ${nav_child.getTarget()} 
107                                                        data-title="${nav_child.getName()}" 
108                                                        role="menuitem"> 
109                                                        ${nav_child.getName()} 
110                                                    </a> 
111                                                <span class="line-menu-tbk"></span> 
112                                                    </#if> 
113                                                </li>                                             
114                                            </#list> 
115                                        </ul> 
116                            	    <#else> 
117                                        <li class="menu-header-tbk" role="presentation" > 
118                                            <#if navigationEntry?has_content> 
119                                                <a href=""  
120                                                    data-id="${navigationEntry?index}" 
121                                                    ${navigationEntry.getTarget()} role="menuitem" 
122                                                    data-title="${navigationEntry.getName()}" 
123                                                    class="pr-1 evento-head-gtm" ${navigationEntry.getTarget()}> 
124                                                    <span>${navigationEntry.getName()}</span> 
125                                                </a> 
126                                            </#if> 
127                                        </li>                            	     
128                            	    </#if> 
129 
130                            	</#list> 
131                            </#if>                          
132                        </ul> 
133                    </nav> 
134                </div> 
135                <div class="buttons-access-tbk"> 
136                    <a href="${htmlUtil.escapeHREF(login_client)}" style="display: none;" class="btn-primary-mobile sherd-button button--primary button--outlined button--sm evento-head-gtm desktop" data-title="Acceso cliente"> 
137                        Acceso cliente 
138                    </a>                     
139                    <a class="btn-secondary-mobile sherd-button button--primary button--contained button--sm evento-head-gtm" data-title="Hazte cliente" href="${htmlUtil.escapeHREF(hazte_clientes_url)}"> 
140                        Hazte cliente 
141                    </a>                     
142                </div> 
143            </div> 
144 
145        </div> 
146    </div> 
147</header> 
148<header style="margin-left: -12px; margin-right: -12px;"> 
149    <nav class="sherd-header--mobile"> 
150      <!-- Nabvar mobile colapsada --> 
151      <div class="navbar__header--mobile px-2"> 
152        <a href="${htmlUtil.escapeHREF(urlFinal)}/" class="evento-head-gtm" data-title="Logo Home"> 
153            <img class="logo__mobile" src="${imagesPath}/logo_transbank_color.svg" width="116" height="27" alt="Transbank es la opción de pago más conveniente para tu negocio y para todo tipo de comercios en Chile"> 
154        </a>   
155        <button 
156            class="navbar-toggler collapsed p-0 mr-2" 
157            type="button" 
158            data-toggle="collapse" 
159            data-target="#navbarMobile" 
160            aria-controls="navbarMobile" 
161            aria-expanded="false" 
162            aria-label="Toggle navigation"> 
163            <span class="hamburguer-icon top-bar"></span> 
164            <span class="hamburguer-icon middle-bar"></span> 
165            <span class="hamburguer-icon bottom-bar"></span> 
166        </button> 
167      </div> 
168      <!-- Menú de navegación --> 
169      <div class="navbar__body--mobile collapse" id="navbarMobile"> 
170        <ul class="main-menu list-unstyled mb-0"> 
171            <#if entries?has_content> 
172                <#list entries as navigationEntry> 
173                    <#if navigationEntry.hasChildren()> 
174                    <li> 
175                        <!-- Accordion productos y servicios --> 
176                        <div id="accordionProductos${navigationEntry?index}"> 
177                          <!-- Accordion header productos y servicios--> 
178                          <div id="headerProductos${navigationEntry?index}"> 
179                            <a  
180                              href="#"  
181                              data-toggle="collapse"  
182                              data-target="#collapseProductos${navigationEntry?index}"  
183                              aria-expanded="false" 
184                              aria-controls="collapseProductos${navigationEntry?index}" 
185                              class="d-flex align-items-center p-3 text-white text-decoration-none collapsed"> 
186                              ${navigationEntry.getName()} 
187                              <i class="eva eva-arrow-ios-downward ml-3"></i> 
188                            </a> 
189                          </div> 
190                          <!-- Accordion content productos y servicios--> 
191                          <div id="collapseProductos${navigationEntry?index}" aria-labelledby="headerProductos${navigationEntry?index}" data-parent="#navbarMobile" class="collapse"> 
192                            <!-- Sub Accordion productos y servicios--> 
193                            <ul id="producto${navigationEntry?index}" class="sub-menu list-unstyled pb-3"> 
194                              <!-- Sub Accordion content productos y servicios --> 
195                              <#list navigationEntry.getChildren() as nav_child> 
196                              <li> 
197                                <#if nav_child.hasChildren()> 
198                                    <a  
199                                            id="headingProducto${navigationEntry?index}_${nav_child?index}" 
200                                            href="#" 
201                                            class="d-block position-relative p-3 pr-5 mx-3 text-white border-bottom text-decoration-none collapsible-link" 
202                                            data-toggle="collapse"  
203                                            data-target="#collapseProducto${navigationEntry?index}_${nav_child?index}"  
204                                            aria-expanded="false" 
205                                            aria-controls="headingProducto${navigationEntry?index}_${nav_child?index}"> 
206                                            ${nav_child.getName()} 
207                                    </a> 
208                                    <div id="collapseProducto${navigationEntry?index}_${nav_child?index}" aria-labelledby="collapseProducto${navigationEntry?index}_${nav_child?index}" data-parent="#headingProducto${navigationEntry?index}_${nav_child?index}" class="collapse"> 
209                                        <ul class="list-unstyled px-5"> 
210                                            <#list nav_child.getChildren() as nav_child2> 
211                                            <li> 
212                                                <a  
213                                                href="${nav_child2.getURL()}" 
214                                                data-title="${nav_child2.getName()}" 
215                                                ${nav_child2.getTarget()} 
216                                                class="d-block py-3 text-white text-decoration-none evento-head-gtm"> 
217                                                ${nav_child2.getName()} 
218                                                </a> 
219                                            </li> 
220                                            </#list> 
221                                        </ul> 
222                                    </div> 
223                                <#else> 
224                                    <a  
225                                        href="${nav_child.getURL()}" 
226                                        ${nav_child.getTarget()} 
227                                        data-title="${nav_child.getName()}" 
228                                        class="d-block position-relative py-3 px-3 mx-3 text-white border-bottom text-decoration-none evento-head-gtm"> 
229                                        ${nav_child.getName()} 
230                                    </a> 
231                                </#if> 
232                              </li> 
233                              </#list> 
234                            </ul> 
235                          </div> 
236                        </div> 
237                      </li> 
238                    <#else> 
239                        <li> 
240                            <a  
241                            href="${navigationEntry.getURL()}"  
242                            ${navigationEntry.getTarget()} 
243                            class="d-block p-3 text-white text-decoration-none evento-head-gtm" 
244                            data-title="${navigationEntry.getName()}"> 
245                            ${navigationEntry.getName()} 
246                            </a> 
247                        </li> 
248                    </#if>  
249                </#list> 
250            </#if>  
251        </ul> 
252        <div class="navbar__footer--mobile py-4 pt-5 pt-md-4"> 
253            <div class="col-md-6 col-lg-4 col-xl-3"> 
254                <a id="android" href="${htmlUtil.escapeHREF(landing_android)}" style="display: none;" class="btn btn--outline w-100 mb-4 evento-head-gtm" data-title="Acceso cliente"> 
255                    Acceso cliente 
256                </a> 
257                <a id="ios" href="${htmlUtil.escapeHREF(landing_ios)}" style="display: none;" class="btn btn--outline w-100 mb-4 evento-head-gtm" data-title="Acceso cliente"> 
258                    Acceso cliente 
259                </a> 
260                <a href="${htmlUtil.escapeHREF(login_client)}" style="display: none;" class="btn btn--outline w-100 mb-4 evento-head-gtm desktop" data-title="Acceso cliente"> 
261                    Acceso cliente 
262                </a>                 
263                <a class="btn btn--light w-100 evento-head-gtm" href="${htmlUtil.escapeHREF(hazte_clientes_url)}" data-title="Hazte cliente"> 
264                    Hazte cliente 
265                </a>   
266            </div> 
267        </div> 
268      </div> 
269    </nav> 
270</header> 
271<script> 
272    $(".navbar-toggler").click(function(){ 
273        $(".navbar__header--mobile").toggleClass("toggle__navbar--color"); 
274        $(".logo__mobile").toggleClass("toggle__logo--white"); 
275    }) 
276    var isMobile = { 
277        Android: function() { 
278            return navigator.userAgent.match(/Android/i); 
279        }, 
280        iOS: function() { 
281            return navigator.userAgent.match(/iPhone|iPad|iPod/i); 
282        }, 
283        any: function() { 
284            return (isMobile.Android() || isMobile.iOS()); 
285        } 
286    }; 
287    $( document ).ready(function checkMobile() { 
288        var browserType = isMobile.any()?"mobile":"not mobile"; 
289        if (browserType == 'not mobile') { 
290            $("#android").hide(); 
291     
292            $("#ios").hide(); 
293     
294            $(".desktop").show(); 
295        } else if(isMobile.Android()) { 
296            $("#android").show(); 
297     
298            $("#ios").hide(); 
299     
300            $(".desktop").hide(); 
301        } else if(isMobile.iOS()) { 
302            $("#android").hide(); 
303     
304            $("#ios").show(); 
305     
306            $(".desktop").hide(); 
307        } 
308    }); 
309    $( ".evento-head-gtm" ).click(function() { 
310        event.preventDefault(); 
311        var categoria = "${categoria} - transversal - menu superior"; 
312        var href = $(this).attr('href'); 
313        var target = $(this).attr('target'); 
314        const etiqueta = "header - " + $(this).attr("data-title"); 
315        tagEventoInteractivo('${evento}', categoria, '${accion}', etiqueta); 
316        var link = document.createElement('a'); 
317        link.href=href; 
318        if (!target) { 
319            link.target="_self"; 
320        } else { 
321            link.target=target; 
322        } 
323        link.click(); 
324    }); 
325</script> 
Se ha producido un error al procesar la plantilla. 
Java method "com.liferay.portal.model.impl.LayoutImpl.isSelected(boolean, com.liferay.portal.kernel.model.Layout, long)" takes 3 arguments, but 0 was given.

----
FTL stack trace ("~" means nesting-related):
	- Failed at: #if hijoNivelUno.isSelected()  [in template "20101#20131#46174" in function "tieneHijoActivo" at line 22, column 13]
----
1<#assign 
2	landing_ios = getterUtil.getString(themeDisplay.getThemeSettings()["url landing download appstore"], '#') 
3	landing_android = getterUtil.getString(themeDisplay.getThemeSettings()["url landing download googleplay"], '#') 
4	 
5	login_client = getterUtil.getString(themeDisplay.getThemeSettings()["url login"], '#') 
6	hazte_clientes_url = htmlUtil.escapeHREF(getterUtil.getString(themeDisplay.getThemeSettings()["hazte-cliente-url-header"])) 
7	 
8	imagesPath = themeDisplay.getPathThemeImages() 
9	urlSitio = themeDisplay.getLayout().getGroup().getFriendlyURL() 
10	urlFinal = htmlUtil.escapeHREF(themeDisplay.getPortalURL()+ '/web' + urlSitio) 
11	layout = themeDisplay['plid'] 
12    layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") 
13    layoutObject = layoutService.getLayout(layout?number) 
14    categoria = layoutObject.getGroup().getExpandoBridge().getAttribute('categoria-portal-gtm')!"portal publico" 
15    evento = layoutObject.getGroup().getExpandoBridge().getAttribute('evento-portal-gtm')!"evento-interactivo" 
16	accion = "click - menu superior" 
17/> 
18<#function tieneHijoActivo hijos> 
19    <#local tieneHijosActivos=false> 
20    <#if hijos?has_content> 
21        <#list hijos as hijoNivelUno> 
22            <#if hijoNivelUno.isSelected()> 
23                <#assign 
24                    tieneHijosActivos=true 
25                /> 
26                <#return tieneHijosActivos> 
27            </#if> 
28            <#if hijoNivelUno.hasChildren()> 
29                <#list hijoNivelUno.getChildren() as hijoNivelDos> 
30                    <#if hijoNivelDos.isSelected()> 
31                        <#assign 
32                            tieneHijosActivos=true 
33                        /> 
34                        <#return tieneHijosActivos> 
35                    </#if>                 
36                    <#if hijoNivelDos.hasChildren()> 
37                        <#list hijoNivelDos.getChildren() as hijoNivelTres> 
38                            <#if hijoNivelTres.isSelected()> 
39                                <#assign 
40                                    tieneHijosActivos=true 
41                                /> 
42                                <#return tieneHijosActivos> 
43                            </#if>   
44                        </#list> 
45                    </#if>   
46                </#list> 
47            </#if> 
48        </#list> 
49    </#if>  
50    <#return tieneHijosActivos> 
51</#function> 
52<header class="sherd-header d-flex" style="margin-left: -12px; margin-right: -12px;"> 
53    <div class="box-header-tbk justify-content-between"> 
54        <div class="logo-tbk"> 
55            <a href="${htmlUtil.escapeHREF(urlFinal)}/" class="evento-head-gtm" data-title="Logo Home"> 
56                <img src="${imagesPath}/logo_transbank_color.svg" height="30" alt="Transbank es la opción de pago más conveniente para tu negocio y para todo tipo de comercios en Chile"/> 
57            </a>             
58        </div> 
59        <div class="box-links-tbk"> 
60            <div class="box-mobile-links-tbk"> 
61                <div class="contenido-menu-tbk__nav mr-3"> 
62                    <nav class="sort-pages modify-pages" id="navigation" role="navigation"> 
63                        <ul class="list-principal" aria-label="Páginas del sitio web" role="menubar"> 
64                            <#if entries?has_content> 
65                            	<#list entries as navigationEntry> 
66                            	    <#if navigationEntry.hasChildren()> 
67                            	        <#assign menoUnoActivo=tieneHijoActivo(navigationEntry.getChildren())> 
68                                        <li class="menu-header-tbk open-menu-tbk ${menoUnoActivo?c}" role="presentation" data-id="${navigationEntry?index}"> 
69                                            <a aria-haspopup="true" href="#" role="menuitem" class="pr-1"> 
70                                                <span>${navigationEntry.getName()}</span> 
71                                            </a> 
72                                            <a class="icon-chevron-mobile icon-down icon-header-tbk" data-id="${navigationEntry?index}" href="#"> 
73                                                <i class="eva fs-3 eva-arrow-ios-downward icon-close" style=""></i> 
74                                                <i class="eva fs-3 eva-arrow-ios-upward-outline icon-open" style="display: none"></i> 
75                                            </a> 
76                                            <div class="franja-selected"></div> 
77                                        </li> 
78                                        <ul class="child-menu" role="menu" data-id="${navigationEntry?index}" style="display: none;"> 
79                                            <#list navigationEntry.getChildren() as nav_child> 
80                                                <li class="list-second-tbk" role="presentation"> 
81                                                    <#if nav_child.hasChildren()> 
82                                                        <a class="title-first-title evento-head-gtm" 
83                                                            href="#" 
84                                                            nav_child.getLayoutType() 
85                                                            role="menuitem"> 
86                                                            ${nav_child.getName()} 
87                                                        </a> 
88                                                        <span class="line-menu-tbk"></span> 
89                                                        <!-- Second --> 
90                                                        <ul class="child-menu-view" role="menu" data-id="${nav_child?index}"> 
91                                                            <#list nav_child.getChildren() as nav_child2> 
92                                                                <li class="list-second" role="presentation"> 
93                                                                    <a href="${nav_child2.getURL()}" 
94                                                                        data-title="${nav_child2.getName()}" 
95                                                                        class="evento-head-gtm"  
96                                                                        ${nav_child2.getTarget()} 
97                                                                        role="menuitem"> 
98                                                                        ${nav_child2.getName()} 
99                                                                    </a> 
100                                                                </li> 
101                                                            </#list>  
102                                                        </ul> 
103                                                    <#else> 
104                                                    <a class="title-first-title evento-head-gtm" 
105                                                        href="${nav_child.getURL()}" 
106                                                        ${nav_child.getTarget()} 
107                                                        data-title="${nav_child.getName()}" 
108                                                        role="menuitem"> 
109                                                        ${nav_child.getName()} 
110                                                    </a> 
111                                                <span class="line-menu-tbk"></span> 
112                                                    </#if> 
113                                                </li>                                             
114                                            </#list> 
115                                        </ul> 
116                            	    <#else> 
117                                        <li class="menu-header-tbk" role="presentation" > 
118                                            <#if navigationEntry?has_content> 
119                                                <a href=""  
120                                                    data-id="${navigationEntry?index}" 
121                                                    ${navigationEntry.getTarget()} role="menuitem" 
122                                                    data-title="${navigationEntry.getName()}" 
123                                                    class="pr-1 evento-head-gtm" ${navigationEntry.getTarget()}> 
124                                                    <span>${navigationEntry.getName()}</span> 
125                                                </a> 
126                                            </#if> 
127                                        </li>                            	     
128                            	    </#if> 
129 
130                            	</#list> 
131                            </#if>                          
132                        </ul> 
133                    </nav> 
134                </div> 
135                <div class="buttons-access-tbk"> 
136                    <a href="${htmlUtil.escapeHREF(login_client)}" style="display: none;" class="btn-primary-mobile sherd-button button--primary button--outlined button--sm evento-head-gtm desktop" data-title="Acceso cliente"> 
137                        Acceso cliente 
138                    </a>                     
139                    <a class="btn-secondary-mobile sherd-button button--primary button--contained button--sm evento-head-gtm" data-title="Hazte cliente" href="${htmlUtil.escapeHREF(hazte_clientes_url)}"> 
140                        Hazte cliente 
141                    </a>                     
142                </div> 
143            </div> 
144 
145        </div> 
146    </div> 
147</header> 
148<header style="margin-left: -12px; margin-right: -12px;"> 
149    <nav class="sherd-header--mobile"> 
150      <!-- Nabvar mobile colapsada --> 
151      <div class="navbar__header--mobile px-2"> 
152        <a href="${htmlUtil.escapeHREF(urlFinal)}/" class="evento-head-gtm" data-title="Logo Home"> 
153            <img class="logo__mobile" src="${imagesPath}/logo_transbank_color.svg" width="116" height="27" alt="Transbank es la opción de pago más conveniente para tu negocio y para todo tipo de comercios en Chile"> 
154        </a>   
155        <button 
156            class="navbar-toggler collapsed p-0 mr-2" 
157            type="button" 
158            data-toggle="collapse" 
159            data-target="#navbarMobile" 
160            aria-controls="navbarMobile" 
161            aria-expanded="false" 
162            aria-label="Toggle navigation"> 
163            <span class="hamburguer-icon top-bar"></span> 
164            <span class="hamburguer-icon middle-bar"></span> 
165            <span class="hamburguer-icon bottom-bar"></span> 
166        </button> 
167      </div> 
168      <!-- Menú de navegación --> 
169      <div class="navbar__body--mobile collapse" id="navbarMobile"> 
170        <ul class="main-menu list-unstyled mb-0"> 
171            <#if entries?has_content> 
172                <#list entries as navigationEntry> 
173                    <#if navigationEntry.hasChildren()> 
174                    <li> 
175                        <!-- Accordion productos y servicios --> 
176                        <div id="accordionProductos${navigationEntry?index}"> 
177                          <!-- Accordion header productos y servicios--> 
178                          <div id="headerProductos${navigationEntry?index}"> 
179                            <a  
180                              href="#"  
181                              data-toggle="collapse"  
182                              data-target="#collapseProductos${navigationEntry?index}"  
183                              aria-expanded="false" 
184                              aria-controls="collapseProductos${navigationEntry?index}" 
185                              class="d-flex align-items-center p-3 text-white text-decoration-none collapsed"> 
186                              ${navigationEntry.getName()} 
187                              <i class="eva eva-arrow-ios-downward ml-3"></i> 
188                            </a> 
189                          </div> 
190                          <!-- Accordion content productos y servicios--> 
191                          <div id="collapseProductos${navigationEntry?index}" aria-labelledby="headerProductos${navigationEntry?index}" data-parent="#navbarMobile" class="collapse"> 
192                            <!-- Sub Accordion productos y servicios--> 
193                            <ul id="producto${navigationEntry?index}" class="sub-menu list-unstyled pb-3"> 
194                              <!-- Sub Accordion content productos y servicios --> 
195                              <#list navigationEntry.getChildren() as nav_child> 
196                              <li> 
197                                <#if nav_child.hasChildren()> 
198                                    <a  
199                                            id="headingProducto${navigationEntry?index}_${nav_child?index}" 
200                                            href="#" 
201                                            class="d-block position-relative p-3 pr-5 mx-3 text-white border-bottom text-decoration-none collapsible-link" 
202                                            data-toggle="collapse"  
203                                            data-target="#collapseProducto${navigationEntry?index}_${nav_child?index}"  
204                                            aria-expanded="false" 
205                                            aria-controls="headingProducto${navigationEntry?index}_${nav_child?index}"> 
206                                            ${nav_child.getName()} 
207                                    </a> 
208                                    <div id="collapseProducto${navigationEntry?index}_${nav_child?index}" aria-labelledby="collapseProducto${navigationEntry?index}_${nav_child?index}" data-parent="#headingProducto${navigationEntry?index}_${nav_child?index}" class="collapse"> 
209                                        <ul class="list-unstyled px-5"> 
210                                            <#list nav_child.getChildren() as nav_child2> 
211                                            <li> 
212                                                <a  
213                                                href="${nav_child2.getURL()}" 
214                                                data-title="${nav_child2.getName()}" 
215                                                ${nav_child2.getTarget()} 
216                                                class="d-block py-3 text-white text-decoration-none evento-head-gtm"> 
217                                                ${nav_child2.getName()} 
218                                                </a> 
219                                            </li> 
220                                            </#list> 
221                                        </ul> 
222                                    </div> 
223                                <#else> 
224                                    <a  
225                                        href="${nav_child.getURL()}" 
226                                        ${nav_child.getTarget()} 
227                                        data-title="${nav_child.getName()}" 
228                                        class="d-block position-relative py-3 px-3 mx-3 text-white border-bottom text-decoration-none evento-head-gtm"> 
229                                        ${nav_child.getName()} 
230                                    </a> 
231                                </#if> 
232                              </li> 
233                              </#list> 
234                            </ul> 
235                          </div> 
236                        </div> 
237                      </li> 
238                    <#else> 
239                        <li> 
240                            <a  
241                            href="${navigationEntry.getURL()}"  
242                            ${navigationEntry.getTarget()} 
243                            class="d-block p-3 text-white text-decoration-none evento-head-gtm" 
244                            data-title="${navigationEntry.getName()}"> 
245                            ${navigationEntry.getName()} 
246                            </a> 
247                        </li> 
248                    </#if>  
249                </#list> 
250            </#if>  
251        </ul> 
252        <div class="navbar__footer--mobile py-4 pt-5 pt-md-4"> 
253            <div class="col-md-6 col-lg-4 col-xl-3"> 
254                <a id="android" href="${htmlUtil.escapeHREF(landing_android)}" style="display: none;" class="btn btn--outline w-100 mb-4 evento-head-gtm" data-title="Acceso cliente"> 
255                    Acceso cliente 
256                </a> 
257                <a id="ios" href="${htmlUtil.escapeHREF(landing_ios)}" style="display: none;" class="btn btn--outline w-100 mb-4 evento-head-gtm" data-title="Acceso cliente"> 
258                    Acceso cliente 
259                </a> 
260                <a href="${htmlUtil.escapeHREF(login_client)}" style="display: none;" class="btn btn--outline w-100 mb-4 evento-head-gtm desktop" data-title="Acceso cliente"> 
261                    Acceso cliente 
262                </a>                 
263                <a class="btn btn--light w-100 evento-head-gtm" href="${htmlUtil.escapeHREF(hazte_clientes_url)}" data-title="Hazte cliente"> 
264                    Hazte cliente 
265                </a>   
266            </div> 
267        </div> 
268      </div> 
269    </nav> 
270</header> 
271<script> 
272    $(".navbar-toggler").click(function(){ 
273        $(".navbar__header--mobile").toggleClass("toggle__navbar--color"); 
274        $(".logo__mobile").toggleClass("toggle__logo--white"); 
275    }) 
276    var isMobile = { 
277        Android: function() { 
278            return navigator.userAgent.match(/Android/i); 
279        }, 
280        iOS: function() { 
281            return navigator.userAgent.match(/iPhone|iPad|iPod/i); 
282        }, 
283        any: function() { 
284            return (isMobile.Android() || isMobile.iOS()); 
285        } 
286    }; 
287    $( document ).ready(function checkMobile() { 
288        var browserType = isMobile.any()?"mobile":"not mobile"; 
289        if (browserType == 'not mobile') { 
290            $("#android").hide(); 
291     
292            $("#ios").hide(); 
293     
294            $(".desktop").show(); 
295        } else if(isMobile.Android()) { 
296            $("#android").show(); 
297     
298            $("#ios").hide(); 
299     
300            $(".desktop").hide(); 
301        } else if(isMobile.iOS()) { 
302            $("#android").hide(); 
303     
304            $("#ios").show(); 
305     
306            $(".desktop").hide(); 
307        } 
308    }); 
309    $( ".evento-head-gtm" ).click(function() { 
310        event.preventDefault(); 
311        var categoria = "${categoria} - transversal - menu superior"; 
312        var href = $(this).attr('href'); 
313        var target = $(this).attr('target'); 
314        const etiqueta = "header - " + $(this).attr("data-title"); 
315        tagEventoInteractivo('${evento}', categoria, '${accion}', etiqueta); 
316        var link = document.createElement('a'); 
317        link.href=href; 
318        if (!target) { 
319            link.target="_self"; 
320        } else { 
321            link.target=target; 
322        } 
323        link.click(); 
324    }); 
325</script> 
Se ha producido un error al procesar la plantilla. 
The following has evaluated to null or missing:
==> navigationEntry.getURL  [in template "20101#20131#46174" at line 241, column 37]

----
Tip: It's the step after the last dot that caused this error, not those before it.
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: ${navigationEntry.getURL()}  [in template "20101#20131#46174" at line 241, column 35]
----
1<#assign 
2	landing_ios = getterUtil.getString(themeDisplay.getThemeSettings()["url landing download appstore"], '#') 
3	landing_android = getterUtil.getString(themeDisplay.getThemeSettings()["url landing download googleplay"], '#') 
4	 
5	login_client = getterUtil.getString(themeDisplay.getThemeSettings()["url login"], '#') 
6	hazte_clientes_url = htmlUtil.escapeHREF(getterUtil.getString(themeDisplay.getThemeSettings()["hazte-cliente-url-header"])) 
7	 
8	imagesPath = themeDisplay.getPathThemeImages() 
9	urlSitio = themeDisplay.getLayout().getGroup().getFriendlyURL() 
10	urlFinal = htmlUtil.escapeHREF(themeDisplay.getPortalURL()+ '/web' + urlSitio) 
11	layout = themeDisplay['plid'] 
12    layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") 
13    layoutObject = layoutService.getLayout(layout?number) 
14    categoria = layoutObject.getGroup().getExpandoBridge().getAttribute('categoria-portal-gtm')!"portal publico" 
15    evento = layoutObject.getGroup().getExpandoBridge().getAttribute('evento-portal-gtm')!"evento-interactivo" 
16	accion = "click - menu superior" 
17/> 
18<#function tieneHijoActivo hijos> 
19    <#local tieneHijosActivos=false> 
20    <#if hijos?has_content> 
21        <#list hijos as hijoNivelUno> 
22            <#if hijoNivelUno.isSelected()> 
23                <#assign 
24                    tieneHijosActivos=true 
25                /> 
26                <#return tieneHijosActivos> 
27            </#if> 
28            <#if hijoNivelUno.hasChildren()> 
29                <#list hijoNivelUno.getChildren() as hijoNivelDos> 
30                    <#if hijoNivelDos.isSelected()> 
31                        <#assign 
32                            tieneHijosActivos=true 
33                        /> 
34                        <#return tieneHijosActivos> 
35                    </#if>                 
36                    <#if hijoNivelDos.hasChildren()> 
37                        <#list hijoNivelDos.getChildren() as hijoNivelTres> 
38                            <#if hijoNivelTres.isSelected()> 
39                                <#assign 
40                                    tieneHijosActivos=true 
41                                /> 
42                                <#return tieneHijosActivos> 
43                            </#if>   
44                        </#list> 
45                    </#if>   
46                </#list> 
47            </#if> 
48        </#list> 
49    </#if>  
50    <#return tieneHijosActivos> 
51</#function> 
52<header class="sherd-header d-flex" style="margin-left: -12px; margin-right: -12px;"> 
53    <div class="box-header-tbk justify-content-between"> 
54        <div class="logo-tbk"> 
55            <a href="${htmlUtil.escapeHREF(urlFinal)}/" class="evento-head-gtm" data-title="Logo Home"> 
56                <img src="${imagesPath}/logo_transbank_color.svg" height="30" alt="Transbank es la opción de pago más conveniente para tu negocio y para todo tipo de comercios en Chile"/> 
57            </a>             
58        </div> 
59        <div class="box-links-tbk"> 
60            <div class="box-mobile-links-tbk"> 
61                <div class="contenido-menu-tbk__nav mr-3"> 
62                    <nav class="sort-pages modify-pages" id="navigation" role="navigation"> 
63                        <ul class="list-principal" aria-label="Páginas del sitio web" role="menubar"> 
64                            <#if entries?has_content> 
65                            	<#list entries as navigationEntry> 
66                            	    <#if navigationEntry.hasChildren()> 
67                            	        <#assign menoUnoActivo=tieneHijoActivo(navigationEntry.getChildren())> 
68                                        <li class="menu-header-tbk open-menu-tbk ${menoUnoActivo?c}" role="presentation" data-id="${navigationEntry?index}"> 
69                                            <a aria-haspopup="true" href="#" role="menuitem" class="pr-1"> 
70                                                <span>${navigationEntry.getName()}</span> 
71                                            </a> 
72                                            <a class="icon-chevron-mobile icon-down icon-header-tbk" data-id="${navigationEntry?index}" href="#"> 
73                                                <i class="eva fs-3 eva-arrow-ios-downward icon-close" style=""></i> 
74                                                <i class="eva fs-3 eva-arrow-ios-upward-outline icon-open" style="display: none"></i> 
75                                            </a> 
76                                            <div class="franja-selected"></div> 
77                                        </li> 
78                                        <ul class="child-menu" role="menu" data-id="${navigationEntry?index}" style="display: none;"> 
79                                            <#list navigationEntry.getChildren() as nav_child> 
80                                                <li class="list-second-tbk" role="presentation"> 
81                                                    <#if nav_child.hasChildren()> 
82                                                        <a class="title-first-title evento-head-gtm" 
83                                                            href="#" 
84                                                            nav_child.getLayoutType() 
85                                                            role="menuitem"> 
86                                                            ${nav_child.getName()} 
87                                                        </a> 
88                                                        <span class="line-menu-tbk"></span> 
89                                                        <!-- Second --> 
90                                                        <ul class="child-menu-view" role="menu" data-id="${nav_child?index}"> 
91                                                            <#list nav_child.getChildren() as nav_child2> 
92                                                                <li class="list-second" role="presentation"> 
93                                                                    <a href="${nav_child2.getURL()}" 
94                                                                        data-title="${nav_child2.getName()}" 
95                                                                        class="evento-head-gtm"  
96                                                                        ${nav_child2.getTarget()} 
97                                                                        role="menuitem"> 
98                                                                        ${nav_child2.getName()} 
99                                                                    </a> 
100                                                                </li> 
101                                                            </#list>  
102                                                        </ul> 
103                                                    <#else> 
104                                                    <a class="title-first-title evento-head-gtm" 
105                                                        href="${nav_child.getURL()}" 
106                                                        ${nav_child.getTarget()} 
107                                                        data-title="${nav_child.getName()}" 
108                                                        role="menuitem"> 
109                                                        ${nav_child.getName()} 
110                                                    </a> 
111                                                <span class="line-menu-tbk"></span> 
112                                                    </#if> 
113                                                </li>                                             
114                                            </#list> 
115                                        </ul> 
116                            	    <#else> 
117                                        <li class="menu-header-tbk" role="presentation" > 
118                                            <#if navigationEntry?has_content> 
119                                                <a href=""  
120                                                    data-id="${navigationEntry?index}" 
121                                                    ${navigationEntry.getTarget()} role="menuitem" 
122                                                    data-title="${navigationEntry.getName()}" 
123                                                    class="pr-1 evento-head-gtm" ${navigationEntry.getTarget()}> 
124                                                    <span>${navigationEntry.getName()}</span> 
125                                                </a> 
126                                            </#if> 
127                                        </li>                            	     
128                            	    </#if> 
129 
130                            	</#list> 
131                            </#if>                          
132                        </ul> 
133                    </nav> 
134                </div> 
135                <div class="buttons-access-tbk"> 
136                    <a href="${htmlUtil.escapeHREF(login_client)}" style="display: none;" class="btn-primary-mobile sherd-button button--primary button--outlined button--sm evento-head-gtm desktop" data-title="Acceso cliente"> 
137                        Acceso cliente 
138                    </a>                     
139                    <a class="btn-secondary-mobile sherd-button button--primary button--contained button--sm evento-head-gtm" data-title="Hazte cliente" href="${htmlUtil.escapeHREF(hazte_clientes_url)}"> 
140                        Hazte cliente 
141                    </a>                     
142                </div> 
143            </div> 
144 
145        </div> 
146    </div> 
147</header> 
148<header style="margin-left: -12px; margin-right: -12px;"> 
149    <nav class="sherd-header--mobile"> 
150      <!-- Nabvar mobile colapsada --> 
151      <div class="navbar__header--mobile px-2"> 
152        <a href="${htmlUtil.escapeHREF(urlFinal)}/" class="evento-head-gtm" data-title="Logo Home"> 
153            <img class="logo__mobile" src="${imagesPath}/logo_transbank_color.svg" width="116" height="27" alt="Transbank es la opción de pago más conveniente para tu negocio y para todo tipo de comercios en Chile"> 
154        </a>   
155        <button 
156            class="navbar-toggler collapsed p-0 mr-2" 
157            type="button" 
158            data-toggle="collapse" 
159            data-target="#navbarMobile" 
160            aria-controls="navbarMobile" 
161            aria-expanded="false" 
162            aria-label="Toggle navigation"> 
163            <span class="hamburguer-icon top-bar"></span> 
164            <span class="hamburguer-icon middle-bar"></span> 
165            <span class="hamburguer-icon bottom-bar"></span> 
166        </button> 
167      </div> 
168      <!-- Menú de navegación --> 
169      <div class="navbar__body--mobile collapse" id="navbarMobile"> 
170        <ul class="main-menu list-unstyled mb-0"> 
171            <#if entries?has_content> 
172                <#list entries as navigationEntry> 
173                    <#if navigationEntry.hasChildren()> 
174                    <li> 
175                        <!-- Accordion productos y servicios --> 
176                        <div id="accordionProductos${navigationEntry?index}"> 
177                          <!-- Accordion header productos y servicios--> 
178                          <div id="headerProductos${navigationEntry?index}"> 
179                            <a  
180                              href="#"  
181                              data-toggle="collapse"  
182                              data-target="#collapseProductos${navigationEntry?index}"  
183                              aria-expanded="false" 
184                              aria-controls="collapseProductos${navigationEntry?index}" 
185                              class="d-flex align-items-center p-3 text-white text-decoration-none collapsed"> 
186                              ${navigationEntry.getName()} 
187                              <i class="eva eva-arrow-ios-downward ml-3"></i> 
188                            </a> 
189                          </div> 
190                          <!-- Accordion content productos y servicios--> 
191                          <div id="collapseProductos${navigationEntry?index}" aria-labelledby="headerProductos${navigationEntry?index}" data-parent="#navbarMobile" class="collapse"> 
192                            <!-- Sub Accordion productos y servicios--> 
193                            <ul id="producto${navigationEntry?index}" class="sub-menu list-unstyled pb-3"> 
194                              <!-- Sub Accordion content productos y servicios --> 
195                              <#list navigationEntry.getChildren() as nav_child> 
196                              <li> 
197                                <#if nav_child.hasChildren()> 
198                                    <a  
199                                            id="headingProducto${navigationEntry?index}_${nav_child?index}" 
200                                            href="#" 
201                                            class="d-block position-relative p-3 pr-5 mx-3 text-white border-bottom text-decoration-none collapsible-link" 
202                                            data-toggle="collapse"  
203                                            data-target="#collapseProducto${navigationEntry?index}_${nav_child?index}"  
204                                            aria-expanded="false" 
205                                            aria-controls="headingProducto${navigationEntry?index}_${nav_child?index}"> 
206                                            ${nav_child.getName()} 
207                                    </a> 
208                                    <div id="collapseProducto${navigationEntry?index}_${nav_child?index}" aria-labelledby="collapseProducto${navigationEntry?index}_${nav_child?index}" data-parent="#headingProducto${navigationEntry?index}_${nav_child?index}" class="collapse"> 
209                                        <ul class="list-unstyled px-5"> 
210                                            <#list nav_child.getChildren() as nav_child2> 
211                                            <li> 
212                                                <a  
213                                                href="${nav_child2.getURL()}" 
214                                                data-title="${nav_child2.getName()}" 
215                                                ${nav_child2.getTarget()} 
216                                                class="d-block py-3 text-white text-decoration-none evento-head-gtm"> 
217                                                ${nav_child2.getName()} 
218                                                </a> 
219                                            </li> 
220                                            </#list> 
221                                        </ul> 
222                                    </div> 
223                                <#else> 
224                                    <a  
225                                        href="${nav_child.getURL()}" 
226                                        ${nav_child.getTarget()} 
227                                        data-title="${nav_child.getName()}" 
228                                        class="d-block position-relative py-3 px-3 mx-3 text-white border-bottom text-decoration-none evento-head-gtm"> 
229                                        ${nav_child.getName()} 
230                                    </a> 
231                                </#if> 
232                              </li> 
233                              </#list> 
234                            </ul> 
235                          </div> 
236                        </div> 
237                      </li> 
238                    <#else> 
239                        <li> 
240                            <a  
241                            href="${navigationEntry.getURL()}"  
242                            ${navigationEntry.getTarget()} 
243                            class="d-block p-3 text-white text-decoration-none evento-head-gtm" 
244                            data-title="${navigationEntry.getName()}"> 
245                            ${navigationEntry.getName()} 
246                            </a> 
247                        </li> 
248                    </#if>  
249                </#list> 
250            </#if>  
251        </ul> 
252        <div class="navbar__footer--mobile py-4 pt-5 pt-md-4"> 
253            <div class="col-md-6 col-lg-4 col-xl-3"> 
254                <a id="android" href="${htmlUtil.escapeHREF(landing_android)}" style="display: none;" class="btn btn--outline w-100 mb-4 evento-head-gtm" data-title="Acceso cliente"> 
255                    Acceso cliente 
256                </a> 
257                <a id="ios" href="${htmlUtil.escapeHREF(landing_ios)}" style="display: none;" class="btn btn--outline w-100 mb-4 evento-head-gtm" data-title="Acceso cliente"> 
258                    Acceso cliente 
259                </a> 
260                <a href="${htmlUtil.escapeHREF(login_client)}" style="display: none;" class="btn btn--outline w-100 mb-4 evento-head-gtm desktop" data-title="Acceso cliente"> 
261                    Acceso cliente 
262                </a>                 
263                <a class="btn btn--light w-100 evento-head-gtm" href="${htmlUtil.escapeHREF(hazte_clientes_url)}" data-title="Hazte cliente"> 
264                    Hazte cliente 
265                </a>   
266            </div> 
267        </div> 
268      </div> 
269    </nav> 
270</header> 
271<script> 
272    $(".navbar-toggler").click(function(){ 
273        $(".navbar__header--mobile").toggleClass("toggle__navbar--color"); 
274        $(".logo__mobile").toggleClass("toggle__logo--white"); 
275    }) 
276    var isMobile = { 
277        Android: function() { 
278            return navigator.userAgent.match(/Android/i); 
279        }, 
280        iOS: function() { 
281            return navigator.userAgent.match(/iPhone|iPad|iPod/i); 
282        }, 
283        any: function() { 
284            return (isMobile.Android() || isMobile.iOS()); 
285        } 
286    }; 
287    $( document ).ready(function checkMobile() { 
288        var browserType = isMobile.any()?"mobile":"not mobile"; 
289        if (browserType == 'not mobile') { 
290            $("#android").hide(); 
291     
292            $("#ios").hide(); 
293     
294            $(".desktop").show(); 
295        } else if(isMobile.Android()) { 
296            $("#android").show(); 
297     
298            $("#ios").hide(); 
299     
300            $(".desktop").hide(); 
301        } else if(isMobile.iOS()) { 
302            $("#android").hide(); 
303     
304            $("#ios").show(); 
305     
306            $(".desktop").hide(); 
307        } 
308    }); 
309    $( ".evento-head-gtm" ).click(function() { 
310        event.preventDefault(); 
311        var categoria = "${categoria} - transversal - menu superior"; 
312        var href = $(this).attr('href'); 
313        var target = $(this).attr('target'); 
314        const etiqueta = "header - " + $(this).attr("data-title"); 
315        tagEventoInteractivo('${evento}', categoria, '${accion}', etiqueta); 
316        var link = document.createElement('a'); 
317        link.href=href; 
318        if (!target) { 
319            link.target="_self"; 
320        } else { 
321            link.target=target; 
322        } 
323        link.click(); 
324    }); 
325</script> 
Se ha producido un error al procesar la plantilla. 
The following has evaluated to null or missing:
==> navigationEntry.getURL  [in template "20101#20131#46174" at line 241, column 37]

----
Tip: It's the step after the last dot that caused this error, not those before it.
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: ${navigationEntry.getURL()}  [in template "20101#20131#46174" at line 241, column 35]
----
1<#assign 
2	landing_ios = getterUtil.getString(themeDisplay.getThemeSettings()["url landing download appstore"], '#') 
3	landing_android = getterUtil.getString(themeDisplay.getThemeSettings()["url landing download googleplay"], '#') 
4	 
5	login_client = getterUtil.getString(themeDisplay.getThemeSettings()["url login"], '#') 
6	hazte_clientes_url = htmlUtil.escapeHREF(getterUtil.getString(themeDisplay.getThemeSettings()["hazte-cliente-url-header"])) 
7	 
8	imagesPath = themeDisplay.getPathThemeImages() 
9	urlSitio = themeDisplay.getLayout().getGroup().getFriendlyURL() 
10	urlFinal = htmlUtil.escapeHREF(themeDisplay.getPortalURL()+ '/web' + urlSitio) 
11	layout = themeDisplay['plid'] 
12    layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") 
13    layoutObject = layoutService.getLayout(layout?number) 
14    categoria = layoutObject.getGroup().getExpandoBridge().getAttribute('categoria-portal-gtm')!"portal publico" 
15    evento = layoutObject.getGroup().getExpandoBridge().getAttribute('evento-portal-gtm')!"evento-interactivo" 
16	accion = "click - menu superior" 
17/> 
18<#function tieneHijoActivo hijos> 
19    <#local tieneHijosActivos=false> 
20    <#if hijos?has_content> 
21        <#list hijos as hijoNivelUno> 
22            <#if hijoNivelUno.isSelected()> 
23                <#assign 
24                    tieneHijosActivos=true 
25                /> 
26                <#return tieneHijosActivos> 
27            </#if> 
28            <#if hijoNivelUno.hasChildren()> 
29                <#list hijoNivelUno.getChildren() as hijoNivelDos> 
30                    <#if hijoNivelDos.isSelected()> 
31                        <#assign 
32                            tieneHijosActivos=true 
33                        /> 
34                        <#return tieneHijosActivos> 
35                    </#if>                 
36                    <#if hijoNivelDos.hasChildren()> 
37                        <#list hijoNivelDos.getChildren() as hijoNivelTres> 
38                            <#if hijoNivelTres.isSelected()> 
39                                <#assign 
40                                    tieneHijosActivos=true 
41                                /> 
42                                <#return tieneHijosActivos> 
43                            </#if>   
44                        </#list> 
45                    </#if>   
46                </#list> 
47            </#if> 
48        </#list> 
49    </#if>  
50    <#return tieneHijosActivos> 
51</#function> 
52<header class="sherd-header d-flex" style="margin-left: -12px; margin-right: -12px;"> 
53    <div class="box-header-tbk justify-content-between"> 
54        <div class="logo-tbk"> 
55            <a href="${htmlUtil.escapeHREF(urlFinal)}/" class="evento-head-gtm" data-title="Logo Home"> 
56                <img src="${imagesPath}/logo_transbank_color.svg" height="30" alt="Transbank es la opción de pago más conveniente para tu negocio y para todo tipo de comercios en Chile"/> 
57            </a>             
58        </div> 
59        <div class="box-links-tbk"> 
60            <div class="box-mobile-links-tbk"> 
61                <div class="contenido-menu-tbk__nav mr-3"> 
62                    <nav class="sort-pages modify-pages" id="navigation" role="navigation"> 
63                        <ul class="list-principal" aria-label="Páginas del sitio web" role="menubar"> 
64                            <#if entries?has_content> 
65                            	<#list entries as navigationEntry> 
66                            	    <#if navigationEntry.hasChildren()> 
67                            	        <#assign menoUnoActivo=tieneHijoActivo(navigationEntry.getChildren())> 
68                                        <li class="menu-header-tbk open-menu-tbk ${menoUnoActivo?c}" role="presentation" data-id="${navigationEntry?index}"> 
69                                            <a aria-haspopup="true" href="#" role="menuitem" class="pr-1"> 
70                                                <span>${navigationEntry.getName()}</span> 
71                                            </a> 
72                                            <a class="icon-chevron-mobile icon-down icon-header-tbk" data-id="${navigationEntry?index}" href="#"> 
73                                                <i class="eva fs-3 eva-arrow-ios-downward icon-close" style=""></i> 
74                                                <i class="eva fs-3 eva-arrow-ios-upward-outline icon-open" style="display: none"></i> 
75                                            </a> 
76                                            <div class="franja-selected"></div> 
77                                        </li> 
78                                        <ul class="child-menu" role="menu" data-id="${navigationEntry?index}" style="display: none;"> 
79                                            <#list navigationEntry.getChildren() as nav_child> 
80                                                <li class="list-second-tbk" role="presentation"> 
81                                                    <#if nav_child.hasChildren()> 
82                                                        <a class="title-first-title evento-head-gtm" 
83                                                            href="#" 
84                                                            nav_child.getLayoutType() 
85                                                            role="menuitem"> 
86                                                            ${nav_child.getName()} 
87                                                        </a> 
88                                                        <span class="line-menu-tbk"></span> 
89                                                        <!-- Second --> 
90                                                        <ul class="child-menu-view" role="menu" data-id="${nav_child?index}"> 
91                                                            <#list nav_child.getChildren() as nav_child2> 
92                                                                <li class="list-second" role="presentation"> 
93                                                                    <a href="${nav_child2.getURL()}" 
94                                                                        data-title="${nav_child2.getName()}" 
95                                                                        class="evento-head-gtm"  
96                                                                        ${nav_child2.getTarget()} 
97                                                                        role="menuitem"> 
98                                                                        ${nav_child2.getName()} 
99                                                                    </a> 
100                                                                </li> 
101                                                            </#list>  
102                                                        </ul> 
103                                                    <#else> 
104                                                    <a class="title-first-title evento-head-gtm" 
105                                                        href="${nav_child.getURL()}" 
106                                                        ${nav_child.getTarget()} 
107                                                        data-title="${nav_child.getName()}" 
108                                                        role="menuitem"> 
109                                                        ${nav_child.getName()} 
110                                                    </a> 
111                                                <span class="line-menu-tbk"></span> 
112                                                    </#if> 
113                                                </li>                                             
114                                            </#list> 
115                                        </ul> 
116                            	    <#else> 
117                                        <li class="menu-header-tbk" role="presentation" > 
118                                            <#if navigationEntry?has_content> 
119                                                <a href=""  
120                                                    data-id="${navigationEntry?index}" 
121                                                    ${navigationEntry.getTarget()} role="menuitem" 
122                                                    data-title="${navigationEntry.getName()}" 
123                                                    class="pr-1 evento-head-gtm" ${navigationEntry.getTarget()}> 
124                                                    <span>${navigationEntry.getName()}</span> 
125                                                </a> 
126                                            </#if> 
127                                        </li>                            	     
128                            	    </#if> 
129 
130                            	</#list> 
131                            </#if>                          
132                        </ul> 
133                    </nav> 
134                </div> 
135                <div class="buttons-access-tbk"> 
136                    <a href="${htmlUtil.escapeHREF(login_client)}" style="display: none;" class="btn-primary-mobile sherd-button button--primary button--outlined button--sm evento-head-gtm desktop" data-title="Acceso cliente"> 
137                        Acceso cliente 
138                    </a>                     
139                    <a class="btn-secondary-mobile sherd-button button--primary button--contained button--sm evento-head-gtm" data-title="Hazte cliente" href="${htmlUtil.escapeHREF(hazte_clientes_url)}"> 
140                        Hazte cliente 
141                    </a>                     
142                </div> 
143            </div> 
144 
145        </div> 
146    </div> 
147</header> 
148<header style="margin-left: -12px; margin-right: -12px;"> 
149    <nav class="sherd-header--mobile"> 
150      <!-- Nabvar mobile colapsada --> 
151      <div class="navbar__header--mobile px-2"> 
152        <a href="${htmlUtil.escapeHREF(urlFinal)}/" class="evento-head-gtm" data-title="Logo Home"> 
153            <img class="logo__mobile" src="${imagesPath}/logo_transbank_color.svg" width="116" height="27" alt="Transbank es la opción de pago más conveniente para tu negocio y para todo tipo de comercios en Chile"> 
154        </a>   
155        <button 
156            class="navbar-toggler collapsed p-0 mr-2" 
157            type="button" 
158            data-toggle="collapse" 
159            data-target="#navbarMobile" 
160            aria-controls="navbarMobile" 
161            aria-expanded="false" 
162            aria-label="Toggle navigation"> 
163            <span class="hamburguer-icon top-bar"></span> 
164            <span class="hamburguer-icon middle-bar"></span> 
165            <span class="hamburguer-icon bottom-bar"></span> 
166        </button> 
167      </div> 
168      <!-- Menú de navegación --> 
169      <div class="navbar__body--mobile collapse" id="navbarMobile"> 
170        <ul class="main-menu list-unstyled mb-0"> 
171            <#if entries?has_content> 
172                <#list entries as navigationEntry> 
173                    <#if navigationEntry.hasChildren()> 
174                    <li> 
175                        <!-- Accordion productos y servicios --> 
176                        <div id="accordionProductos${navigationEntry?index}"> 
177                          <!-- Accordion header productos y servicios--> 
178                          <div id="headerProductos${navigationEntry?index}"> 
179                            <a  
180                              href="#"  
181                              data-toggle="collapse"  
182                              data-target="#collapseProductos${navigationEntry?index}"  
183                              aria-expanded="false" 
184                              aria-controls="collapseProductos${navigationEntry?index}" 
185                              class="d-flex align-items-center p-3 text-white text-decoration-none collapsed"> 
186                              ${navigationEntry.getName()} 
187                              <i class="eva eva-arrow-ios-downward ml-3"></i> 
188                            </a> 
189                          </div> 
190                          <!-- Accordion content productos y servicios--> 
191                          <div id="collapseProductos${navigationEntry?index}" aria-labelledby="headerProductos${navigationEntry?index}" data-parent="#navbarMobile" class="collapse"> 
192                            <!-- Sub Accordion productos y servicios--> 
193                            <ul id="producto${navigationEntry?index}" class="sub-menu list-unstyled pb-3"> 
194                              <!-- Sub Accordion content productos y servicios --> 
195                              <#list navigationEntry.getChildren() as nav_child> 
196                              <li> 
197                                <#if nav_child.hasChildren()> 
198                                    <a  
199                                            id="headingProducto${navigationEntry?index}_${nav_child?index}" 
200                                            href="#" 
201                                            class="d-block position-relative p-3 pr-5 mx-3 text-white border-bottom text-decoration-none collapsible-link" 
202                                            data-toggle="collapse"  
203                                            data-target="#collapseProducto${navigationEntry?index}_${nav_child?index}"  
204                                            aria-expanded="false" 
205                                            aria-controls="headingProducto${navigationEntry?index}_${nav_child?index}"> 
206                                            ${nav_child.getName()} 
207                                    </a> 
208                                    <div id="collapseProducto${navigationEntry?index}_${nav_child?index}" aria-labelledby="collapseProducto${navigationEntry?index}_${nav_child?index}" data-parent="#headingProducto${navigationEntry?index}_${nav_child?index}" class="collapse"> 
209                                        <ul class="list-unstyled px-5"> 
210                                            <#list nav_child.getChildren() as nav_child2> 
211                                            <li> 
212                                                <a  
213                                                href="${nav_child2.getURL()}" 
214                                                data-title="${nav_child2.getName()}" 
215                                                ${nav_child2.getTarget()} 
216                                                class="d-block py-3 text-white text-decoration-none evento-head-gtm"> 
217                                                ${nav_child2.getName()} 
218                                                </a> 
219                                            </li> 
220                                            </#list> 
221                                        </ul> 
222                                    </div> 
223                                <#else> 
224                                    <a  
225                                        href="${nav_child.getURL()}" 
226                                        ${nav_child.getTarget()} 
227                                        data-title="${nav_child.getName()}" 
228                                        class="d-block position-relative py-3 px-3 mx-3 text-white border-bottom text-decoration-none evento-head-gtm"> 
229                                        ${nav_child.getName()} 
230                                    </a> 
231                                </#if> 
232                              </li> 
233                              </#list> 
234                            </ul> 
235                          </div> 
236                        </div> 
237                      </li> 
238                    <#else> 
239                        <li> 
240                            <a  
241                            href="${navigationEntry.getURL()}"  
242                            ${navigationEntry.getTarget()} 
243                            class="d-block p-3 text-white text-decoration-none evento-head-gtm" 
244                            data-title="${navigationEntry.getName()}"> 
245                            ${navigationEntry.getName()} 
246                            </a> 
247                        </li> 
248                    </#if>  
249                </#list> 
250            </#if>  
251        </ul> 
252        <div class="navbar__footer--mobile py-4 pt-5 pt-md-4"> 
253            <div class="col-md-6 col-lg-4 col-xl-3"> 
254                <a id="android" href="${htmlUtil.escapeHREF(landing_android)}" style="display: none;" class="btn btn--outline w-100 mb-4 evento-head-gtm" data-title="Acceso cliente"> 
255                    Acceso cliente 
256                </a> 
257                <a id="ios" href="${htmlUtil.escapeHREF(landing_ios)}" style="display: none;" class="btn btn--outline w-100 mb-4 evento-head-gtm" data-title="Acceso cliente"> 
258                    Acceso cliente 
259                </a> 
260                <a href="${htmlUtil.escapeHREF(login_client)}" style="display: none;" class="btn btn--outline w-100 mb-4 evento-head-gtm desktop" data-title="Acceso cliente"> 
261                    Acceso cliente 
262                </a>                 
263                <a class="btn btn--light w-100 evento-head-gtm" href="${htmlUtil.escapeHREF(hazte_clientes_url)}" data-title="Hazte cliente"> 
264                    Hazte cliente 
265                </a>   
266            </div> 
267        </div> 
268      </div> 
269    </nav> 
270</header> 
271<script> 
272    $(".navbar-toggler").click(function(){ 
273        $(".navbar__header--mobile").toggleClass("toggle__navbar--color"); 
274        $(".logo__mobile").toggleClass("toggle__logo--white"); 
275    }) 
276    var isMobile = { 
277        Android: function() { 
278            return navigator.userAgent.match(/Android/i); 
279        }, 
280        iOS: function() { 
281            return navigator.userAgent.match(/iPhone|iPad|iPod/i); 
282        }, 
283        any: function() { 
284            return (isMobile.Android() || isMobile.iOS()); 
285        } 
286    }; 
287    $( document ).ready(function checkMobile() { 
288        var browserType = isMobile.any()?"mobile":"not mobile"; 
289        if (browserType == 'not mobile') { 
290            $("#android").hide(); 
291     
292            $("#ios").hide(); 
293     
294            $(".desktop").show(); 
295        } else if(isMobile.Android()) { 
296            $("#android").show(); 
297     
298            $("#ios").hide(); 
299     
300            $(".desktop").hide(); 
301        } else if(isMobile.iOS()) { 
302            $("#android").hide(); 
303     
304            $("#ios").show(); 
305     
306            $(".desktop").hide(); 
307        } 
308    }); 
309    $( ".evento-head-gtm" ).click(function() { 
310        event.preventDefault(); 
311        var categoria = "${categoria} - transversal - menu superior"; 
312        var href = $(this).attr('href'); 
313        var target = $(this).attr('target'); 
314        const etiqueta = "header - " + $(this).attr("data-title"); 
315        tagEventoInteractivo('${evento}', categoria, '${accion}', etiqueta); 
316        var link = document.createElement('a'); 
317        link.href=href; 
318        if (!target) { 
319            link.target="_self"; 
320        } else { 
321            link.target=target; 
322        } 
323        link.click(); 
324    }); 
325</script> 
Se ha producido un error al procesar la plantilla. 
The following has evaluated to null or missing:
==> navigationEntry.getURL  [in template "20101#20131#46174" at line 241, column 37]

----
Tip: It's the step after the last dot that caused this error, not those before it.
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: ${navigationEntry.getURL()}  [in template "20101#20131#46174" at line 241, column 35]
----
1<#assign 
2	landing_ios = getterUtil.getString(themeDisplay.getThemeSettings()["url landing download appstore"], '#') 
3	landing_android = getterUtil.getString(themeDisplay.getThemeSettings()["url landing download googleplay"], '#') 
4	 
5	login_client = getterUtil.getString(themeDisplay.getThemeSettings()["url login"], '#') 
6	hazte_clientes_url = htmlUtil.escapeHREF(getterUtil.getString(themeDisplay.getThemeSettings()["hazte-cliente-url-header"])) 
7	 
8	imagesPath = themeDisplay.getPathThemeImages() 
9	urlSitio = themeDisplay.getLayout().getGroup().getFriendlyURL() 
10	urlFinal = htmlUtil.escapeHREF(themeDisplay.getPortalURL()+ '/web' + urlSitio) 
11	layout = themeDisplay['plid'] 
12    layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") 
13    layoutObject = layoutService.getLayout(layout?number) 
14    categoria = layoutObject.getGroup().getExpandoBridge().getAttribute('categoria-portal-gtm')!"portal publico" 
15    evento = layoutObject.getGroup().getExpandoBridge().getAttribute('evento-portal-gtm')!"evento-interactivo" 
16	accion = "click - menu superior" 
17/> 
18<#function tieneHijoActivo hijos> 
19    <#local tieneHijosActivos=false> 
20    <#if hijos?has_content> 
21        <#list hijos as hijoNivelUno> 
22            <#if hijoNivelUno.isSelected()> 
23                <#assign 
24                    tieneHijosActivos=true 
25                /> 
26                <#return tieneHijosActivos> 
27            </#if> 
28            <#if hijoNivelUno.hasChildren()> 
29                <#list hijoNivelUno.getChildren() as hijoNivelDos> 
30                    <#if hijoNivelDos.isSelected()> 
31                        <#assign 
32                            tieneHijosActivos=true 
33                        /> 
34                        <#return tieneHijosActivos> 
35                    </#if>                 
36                    <#if hijoNivelDos.hasChildren()> 
37                        <#list hijoNivelDos.getChildren() as hijoNivelTres> 
38                            <#if hijoNivelTres.isSelected()> 
39                                <#assign 
40                                    tieneHijosActivos=true 
41                                /> 
42                                <#return tieneHijosActivos> 
43                            </#if>   
44                        </#list> 
45                    </#if>   
46                </#list> 
47            </#if> 
48        </#list> 
49    </#if>  
50    <#return tieneHijosActivos> 
51</#function> 
52<header class="sherd-header d-flex" style="margin-left: -12px; margin-right: -12px;"> 
53    <div class="box-header-tbk justify-content-between"> 
54        <div class="logo-tbk"> 
55            <a href="${htmlUtil.escapeHREF(urlFinal)}/" class="evento-head-gtm" data-title="Logo Home"> 
56                <img src="${imagesPath}/logo_transbank_color.svg" height="30" alt="Transbank es la opción de pago más conveniente para tu negocio y para todo tipo de comercios en Chile"/> 
57            </a>             
58        </div> 
59        <div class="box-links-tbk"> 
60            <div class="box-mobile-links-tbk"> 
61                <div class="contenido-menu-tbk__nav mr-3"> 
62                    <nav class="sort-pages modify-pages" id="navigation" role="navigation"> 
63                        <ul class="list-principal" aria-label="Páginas del sitio web" role="menubar"> 
64                            <#if entries?has_content> 
65                            	<#list entries as navigationEntry> 
66                            	    <#if navigationEntry.hasChildren()> 
67                            	        <#assign menoUnoActivo=tieneHijoActivo(navigationEntry.getChildren())> 
68                                        <li class="menu-header-tbk open-menu-tbk ${menoUnoActivo?c}" role="presentation" data-id="${navigationEntry?index}"> 
69                                            <a aria-haspopup="true" href="#" role="menuitem" class="pr-1"> 
70                                                <span>${navigationEntry.getName()}</span> 
71                                            </a> 
72                                            <a class="icon-chevron-mobile icon-down icon-header-tbk" data-id="${navigationEntry?index}" href="#"> 
73                                                <i class="eva fs-3 eva-arrow-ios-downward icon-close" style=""></i> 
74                                                <i class="eva fs-3 eva-arrow-ios-upward-outline icon-open" style="display: none"></i> 
75                                            </a> 
76                                            <div class="franja-selected"></div> 
77                                        </li> 
78                                        <ul class="child-menu" role="menu" data-id="${navigationEntry?index}" style="display: none;"> 
79                                            <#list navigationEntry.getChildren() as nav_child> 
80                                                <li class="list-second-tbk" role="presentation"> 
81                                                    <#if nav_child.hasChildren()> 
82                                                        <a class="title-first-title evento-head-gtm" 
83                                                            href="#" 
84                                                            nav_child.getLayoutType() 
85                                                            role="menuitem"> 
86                                                            ${nav_child.getName()} 
87                                                        </a> 
88                                                        <span class="line-menu-tbk"></span> 
89                                                        <!-- Second --> 
90                                                        <ul class="child-menu-view" role="menu" data-id="${nav_child?index}"> 
91                                                            <#list nav_child.getChildren() as nav_child2> 
92                                                                <li class="list-second" role="presentation"> 
93                                                                    <a href="${nav_child2.getURL()}" 
94                                                                        data-title="${nav_child2.getName()}" 
95                                                                        class="evento-head-gtm"  
96                                                                        ${nav_child2.getTarget()} 
97                                                                        role="menuitem"> 
98                                                                        ${nav_child2.getName()} 
99                                                                    </a> 
100                                                                </li> 
101                                                            </#list>  
102                                                        </ul> 
103                                                    <#else> 
104                                                    <a class="title-first-title evento-head-gtm" 
105                                                        href="${nav_child.getURL()}" 
106                                                        ${nav_child.getTarget()} 
107                                                        data-title="${nav_child.getName()}" 
108                                                        role="menuitem"> 
109                                                        ${nav_child.getName()} 
110                                                    </a> 
111                                                <span class="line-menu-tbk"></span> 
112                                                    </#if> 
113                                                </li>                                             
114                                            </#list> 
115                                        </ul> 
116                            	    <#else> 
117                                        <li class="menu-header-tbk" role="presentation" > 
118                                            <#if navigationEntry?has_content> 
119                                                <a href=""  
120                                                    data-id="${navigationEntry?index}" 
121                                                    ${navigationEntry.getTarget()} role="menuitem" 
122                                                    data-title="${navigationEntry.getName()}" 
123                                                    class="pr-1 evento-head-gtm" ${navigationEntry.getTarget()}> 
124                                                    <span>${navigationEntry.getName()}</span> 
125                                                </a> 
126                                            </#if> 
127                                        </li>                            	     
128                            	    </#if> 
129 
130                            	</#list> 
131                            </#if>                          
132                        </ul> 
133                    </nav> 
134                </div> 
135                <div class="buttons-access-tbk"> 
136                    <a href="${htmlUtil.escapeHREF(login_client)}" style="display: none;" class="btn-primary-mobile sherd-button button--primary button--outlined button--sm evento-head-gtm desktop" data-title="Acceso cliente"> 
137                        Acceso cliente 
138                    </a>                     
139                    <a class="btn-secondary-mobile sherd-button button--primary button--contained button--sm evento-head-gtm" data-title="Hazte cliente" href="${htmlUtil.escapeHREF(hazte_clientes_url)}"> 
140                        Hazte cliente 
141                    </a>                     
142                </div> 
143            </div> 
144 
145        </div> 
146    </div> 
147</header> 
148<header style="margin-left: -12px; margin-right: -12px;"> 
149    <nav class="sherd-header--mobile"> 
150      <!-- Nabvar mobile colapsada --> 
151      <div class="navbar__header--mobile px-2"> 
152        <a href="${htmlUtil.escapeHREF(urlFinal)}/" class="evento-head-gtm" data-title="Logo Home"> 
153            <img class="logo__mobile" src="${imagesPath}/logo_transbank_color.svg" width="116" height="27" alt="Transbank es la opción de pago más conveniente para tu negocio y para todo tipo de comercios en Chile"> 
154        </a>   
155        <button 
156            class="navbar-toggler collapsed p-0 mr-2" 
157            type="button" 
158            data-toggle="collapse" 
159            data-target="#navbarMobile" 
160            aria-controls="navbarMobile" 
161            aria-expanded="false" 
162            aria-label="Toggle navigation"> 
163            <span class="hamburguer-icon top-bar"></span> 
164            <span class="hamburguer-icon middle-bar"></span> 
165            <span class="hamburguer-icon bottom-bar"></span> 
166        </button> 
167      </div> 
168      <!-- Menú de navegación --> 
169      <div class="navbar__body--mobile collapse" id="navbarMobile"> 
170        <ul class="main-menu list-unstyled mb-0"> 
171            <#if entries?has_content> 
172                <#list entries as navigationEntry> 
173                    <#if navigationEntry.hasChildren()> 
174                    <li> 
175                        <!-- Accordion productos y servicios --> 
176                        <div id="accordionProductos${navigationEntry?index}"> 
177                          <!-- Accordion header productos y servicios--> 
178                          <div id="headerProductos${navigationEntry?index}"> 
179                            <a  
180                              href="#"  
181                              data-toggle="collapse"  
182                              data-target="#collapseProductos${navigationEntry?index}"  
183                              aria-expanded="false" 
184                              aria-controls="collapseProductos${navigationEntry?index}" 
185                              class="d-flex align-items-center p-3 text-white text-decoration-none collapsed"> 
186                              ${navigationEntry.getName()} 
187                              <i class="eva eva-arrow-ios-downward ml-3"></i> 
188                            </a> 
189                          </div> 
190                          <!-- Accordion content productos y servicios--> 
191                          <div id="collapseProductos${navigationEntry?index}" aria-labelledby="headerProductos${navigationEntry?index}" data-parent="#navbarMobile" class="collapse"> 
192                            <!-- Sub Accordion productos y servicios--> 
193                            <ul id="producto${navigationEntry?index}" class="sub-menu list-unstyled pb-3"> 
194                              <!-- Sub Accordion content productos y servicios --> 
195                              <#list navigationEntry.getChildren() as nav_child> 
196                              <li> 
197                                <#if nav_child.hasChildren()> 
198                                    <a  
199                                            id="headingProducto${navigationEntry?index}_${nav_child?index}" 
200                                            href="#" 
201                                            class="d-block position-relative p-3 pr-5 mx-3 text-white border-bottom text-decoration-none collapsible-link" 
202                                            data-toggle="collapse"  
203                                            data-target="#collapseProducto${navigationEntry?index}_${nav_child?index}"  
204                                            aria-expanded="false" 
205                                            aria-controls="headingProducto${navigationEntry?index}_${nav_child?index}"> 
206                                            ${nav_child.getName()} 
207                                    </a> 
208                                    <div id="collapseProducto${navigationEntry?index}_${nav_child?index}" aria-labelledby="collapseProducto${navigationEntry?index}_${nav_child?index}" data-parent="#headingProducto${navigationEntry?index}_${nav_child?index}" class="collapse"> 
209                                        <ul class="list-unstyled px-5"> 
210                                            <#list nav_child.getChildren() as nav_child2> 
211                                            <li> 
212                                                <a  
213                                                href="${nav_child2.getURL()}" 
214                                                data-title="${nav_child2.getName()}" 
215                                                ${nav_child2.getTarget()} 
216                                                class="d-block py-3 text-white text-decoration-none evento-head-gtm"> 
217                                                ${nav_child2.getName()} 
218                                                </a> 
219                                            </li> 
220                                            </#list> 
221                                        </ul> 
222                                    </div> 
223                                <#else> 
224                                    <a  
225                                        href="${nav_child.getURL()}" 
226                                        ${nav_child.getTarget()} 
227                                        data-title="${nav_child.getName()}" 
228                                        class="d-block position-relative py-3 px-3 mx-3 text-white border-bottom text-decoration-none evento-head-gtm"> 
229                                        ${nav_child.getName()} 
230                                    </a> 
231                                </#if> 
232                              </li> 
233                              </#list> 
234                            </ul> 
235                          </div> 
236                        </div> 
237                      </li> 
238                    <#else> 
239                        <li> 
240                            <a  
241                            href="${navigationEntry.getURL()}"  
242                            ${navigationEntry.getTarget()} 
243                            class="d-block p-3 text-white text-decoration-none evento-head-gtm" 
244                            data-title="${navigationEntry.getName()}"> 
245                            ${navigationEntry.getName()} 
246                            </a> 
247                        </li> 
248                    </#if>  
249                </#list> 
250            </#if>  
251        </ul> 
252        <div class="navbar__footer--mobile py-4 pt-5 pt-md-4"> 
253            <div class="col-md-6 col-lg-4 col-xl-3"> 
254                <a id="android" href="${htmlUtil.escapeHREF(landing_android)}" style="display: none;" class="btn btn--outline w-100 mb-4 evento-head-gtm" data-title="Acceso cliente"> 
255                    Acceso cliente 
256                </a> 
257                <a id="ios" href="${htmlUtil.escapeHREF(landing_ios)}" style="display: none;" class="btn btn--outline w-100 mb-4 evento-head-gtm" data-title="Acceso cliente"> 
258                    Acceso cliente 
259                </a> 
260                <a href="${htmlUtil.escapeHREF(login_client)}" style="display: none;" class="btn btn--outline w-100 mb-4 evento-head-gtm desktop" data-title="Acceso cliente"> 
261                    Acceso cliente 
262                </a>                 
263                <a class="btn btn--light w-100 evento-head-gtm" href="${htmlUtil.escapeHREF(hazte_clientes_url)}" data-title="Hazte cliente"> 
264                    Hazte cliente 
265                </a>   
266            </div> 
267        </div> 
268      </div> 
269    </nav> 
270</header> 
271<script> 
272    $(".navbar-toggler").click(function(){ 
273        $(".navbar__header--mobile").toggleClass("toggle__navbar--color"); 
274        $(".logo__mobile").toggleClass("toggle__logo--white"); 
275    }) 
276    var isMobile = { 
277        Android: function() { 
278            return navigator.userAgent.match(/Android/i); 
279        }, 
280        iOS: function() { 
281            return navigator.userAgent.match(/iPhone|iPad|iPod/i); 
282        }, 
283        any: function() { 
284            return (isMobile.Android() || isMobile.iOS()); 
285        } 
286    }; 
287    $( document ).ready(function checkMobile() { 
288        var browserType = isMobile.any()?"mobile":"not mobile"; 
289        if (browserType == 'not mobile') { 
290            $("#android").hide(); 
291     
292            $("#ios").hide(); 
293     
294            $(".desktop").show(); 
295        } else if(isMobile.Android()) { 
296            $("#android").show(); 
297     
298            $("#ios").hide(); 
299     
300            $(".desktop").hide(); 
301        } else if(isMobile.iOS()) { 
302            $("#android").hide(); 
303     
304            $("#ios").show(); 
305     
306            $(".desktop").hide(); 
307        } 
308    }); 
309    $( ".evento-head-gtm" ).click(function() { 
310        event.preventDefault(); 
311        var categoria = "${categoria} - transversal - menu superior"; 
312        var href = $(this).attr('href'); 
313        var target = $(this).attr('target'); 
314        const etiqueta = "header - " + $(this).attr("data-title"); 
315        tagEventoInteractivo('${evento}', categoria, '${accion}', etiqueta); 
316        var link = document.createElement('a'); 
317        link.href=href; 
318        if (!target) { 
319            link.target="_self"; 
320        } else { 
321            link.target=target; 
322        } 
323        link.click(); 
324    }); 
325</script>