Smart POS - Portal Publico
Soluciones para ventas presenciales
Si eres pequeño, mediano o gran comercio, en Transbank tenemos la solución perfecta para que puedas realizar ventas presenciales -de manera rápida, cómoda y segura- acorde a las particularidades de tu negocio.
A continuación encontrarás distintas soluciones para ventas con tarjetas en tu local, selecciona la opción que más te acomode.
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> PermitirContratar.UrlContratardvws [in template "20101#20131#63329" at line 232, column 40]
----
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: #if PermitirContratar.UrlContratardvw... [in template "20101#20131#63329" at line 232, column 34]
----
1<style>
2.tbk-public:not(.liferay-instance) .btn_3 a {
3 background: #09B1ff;
4 text-align: center;
5 padding-left: 20px !important;
6 padding-right: 20px !important;
7 background: #09B1ff;
8 text-align: center;
9 padding-left: 20px !important;
10 word-wrap: break-word;
11 width: auto;
12 max-width: 400px;
13 padding-right: 20px !important;
14 font-size: 0.8rem;
15}
16.tbk-public:not(.liferay-instance) .promocionestransbank .seccion_medios .titulo {
17display: block;
18}
19@media (max-width: 767px) {
20.tbk-public:not(.liferay-instance) .promocionestransbank .seccion_medios .titulo {
21display: block;
22}
23.collapse_2.visible-xs .visible-xs .panel-heading {
24padding: 10px 15px;
25}
26.collapse_2.visible-xs .card {
27 background-color: transparent;
28}
29.collapse_2.visible-xs .btn:not(:disabled):not(.disabled) {
30 cursor: pointer;
31 width: 100%;
32 text-align: left;
33}
34.collapse_2.visible-xs .btn-link {
35 color: white;
36 text-transform: uppercase;
37 font-size: 18px;
38 font-weight: 500;
39}
40.collapse_2.visible-xs .card-header {
41 padding: 0;
42 border: 1px solid #009cdd;
43 border-radius: 3px;
44}
45.collapse_2.visible-xs .card-body li {
46 color: white;
47 list-style: none;
48}
49.collapse_2.visible-xs .btn-link:hover {
50 color: #a09e9e;
51 text-decoration: none;
52}
53.collapse_2.visible-xs .btn-link:focus {
54 color: #a09e9e;
55 text-decoration: none;
56}
57
58.bloque_collapse_2.visible-xs .btn.btn-link {
59 font-size: 14px;
60 color: #43484c;
61 font-family: "Roboto",sans-serif;
62 text-transform: uppercase;
63 font-weight: 400;
64 width: 100%;
65 text-align: left;
66}
67.bloque_collapse_2.visible-xs .card-header {
68background: rgba(0,0,0,0) none repeat scroll 0 0;
69border: 1px solid #009cdd;
70border-radius: 2px;
71padding: 0;
72}
73
74.seccion_medios .bloque_collapse_2.visible-xs .btn.btn-link .glyphicon {
75 top: 5px;
76 position: absolute;
77 right: 10px;
78}
79.bloque_collapse_2.visible-xs .btn-link:hover {
80text-decoration: none;
81}
82.bloque_collapse_2.visible-xs .card {
83box-shadow: none;
84margin-bottom: 0.5rem;
85}
86.bloque_collapse_2.visible-xs .card-body {
87background: #009cdd none repeat scroll 0 0;
88color: #fff;
89font-size: 14px;
90}
91.tbk-public:not(.liferay-instance) .bloque_collapse_2.visible-xs a:hover, .tbk-public:not(.liferay-instance) .bloque_collapse_2.visible-xs a:focus {
92color: #23527c;
93}
94.bloque_collapse_2 .panel-group {
95 margin-left: 10px;
96margin-right: 10px;
97}
98.bloque_collapse_2 .panel-heading{
99 padding: 7px;
100}
101
102}
103 .nav-pills .nav-link.active, .nav-pills .nav-underline .tab a.active, .nav-underline .tab .nav-pills a.active, .nav-pills .nav-underline .tab.active a, .nav-underline .tab.active .nav-pills a, .nav-pills .show > .nav-link, .nav-pills .nav-underline .tab .show > a, .nav-underline .tab .nav-pills .show > a {
104 color: rgb(255, 255, 255);
105 background-color: transparent;
106 font-weight: 400;
107}
108.contenedor_tab_1 {
109 padding-top: 28px;
110}
111.tab_bloque_2 .nav-pills .nav-link.active, .tab_bloque_2 .nav-pills .nav-underline .tab a.active, .tab_bloque_2 .nav-underline .tab .nav-pills a.active, .tab_bloque_2 .nav-pills .nav-underline .tab.active a, .tab_bloque_2 .nav-underline .tab.active .nav-pills a, .tab_bloque_2 .nav-pills .show > .nav-link, .tab_bloque_2 .nav-pills .nav-underline .tab .show > a, .tab_bloque_2 .nav-underline .tab .nav-pills .show > a {
112 color: #43484c;
113 background-color: transparent;
114 font-weight: 400;
115}
116.tab_bloque_2 .nav li.active {
117 background: rgba(0,0,0,0) url(../images/img/bullet_tab.png) no-repeat scroll center bottom;
118}
119.tab_bloque_1 .nav li.active {
120 background: rgba(0,0,0,0) url(../images/img/bullet_tab.png) no-repeat scroll center bottom;
121}
122.contenedor_tab_1 .nav li a.active {
123 background: url(../images/img/bullet_tab.png) center bottom no-repeat scroll rgba(0, 0, 0, 0);
124 border-width: 0px;
125 color: rgb(255, 255, 255);
126 font-weight: 500;
127}
128.tab_bloque_2 .nav li a.active {
129 background: url(../images/img/bullet_tab.png) center bottom no-repeat scroll rgba(0, 0, 0, 0);
130 border-width: 0px;
131 color: rgb(255, 255, 255);
132 font-weight: 500;
133}
134</style>
135<div class="row">
136 <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 ">
137 <div class="productos_interior">
138 <div class="caja_1">
139 <div class="col_izq">
140 <div class="titulo_3">
141 <h4>${.vars['reserved-article-title'].data}</h4>
142 </div>
143 <#if Bajada.getData()?has_content>
144 <div class="txt">
145 <p>${Bajada.getData()}</p>
146 </div>
147 </#if>
148 </div>
149 <#if ImagenIntroduccion.getData()?? && ImagenIntroduccion.getData() !="">
150 <div class="col_der">
151 <img class="img-responsive" src="${ImagenIntroduccion.getData()}" alt="" title="">
152 </div>
153 </#if>
154 <div class="borrado"></div>
155 </div>
156 <div class="caja_2">
157 <div class="col_izq">
158 <#if Titulo.getSiblings()?has_content && Titulo.getData() !="">
159 <#list Titulo.getSiblings() as cur_Titulo>
160 <div class="titulo_4">
161 <h4>${cur_Titulo.getData()}</h4>
162 </div>
163
164 <#if Titulo.TipoSolucion??>
165 <#if Titulo.TipoSolucion.getData() == "1">
166 <#assign claseTexto="txt texto-ventas-presenciales">
167 <#elseif Titulo.TipoSolucion.getData() == "2">
168 <#assign claseTexto="txt texto-ventas-internet">
169 <#elseif Titulo.TipoSolucion.getData() == "3">
170 <#assign claseTexto="txt texto-pagos-recurrentes">
171 <#elseif Titulo.TipoSolucion.getData() == "4">
172 <#assign claseTexto="txt texto-pagos-tarjetas">
173 <#else>
174 <#assign claseTexto="txt">
175 </#if>
176 <#else>
177 <#assign claseTexto="txt">
178 </#if>
179
180 <div class="${claseTexto}">
181 ${cur_Titulo.Descripcion.getData()}<br>
182 <#if Titulo.TituloComoFunciona.getSiblings()?has_content>
183 <#list Titulo.TituloComoFunciona.getSiblings() as cur_TituloComoFunciona>
184 <div>
185 <strong>${cur_TituloComoFunciona.getData()}</strong><br>
186 <p>${cur_TituloComoFunciona.BajadaComoFunciona.getData()}</p><br>
187 </div>
188 </#list>
189 </#if>
190 <#if DescripcionManual.Manual.getData() !="">
191 <div>
192 <strong>${DescripcionManual.getData()}
193 <a href="${DescripcionManual.Manual.getData()}" target="_blank">acá</a>
194 </strong>
195 </div>
196 </#if>
197 <#if DescripcionManual.Manual.getData() !="" && URLEnlaceManual?? && URLEnlaceManual.Manual.getData() !="" >
198 <div>
199 <strong>${DescripcionManual.getData()}
200 <a href="${URLEnlaceManual.getData()}" target="_blank">acá</a>
201 </strong>
202 </div>
203 </#if>
204 </div>
205 </#list>
206 </#if>
207 </div>
208 <div class="col_der">
209 <#if VideoYoutube.getData() !="">
210 <div class="embed-responsive embed-responsive-16by9">
211 <iframe class="embed-responsive-item" width="560" height="315"
212 src="${VideoYoutube.getData()}" frameborder="0" allowfullscreen=""></iframe>
213 </div>
214 </#if>
215 </div>
216 <div class="borrado"></div>
217 </div>
218 <#assign evento = "evento-interactivo" />
219 <#assign categoria = "Portal público" />
220 <#if PermitirContratar?? && PermitirContratar.getData() == "true">
221 <#list Titulo.TipoSolucion.getSiblings() as cur_solucion>
222
223 <#if cur_solucion.getData() !="">
224 <#if cur_solucion.getData() == "1" || cur_solucion.getData() == "2">
225 <div class="row">
226 <#if PermitirContratar.UrlContratar.getData()?? && PermitirContratar.UrlContratar.getData() !="" && PermitirContratar.TextoBotonContratar.getData()?? && PermitirContratar.TextoBotonContratar.getData() !="" >
227 <div class="btn_3 col" >
228 <a class="mx-auto" href="${PermitirContratar.UrlContratar.getData()}" onclick="enviaDatoGA('Quiero contratarlo')">${PermitirContratar.TextoBotonContratar.getData()}</a>
229 </div>
230 </#if>
231
232 <#if PermitirContratar.UrlContratardvws.getData()?? && PermitirContratar.UrlContratardvws.getData() !="" && PermitirContratar.TextoBotonContratar7a0r.getData()?? && PermitirContratar.TextoBotonContratar7a0r.getData() !="" >
233 <div class="btn_3 col" >
234 <a class="mx-auto" href="${PermitirContratar.UrlContratardvws.getData()}" onclick="enviaDatoGA('Quiero contratarlo')">${PermitirContratar.TextoBotonContratar7a0r.getData()}</a>
235 </div>
236 </#if>
237
238
239
240 </div>
241 </#if>
242 </#if>
243
244
245
246 </#list>
247 </#if>
248 </div>
249 </div>
250</div>
251<div class="container-fluid">
252
253
254
255
256
257
258
259 <div class="row contenedor_tabs_beneficios" <#if BannerBeneficio.getData()?? && BannerBeneficio.getData() !="">
260 style="background: url('${BannerBeneficio.getData()}');</#if> min-height: 400px; background-size: cover;">
261 <div class="col-sm-offset-2 col-sm-8">
262 <div class="contenedor_tab_1 hidden-xs">
263 <!-- Nav tabs -->
264 <#if BannerBeneficio.TituloBeneficio.getSiblings()?has_content &&
265 BannerBeneficio.TituloBeneficio.getData() !="">
266 <ul class="nav nav-pills" role="tablist">
267 <#list BannerBeneficio.TituloBeneficio.getSiblings() as cur_BannerBeneficio>
268 <#if cur_BannerBeneficio?is_first>
269 <#assign tabActive="active" />
270 <#assign tabselected="true" />
271 <#else>
272 <#assign tabActive="" />
273 <#assign tabselected="false" />
274 </#if>
275 <li role="presentation" class="nav-item" >
276 <a class="nav-link ${tabActive}"
277 id="#beneficio-${cur_BannerBeneficio?counter}-tab"
278 data-toggle="pill"
279 href="#beneficio-${cur_BannerBeneficio?counter}"
280 role="tab"
281 aria-controls="#beneficio-${cur_BannerBeneficio?counter}"
282 aria-selected="${tabselected}">
283 ${cur_BannerBeneficio.getData()}
284 </a>
285 </li>
286 </#list>
287 </ul>
288 </#if>
289 <!-- Tab panes -->
290 <div class="tab-content">
291 <#if BannerBeneficio.TituloBeneficio.getSiblings()?has_content && BannerBeneficio.TituloBeneficio.getData() !="">
292 <#list BannerBeneficio.TituloBeneficio.getSiblings() as cur_BannerBeneficio>
293 <#if cur_BannerBeneficio?is_first>
294 <#assign tabActive="active" />
295
296 <#else>
297 <#assign tabActive="" />
298 </#if>
299 <div role="tabpanel" class="tab-pane ${tabActive}" id="beneficio-${cur_BannerBeneficio?counter}">
300 <div class="col_1">
301 ${cur_BannerBeneficio.DescripcionBeneficio.getData()}
302 </div>
303 <#if cur_BannerBeneficio.ImagenBeneficio.getData()?? &&
304 cur_BannerBeneficio.ImagenBeneficio.getData() !="">
305 <div class="col_2">
306 <div class="img_tab hidden-xs ">
307 <img class="img-responsive"
308 src="${cur_BannerBeneficio.ImagenBeneficio.getData()}" alt="" title="">
309 </div>
310 </div>
311 </#if>
312 </div>
313 </#list>
314 </div>
315 </#if>
316 </div>
317 <!-- Collapse movil-->
318 <div class="collapse_2 visible-xs">
319 <div id="accordion">
320 <#if BannerBeneficio.TituloBeneficio.getSiblings()?has_content>
321 <#list BannerBeneficio.TituloBeneficio.getSiblings() as cur_BannerBeneficio>
322 <div class="card">
323 <div class="card-header" id="headingOne">
324 <h5 class="mb-0">
325 <button class="btn btn-link" data-toggle="collapse" data-target="#beneficio${cur_BannerBeneficio?counter}-collapseOne" aria-expanded="true" aria-controls="beneficio${cur_BannerBeneficio?counter}-collapseOne">
326 ${cur_BannerBeneficio.getData()}<span class="glyphicon glyphicon-minus"></span>
327 </button>
328 </h5>
329 </div>
330
331 <div id="beneficio${cur_BannerBeneficio?counter}-collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
332 <div class="card-body">
333 ${cur_BannerBeneficio.DescripcionBeneficio.getData()}
334 </div>
335 </div>
336 </div>
337 </#list>
338 </#if>
339 </div>
340 </div>
341 </div>
342 </div>
343</div>
344<div class="seccion_medios">
345 <div class="container-fluid">
346 <div class="row ">
347 <div class="col-sm-offset-2 col-sm-8">
348 <div class="titulo">Tarjetas</div>
349 <div class="caja_logos">
350 <#if BannerTarjeta.getSiblings()?has_content && BannerTarjeta.getData() !="">
351 <#if BannerTarjeta.getSiblings()?size==1>
352 <#list BannerTarjeta.getSiblings() as cur_BannerTarjeta>
353 <div class="tc_independiente">
354 <img src="${cur_BannerTarjeta.getData()}" alt="" title="">
355 </div>
356 </#list>
357 <#else>
358 <#list BannerTarjeta.getSiblings() as cur_BannerTarjeta>
359 <div class="tc">
360 <img src="${cur_BannerTarjeta.getData()}" alt="" title="">
361 </div>
362 </#list>
363 </#if>
364 </#if>
365 </div>
366 </div>
367 </div>
368 </div>
369 <div class="row tab_bloque_2 hidden-xs">
370 <div class="col-sm-offset-2 col-sm-8">
371 <!-- Nav tabs -->
372 <#if TituloTarjeta.getData() !="">
373 <ul class="nav nav-pills" role="tablist">
374 <#list TituloTarjeta.getSiblings() as cur_TituloTarjeta>
375 <#if cur_TituloTarjeta?is_first>
376 <#assign tabActive="active" />
377 <#else>
378 <#assign tabActive="" />
379 </#if>
380 <li class="nav-item">
381 <a id="tarjeta_${cur_TituloTarjeta?counter}-tab"
382 data-toggle="pill"
383 href="#tarjeta_${cur_TituloTarjeta?counter}"
384 role="tab"
385 aria-controls="tarjeta_${cur_TituloTarjeta?counter}"
386 aria-selected="true"
387 class="nav-link ${tabActive}">
388 ${cur_TituloTarjeta.getData()}
389 </a>
390 </li>
391 </#list>
392 </ul>
393 </#if>
394 <!-- Tab panes -->
395 <#if TituloTarjeta.getData() !="">
396 <div class="tab-content">
397 <#list TituloTarjeta.getSiblings() as cur_TituloTarjeta>
398 <#if cur_TituloTarjeta?is_first>
399 <#assign tabActive="active" />
400 <#else>
401 <#assign tabActive="" />
402 </#if>
403 <div role="tabpanel" class="tab-pane ${tabActive}" id="tarjeta_${cur_TituloTarjeta?counter}">
404 ${cur_TituloTarjeta.DetalleTarjeta.getData()}
405 </div>
406 </#list>
407 </div>
408 </#if>
409 </div>
410 </div>
411 <!-- bloque collapse 2 -->
412 <div class="container-fluid bloque_collpsse_2 visible-xs">
413 <div class="row">
414 <div class="col-sm-offset-2 col-sm-8">
415 <div class="bloque_collapse_2 visible-xs">
416 <div id="accordion">
417 <#if TituloTarjeta.getData() !="">
418 <#list TituloTarjeta.getSiblings() as cur_TituloTarjeta>
419 <div class="card">
420 <div class="card-header" id="headingOne">
421 <h5 class="mb-0">
422 <button class="btn btn-link collapsed" data data-toggle="collapse" data-target="#tarjeta_${cur_TituloTarjeta?counter}" aria-expanded="true" aria-controls="tarjeta_${cur_TituloTarjeta?counter}">
423 ${cur_TituloTarjeta.getData()} <span class="glyphicon glyphicon-minus"></span>
424 </button>
425 </h5>
426 </div>
427
428 <div id="tarjeta_${cur_TituloTarjeta?counter}" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
429 <div class="card-body">
430 ${cur_TituloTarjeta.DetalleTarjeta.getData()}
431 </div>
432 </div>
433 </div>
434 </#list>
435 </#if>
436 </div>
437 </div>
438 </div>
439 </div>
440 </div>
441 <div class="container-fluid productos_interior pd-0">
442 <div class="row">
443 <div class="col-sm-8 col-sm-offset-2 ">
444 <div class="caja_2 alineacion">
445 <div class="col_izq pd-0">
446 <#if TituloDocumentacion.getData()?? && TituloDocumentacion.getData() != "">
447 <div class="titulo_4">
448 <h4>${TituloDocumentacion.getData()}</h4>
449 </div>
450 </#if>
451 <#if TituloDocumentacion.PDFDocumentoOneClick.getData()?? && TituloDocumentacion.PDFDocumentoOneClick.getData() != "">
452 <div class="txt">
453 <ul>
454 <li><a class="tbk__link" href="${TituloDocumentacion.PDFDocumentoOneClick.getData()}" target="_blank" >API SOAP Webpay - Oneclick</a></li>
455 </ul>
456 </div>
457 </#if>
458 </div>
459 <#if ImagenDocumentacion.getData()?? && ImagenDocumentacion.getData() != "">
460 <div class="col_der pd-0">
461 <img class="img-responsive" src="${ImagenDocumentacion.getData()}" />
462 </div>
463 </#if>
464 </div>
465 </div>
466 </div>
467 </div>
468</div>
469
470
471
472<script>
473
474
475 function enviaDatoGA(etiqueta){
476 let tituloPadre = document.getElementById('titulo_padre').value;
477 tagEventoInteractivo('${evento}', '${categoria}', 'Click '+tituloPadre+' - ${.vars['reserved-article-title'].data?upper_case?replace(".", "")}', etiqueta);
478 }
479
480
481
482</script>