cr.faces.com
Open in
urlscan Pro
2600:9000:2514:c400:0:4884:3600:93a1
Public Scan
Submitted URL: http://cr.faces.com/checkout/cart/add?sku=2413&qty=1&seller=1&sc=1&utm_source=VTEXCEM&utm_medium=Abandono_carrinho&u...
Effective URL: https://cr.faces.com/checkout/?utm_source=VTEXCEM&utm_medium=Abandono_carrinho&utm_campaign=Abandono
Submission: On August 24 via manual from IN — Scanned from CA
Effective URL: https://cr.faces.com/checkout/?utm_source=VTEXCEM&utm_medium=Abandono_carrinho&utm_campaign=Abandono
Submission: On August 24 via manual from IN — Scanned from CA
Form analysis
10 forms found in the DOM<form class="coupon-form" action="" data-bind="submit: addCoupon">
<fieldset class="coupon-fieldset">
<div data-bind="fadeVisible: isUsingCoupon()" style="display: none;">
<p class="coupon-label"> <label for="cart-coupon" data-i18n="totalizers.couponCapitalize">Cupón de descuento</label> </p>
<p class="coupon-fields"> <span data-bind="visible: !isCouponTyped()"> <input type="text" id="cart-coupon" class="coupon-value input-small" data-bind="value: couponCode, valueUpdate:'afterkeydown', disable: loadingCoupon()" placeholder="Código"
data-i18n="[placeholder]totalizers.couponCode;">
<i class="loading-inline icon-spinner icon-spin loading-coupon" data-bind="fadeInlineVisible: loadingCoupon" style="opacity: 0;"> <span data-i18n="cart.wait">Cargando datos...</span> </i>
<button type="submit" id="cart-coupon-add" class="btn" data-bind="disable: loadingCoupon" data-i18n="global.add">Añadir</button> </span> <span class="info" data-bind="visible: isCouponTyped" style="display: none;"> <span
data-bind="text: value"></span> <small class="delete"><a href="javascript:void(0);" id="cart-coupon-remove" data-bind="click: removeCoupon" data-i18n="global.delete">Borrar</a></small> </span> </p>
</div>
<p class="coupon-data pull-right" data-bind="fadeVisible: !isUsingCoupon()" style="display: block;">
<a class="link-coupon-add" href="javascript:void(0);" id="cart-link-coupon-add" data-bind="click: isUsingCoupon"> <span data-i18n="global.add">Añadir</span> <span data-i18n="totalizers.coupon">cupón de descuento</span> </a>
</p>
</fieldset>
</form>
<form class="coupon-form" action="" data-bind="submit: addCoupon">
<fieldset class="coupon-fieldset">
<div data-bind="fadeVisible: isUsingCoupon()" style="display: none;">
<p class="coupon-label"> <label for="cart-coupon" data-i18n="totalizers.couponCapitalize">Cupón de descuento</label> </p>
<p class="coupon-fields"> <span data-bind="visible: !isCouponTyped()"> <input type="text" id="cart-coupon" class="coupon-value input-small" data-bind="value: couponCode, valueUpdate:'afterkeydown', disable: loadingCoupon()" placeholder="Código"
data-i18n="[placeholder]totalizers.couponCode;">
<i class="loading-inline icon-spinner icon-spin loading-coupon" data-bind="fadeInlineVisible: loadingCoupon" style="opacity: 0;"> <span data-i18n="cart.wait">Cargando datos...</span> </i>
<button type="submit" id="cart-coupon-add" class="btn" data-bind="disable: loadingCoupon" data-i18n="global.add">Añadir</button> </span> <span class="info" data-bind="visible: isCouponTyped" style="display: none;"> <span
data-bind="text: value"></span> <small class="delete"><a href="javascript:void(0);" id="cart-coupon-remove" data-bind="click: removeCoupon" data-i18n="global.delete">Borrar</a></small> </span> </p>
</div>
<p class="coupon-data" data-bind="fadeVisible: !isUsingCoupon()" style="display: block;">
<a class="link-coupon-add" href="javascript:void(0);" id="cart-link-coupon-add" data-bind="click: isUsingCoupon"> <span data-i18n="global.add">Añadir</span> <span data-i18n="totalizers.coupon">cupón de descuento</span> </a>
</p>
</fieldset>
</form>
<form class="shipping-form-inline" action="" data-bind="submit: calculateShipping">
<fieldset class="shipping-fieldset">
<div class="shipping-fields"> <input type="tel" id="summary-postal-code" class="postal-code input-mini"
data-bind="value: postalCode, valueUpdate:'afterkeydown', validate: 'postalCode', disable: loadingPostalCode, maskOnBlur: window.checkout.postalCodeMask, attr: {'maxlength': window.checkout.postalCodeMask() ? window.checkout.postalCodeMask().length : 9}, css: {'loading-postal-code': loadingPostalCode}"
maxlength="9">
<i class="loading-inline icon-spinner icon-spin" data-bind="fadeInlineVisible: loadingPostalCode" style="opacity: 0;"> <span data-i18n="cart.wait">Cargando datos...</span> </i>
<button type="submit" id="cart-shipping-calculate" class="btn" data-bind="disable: loadingPostalCode" data-i18n="cart.calculate">Calcular</button> </div> <small
class="postal-code-service summary-postal-code-service"><a id="cart-dont-know-postal-code" data-bind="attr: { 'href': window.checkout.postalCodeForgottenURL }" target="_blank" data-i18n="totalizers.dontKnowPostalCode" href="#">No conozco mi Código Postal (CP)</a></small>
</fieldset>
</form>
<form class="form-page client-pre-email anim-death anim-current" data-bind="event: { 'submit' : submitFirstEmail }, fadeVisible: showEmailForm() && !checkout.loading()" autocomplete="on" style="display: block;">
<p class="link link-cart pull-right"> <small><a data-bind="attr: { href: window.checkout.cartURL() }" id="orderform-to-cart" target="_self" data-i18n="global.backToCart" href="#/cart">Volver a carrito</a></small> </p>
<fieldset class="pre-email row-fluid">
<h3 class="client-pre-email-h"> <label for="client-pre-email"><span data-i18n="clientProfileData.preemail">Ingresa tu mail para continuar la compra. <a id="v-custom-edit-login-data" class="link-box-edit btn btn-small" style="" title="Editar">
<i class="icon-edit"></i>
<i class="icon-spinner icon-spin icon-3x"></i>
</a>
</span> <small data-i18n="clientProfileData.preemail_">Rápido. Fácil. Seguro.</small></label> </h3>
<div class="client-email input text required span8 offset2"> <input type="email" id="client-pre-email" class="input-block-level" data-i18n="[placeholder]clientProfileData.placeholderEmail"
data-bind="value: firstEmail, valueUpdate:'afterkeydown', css: { 'not-ready': loadingEmail }, validate: 'email', required: true, disable: loading" autocomplete="on" name="email" placeholder="su@correo.com">
<i class="loading-inline icon-spinner icon-spin" data-bind="visible: loadingEmail" style="display: none;"> <span data-i18n="global.loading">Cargando...</span> </i> <button id="btn-client-pre-email" class="btn btn-success"
type="submit"> <span data-i18n="global.continue_">Continuar</span> </button> </div>
</fieldset>
<div class="emailInfo">
<h3 data-i18n="clientProfileData.whyPreEmail">Guardamos su correo electrónico de manera 100% segura para:</h3>
<ul class="unstyled">
<li> <i class="icon-ok"></i> <span data-i18n="clientProfileData.bullet1WhyEmail">Identificar su perfil</span> </li>
<li> <i class="icon-ok"></i> <span data-i18n="clientProfileData.bullet2WhyEmail">Notificar sobre los estados de su compra</span> </li>
<li> <i class="icon-ok"></i> <span data-i18n="clientProfileData.bullet3WhyEmail">Guardar el historial de compras</span> </li>
<li> <i class="icon-ok"></i> <span data-i18n="clientProfileData.bullet4WhyEmail">Facilitar el proceso de compras</span> </li>
</ul> <i class="icon-lock"></i>
</div>
</form>
<form action="" class="form-step box-edit" data-bind="fadeVisible: active, submit: next" style="display: none;">
<div class="box-client-info">
<div class="row-fluid"> <!-- INFORMAÇÕES PARA PESSOA FÍSICA -->
<fieldset class="box-client-info-pf">
<p class="client-notice notice" data-i18n="clientProfileData.notice">Solicitamos únicamente la información esencial para la finalización de la compra.</p> <!-- ko if: templateOptions.toggleCorporate --><!-- /ko -->
<!-- ko if: checkout.loggedIn() == false -->
<p class="client-email input text required"> <label for="client-email" data-i18n="clientProfileData.email">Correo</label> <input type="email" id="client-email" class="input-xlarge"
data-bind="value: email, valueUpdate:'afterkeydown', event: { 'blur' : blurEmail }, validate: 'email', required: true, disable: loading" name="email"> </p>
<p data-bind="fadeVisible: emailSuggestionDomain, click: acceptSuggestion" style="display: none;"> <span data-i18n="global.didYouMean">Quizás quisiste decir:</span><span> </span>
<a href="#" id="email-suggestion-address"> <span data-bind="text: emailSuggestionAddress"></span><strong data-bind="text: emailSuggestionDomain"></strong> </a> </p> <!-- /ko -->
<!-- ko if: checkout.loggedIn() && email() --><!-- /ko -->
<p class="client-first-name input pull-left text required"> <label for="client-first-name" data-i18n="clientProfileData.firstName">Nombre</label> <input type="text" id="client-first-name" autocomplete="given-name" class="input-small"
data-bind="value: firstName, validate: 'alphaNumericPunctuation', valueUpdate:'afterkeydown', required: true, disable: loading"> </p>
<p class="client-last-name input pull-left text required"> <label for="client-last-name" data-i18n="clientProfileData.lastName">Apellidos</label> <input type="text" id="client-last-name" autocomplete="last-name" class="input-small"
data-bind="value: lastName, validate: 'alphaNumericPunctuation', valueUpdate:'afterkeydown', required: true, disable: loading"> </p> <!-- ko ifnot: showDocumentInCorporate -->
<p class="client-document input pull-left text required mask hide" data-bind="visible: !hasDifferentDocument(), css: {'hide': !showDocument()}"> <label for="client-document" data-bind="text: documentLabel">Cédula Jurídca</label> <input
type="text" id="client-document" class="input-small"
data-bind="hasfocus: documentFocus, value: document, valueUpdate:'afterkeydown', validate: validateDocument, required: isDocumentRequired, disable: loading, maskOnBlur: checkout.documentMask(), attr: documentAttributeBindings"
placeholder="0999999999"> </p>
<p class="client-document input pull-left text required mask" data-bind="visible: hasDifferentDocument()" style="display: none;"> <label for="client-document2" data-bind="text: documentLabel">Cédula Jurídca</label> <input type="text"
id="client-document2" class="input-small" disabled="disabled"> </p> <!-- /ko -->
<div data-bind="template: {name: phoneTemplate(), afterRender: window.vtex.i18n.translateHtml }">
<p class="client-phone input pull-left text required mask" data-bind="visible: !hasDifferentPhone()"> <label for="client-phone" data-i18n="clientProfileData.phone">Teléfono / Móvil</label> <!-- ko ifnot: hasDifferentPhone --> <input
type="tel" id="client-phone" class="input-small"
data-bind="hasfocus: phoneFocus, value: phone, valueUpdate:'afterkeydown', validate: validatePhone, required: true, disable: loading, maskOnBlur: checkout.phoneMask, attr: {'placeholder': phonePlaceholder}"> <!-- /ko --></p>
<p class="client-phone input pull-left text required mask" data-bind="if: hasDifferentPhone()"></p>
</div>
<div class="dateClient">
<label for="dateClient"> Fecha de nacimiento </label>
<input type="date" id="dateClient" name="dateClient" placeholder="Fecha de nacimiento">
</div>
<div class="document-box hide" data-bind="css: { 'document-is-required': requirementDocument }">
<h5 class="document-box-title" data-bind="css: { 'visible': hasDifferentDocument }" data-i18n="clientProfileData.document">Documento</h5>
<ul class="links-other-document links unstyled">
<li class="link-use-other-document link" data-bind="visible: !hasDifferentDocument()">
<a href="#" id="no-document-key" tabindex="16" data-bind="click: toggleDifferentDocument, text: noDocumentLabel">No tengo Cédula Jurídca</a> </li>
<li class="link-use-country-document link" data-bind="visible: hasDifferentDocument()" style="display: none;">
<a href="#" id="has-document-key" data-bind="click: toggleDifferentDocument, text: hasDocumentLabel">Tengo Cédula Jurídca</a> </li>
</ul>
<div class="other-document" data-bind="fadeVisible: hasDifferentDocument" style="display: none;">
<p class=" client-document-type input pull-left text required mask "> <label
for="client-document-type" data-i18n="clientProfileData.documentType">Tipo del documento</label> <input type="text" id="client-document-type" class="input-small" autocomplete="no-complete"
data-bind="value: alternateDocumentType, valueUpdate:'afterkeydown', required: isDocumentRequired, disable: loading"> </p>
<p class=" client-new-document input pull-left text required mask "> <label
for="client-new-document" data-i18n="clientProfileData.document">Documento</label> <input type="text" id="client-new-document" class="input-small" autocomplete="no-complete"
data-bind="value: alternateDocument, valueUpdate:'afterkeydown', required: isDocumentRequired, disable: loading"> </p>
</div>
</div>
<div class="phone-box" data-bind="css: {'visible': hasDifferentPhone()}">
<ul class="links-other-phone links unstyled">
<li class="link-use-other-phone link" data-bind="visible: !hasDifferentPhone()">
<a href="#" id="no-phone-key" tabindex="16" data-bind="click: toggleDifferentPhone, text: noPhoneLabel">No tengo teléfono del país (Costa Rica)</a> </li>
<li class="link-use-country-phone link" data-bind="visible: hasDifferentPhone()" style="display: none;">
<a href="#" id="has-phone-key" data-bind="click: toggleDifferentPhone, text: hasPhoneLabel">Tengo teléfono del páis (Costa Rica)</a> </li>
</ul>
<div class="other-phone" data-bind="fadeVisible: hasDifferentPhone" style="display: none;">
<p class=" client-new-phone input pull-left text required mask "> <label
for="client-new-phone" data-i18n="clientProfileData.phoneInternational">Teléfono Internacional</label> <input type="text" id="client-new-phone" class="input-small"
data-bind="value: alternatePhone, valueUpdate:'afterkeydown', required: isNotCorporate, disable: loading" placeholder="+9 999 999 9999"> </p>
</div>
</div>
</fieldset> <!-- FIM INFORMAÇÕES PARA PESSOA FÍSICA --> <!-- INFORMAÇÕES PARA PESSOA JURÍDICA -->
<fieldset class="box-client-info-pj">
<h5 class="corporate-title" data-bind="css: { 'visible': isCorporate }" data-i18n="clientProfileData.corporateTitle">Datos de empresa</h5>
<ul class="links unstyled">
<li class="link pf-pj corporate-hide-link"> <a href="#" id="is-corporate-client" data-bind="visible: !isCorporate(), click: toggleCorporate" tabindex="17" data-i18n="clientProfileData.includeCo">Sumar datos de empresa</a>
<a href="#" id="not-corporate-client" data-bind="visible: isCorporate, click: toggleCorporate" data-i18n="clientProfileData.excludeCo" style="display: none;">No sumar</a> </li>
</ul>
<div class="corporate-info-box" data-bind="fadeVisible: isCorporate" style="display: none;">
<p class="client-company-name input text required"> <label for="client-company-name" data-i18n="clientProfileData.companyName">Razón Social</label> <input type="text" id="client-company-name" class="input-xlarge"
data-bind="value: corporateName, valueUpdate:'afterkeydown', required: isCorporateNameRequired, disable: loading"> </p> <!-- ko if: showCorporateTradeName --><!-- /ko --> <!-- ko if: showCorporateStateInscription --><!-- /ko -->
<!-- ko if: showCorporateDocument --><!-- /ko --> <!-- ko if: showDocumentInCorporate --><!-- /ko -->
<div class="clearfix"></div>
<div class="state-inscription-box" data-bind="visible: showCorporateExempt()" style="display: none;"> <label class="checkbox exempt-si-label"> <input type="checkbox" id="state-inscription" data-bind="checked: exempt"> <span
class="exempt-si-text" data-bind="text: noStateInscriptionLabel">Aucun Registro Estatal</span> </label> </div>
<div class="company-document-box hide" data-bind="css: { 'company-document-is-required': showCorporateDocument }">
<ul class="links-other-company-document links unstyled">
<li class="link-use-other-company-document link" data-bind="visible: !hasDifferentCorporateDocument()">
<a href="#" id="no-company-document-key" data-bind="click: toggleDifferentCorporateDocument, text: noCorporateDocumentLabel">La empresa no es del país (Costa Rica)</a>
</li>
<li class="link-use-country-company-document link" data-bind="visible: hasDifferentCorporateDocument()" style="display: none;">
<a href="#" id="has-company-document-key" data-bind="click: toggleDifferentCorporateDocument, text: hasCorporateDocumentLabel">La empresa es del país (Costa Rica)</a> </li>
</ul>
<div class="other-company-document" data-bind="fadeVisible: hasDifferentCorporateDocument" style="display: none;">
<p
class=" client-new-company-document input pull-left text required mask ">
<label for="client-new-company-document" data-i18n="clientProfileData.corporateDocument">Documento de la Compañía</label> <input type="text" id="client-new-company-document" class="input-small"
data-bind="value: alternateCorporateDocument, valueUpdate: 'afterkeydown', disable: loading"> </p>
</div>
</div>
</div>
</fieldset> <!-- FIM DE INFORMAÇÕES PARA PESSOA JURÍDICA -->
</div>
<p class="save-data hide" data-bind="css: { hide: !checkout.saveUserDataOptInEnabled() }"> <label class="checkbox save-data-label" data-bind="fadeVisible: checkout.canEditData"> <input type="checkbox" id="opt-in-save-data"
data-bind="checked: checkout.saveData"> <span class="save-data-text" data-i18n="global.saveData">Permito guardar mis datos de forma segura para mis siguientes pedidos.</span> </label> </p>
<p class="newsletter" data-bind="visible: checkout.saveData" style=""> <label class="checkbox newsletter-label" data-bind="fadeVisible: checkout.canEditData"> <input type="checkbox" id="opt-in-newsletter"
data-bind="checked: checkout.optinNewsLetter, enable: checkout.saveData"> <span class="newsletter-text" data-i18n="global.optinNewsLetter">Quiero recibir el newsletter con promociones.</span> <br></label></p>
<div class="container_terms"><input required="" checked="" type="checkbox" id="opt-in-newsletter_2" data-bind="checked: checkout.optinNewsLetter, enable: checkout.saveData"> <span class="newsletter-text_2"
data-i18n="global.optinNewsLetter">Acepto los<a style="color:black" href="/general">Términos y condiciones</a> y las <a href="/general" style="color:black"> Políticas de Protección de Datos</a></span></div>
<a href="/general" style="color:black"><br></a>
<p></p>
</div>
<p class="submit btn-submit-wrapper"> <button type="submit" id="go-to-shipping" class="submit btn btn-large btn-success" data-bind="visible: !router.view.shippingDataValid(), disable: loadingEmail" data-i18n="global.goToShipping">Ir para la
Entrega</button> <button type="submit" id="go-to-payment" class="submit btn btn-large btn-success" data-bind="visible: router.view.shippingDataValid(), disable: loadingEmail" data-i18n="global.goToPayment" style="display: none;">Ir para el
Pago</button> </p>
</form>
<form action="" data-event="finishPayment" class="form-step box-new row-fluid" data-bind="fadeVisible: active(), submit: submit" style="display: none;">
<!-- ko if: hasGiftCard() && paymentGroups.giftCardPaymentGroup.specialGiftCards().length > 0 && !totalIsFree() --><!-- /ko --> <!-- ko ifnot: isCombiningEnabled() -->
<!-- ko if: hasGiftCard() -->
<p class="link link-gift-card" data-bind="fadeVisible: !totalIsFree() && !showGiftCard() && !totalIsPaidByGiftCards()">
<a href="" id="show-gift-card-group" class="link-payment-discounts-cod" data-bind="click: showGiftCard.bind($data, true)" data-i18n="paymentData.paymentGroup.giftCard.useGiftCard">Utilizar un cupón de regalo</a> </p> <!-- /ko -->
<!-- ko if: hasGiftCard() && showGiftCard() --><!-- /ko --> <!-- /ko -->
<fieldset class="payment-group" data-bind="visible: showPaymentOptions" style="display: none;">
<h3 class="hide" data-i18n="paymentData.paymentMethod">Medio de pago</h3>
<p class="link show-credits hide"> <a href="javascript:void(0);" data-i18n="paymentData.showCredits">Mostrar el crédito de la lista de matrimonio y del plan de fidelidad</a> </p> <!-- ko ifnot: isCombiningEnabled() -->
<!-- para ser usado COM radio button -->
<div class="payment-group-list required button-list inline-list hide" data-bind="foreach: paymentGroupArray"> <!-- ko if: showAsTab -->
<p class="radio first checked"
data-bind="click: $parent.selectPaymentGroup, css: {first: $parent.paymentGroupArray()[0] === $data, last: $parent.paymentGroupArray()[$parent.paymentGroupArray().length - 1] === $data, checked: _.contains($parent.selectedPaymentGroupIds(), id)}">
<input type="radio" data-bind="value: id, attr:{id:'paymentGroup' + id}, checked: _.contains($parent.selectedPaymentGroupIds(), id)" name="paymentGroup" value="-1724500359495zhncxfrvpp" id="paymentGroup-1724500359495zhncxfrvpp"> <label
class="btn" data-bind="text: localizedLabel, attr:{'for':'paymentGroup' + id, htmlFor:'paymentGroup' + id}" for="paymentGroup-1724500359495zhncxfrvpp" htmlfor="paymentGroup-1724500359495zhncxfrvpp">Transferencia bancaria</label> </p>
<!-- /ko --> <!-- ko if: showAsTab --><!-- /ko --> <!-- ko if: showAsTab -->
<p class="radio"
data-bind="click: $parent.selectPaymentGroup, css: {first: $parent.paymentGroupArray()[0] === $data, last: $parent.paymentGroupArray()[$parent.paymentGroupArray().length - 1] === $data, checked: _.contains($parent.selectedPaymentGroupIds(), id)}">
<input type="radio" data-bind="value: id, attr:{id:'paymentGroup' + id}, checked: _.contains($parent.selectedPaymentGroupIds(), id)" name="paymentGroup" value="-1724500359497sqzc4bp72z" id="paymentGroup-1724500359497sqzc4bp72z"> <label
class="btn" data-bind="text: localizedLabel, attr:{'for':'paymentGroup' + id, htmlFor:'paymentGroup' + id}" for="paymentGroup-1724500359497sqzc4bp72z" htmlfor="paymentGroup-1724500359497sqzc4bp72z">Tarjeta de Crédito Cuotas</label> </p>
<!-- /ko --> <!-- ko if: showAsTab -->
<p class="radio"
data-bind="click: $parent.selectPaymentGroup, css: {first: $parent.paymentGroupArray()[0] === $data, last: $parent.paymentGroupArray()[$parent.paymentGroupArray().length - 1] === $data, checked: _.contains($parent.selectedPaymentGroupIds(), id)}">
<input type="radio" data-bind="value: id, attr:{id:'paymentGroup' + id}, checked: _.contains($parent.selectedPaymentGroupIds(), id)" name="paymentGroup" value="-1724500359497qup522dilw" id="paymentGroup-1724500359497qup522dilw"> <label
class="btn" data-bind="text: localizedLabel, attr:{'for':'paymentGroup' + id, htmlFor:'paymentGroup' + id}" for="paymentGroup-1724500359497qup522dilw" htmlfor="paymentGroup-1724500359497qup522dilw">Tarjeta de crédito</label> </p>
<!-- /ko --> <!-- ko if: showAsTab -->
<p class="radio last"
data-bind="click: $parent.selectPaymentGroup, css: {first: $parent.paymentGroupArray()[0] === $data, last: $parent.paymentGroupArray()[$parent.paymentGroupArray().length - 1] === $data, checked: _.contains($parent.selectedPaymentGroupIds(), id)}">
<input type="radio" data-bind="value: id, attr:{id:'paymentGroup' + id}, checked: _.contains($parent.selectedPaymentGroupIds(), id)" name="paymentGroup" value="-1724500359498qfa2vbyctyd" id="paymentGroup-1724500359498qfa2vbyctyd"> <label
class="btn" data-bind="text: localizedLabel, attr:{'for':'paymentGroup' + id, htmlFor:'paymentGroup' + id}" for="paymentGroup-1724500359498qfa2vbyctyd" htmlfor="paymentGroup-1724500359498qfa2vbyctyd">SINPE Móvil</label> </p> <!-- /ko -->
</div> <!-- /para ser usado COM radio button --> <!-- para ser usado SEM radio button -->
<div class="required payment-group-list-btn" data-bind="foreach: paymentGroupArray"> <!-- ko if: showAsTab() && !hasAdvancedTab() -->
<a href="javascript:void(0);" data-bind="click: $parent.selectPaymentGroup, attr:{ 'data-name': name, 'id':'payment-group-' + groupName(), 'class': className + ' payment-group-item' }, css: { active: _.contains($parent.selectedPaymentGroupIds(), id) }" data-name="Transferencia bancaria" id="payment-group-custom202PaymentGroupPaymentGroup" class="pg-transferencia-bancaria payment-group-item active"> <span class="payment-group-item-text" data-bind="i18n: localizedLabel, css: customStyle">Transferencia bancaria</span> </a>
<!-- /ko --> <!-- ko if: showAsTab() && hasAdvancedTab() --><!-- /ko --> <!-- ko if: showAsTab() && !hasAdvancedTab() --><!-- /ko --> <!-- ko if: showAsTab() && hasAdvancedTab() --><!-- /ko --> <!-- ko if: showAsTab() && !hasAdvancedTab() -->
<a href="javascript:void(0);" data-bind="click: $parent.selectPaymentGroup, attr:{ 'data-name': name, 'id':'payment-group-' + groupName(), 'class': className + ' payment-group-item' }, css: { active: _.contains($parent.selectedPaymentGroupIds(), id) }" data-name="Tarjeta de Crédito Cuotas" id="payment-group-custom203PaymentGroupPaymentGroup" class="pg-tarjeta-de-credito-cuotas payment-group-item"> <span class="payment-group-item-text" data-bind="i18n: localizedLabel, css: customStyle">Tarjeta de Crédito Cuotas</span> </a>
<!-- /ko --> <!-- ko if: showAsTab() && hasAdvancedTab() --><!-- /ko --> <!-- ko if: showAsTab() && !hasAdvancedTab() -->
<a href="javascript:void(0);" data-bind="click: $parent.selectPaymentGroup, attr:{ 'data-name': name, 'id':'payment-group-' + groupName(), 'class': className + ' payment-group-item' }, css: { active: _.contains($parent.selectedPaymentGroupIds(), id) }" data-name="American Express" id="payment-group-creditCardPaymentGroup" class="payment-group-item"> <span class="payment-group-item-text" data-bind="i18n: localizedLabel, css: customStyle">Tarjeta de crédito</span> </a>
<!-- /ko --> <!-- ko if: showAsTab() && hasAdvancedTab() --><!-- /ko --> <!-- ko if: showAsTab() && !hasAdvancedTab() -->
<a href="javascript:void(0);" data-bind="click: $parent.selectPaymentGroup, attr:{ 'data-name': name, 'id':'payment-group-' + groupName(), 'class': className + ' payment-group-item' }, css: { active: _.contains($parent.selectedPaymentGroupIds(), id) }" data-name="SINPE Móvil" id="payment-group-custom205PaymentGroupPaymentGroup" class="pg-sinpe-movil payment-group-item"> <span class="payment-group-item-text" data-bind="i18n: localizedLabel, css: customStyle">SINPE Móvil</span> </a>
<!-- /ko --> <!-- ko if: showAsTab() && hasAdvancedTab() --><!-- /ko --> </div> <!-- /para ser usado SEM radio button --> <!-- /ko --> <!-- ko if: isCombiningEnabled() --><!-- /ko -->
</fieldset>
<div class="steps-view" data-bind="visible: showPaymentOptions" style="display: none;"> <!-- ko if: isCombiningEnabled() --><!-- /ko --> <!-- ko foreach: paymentGroupArray --> <!-- ko if: showAsTab -->
<div class="payment-method" data-bind="fadeVisible: _.contains($parent.selectedPaymentGroupIds(), id)" style="display: block;"> <!-- ko if: $parent.isCombiningEnabled() --><!-- /ko -->
<div data-bind="template: { name: template(), afterRender: afterRender }">
<fieldset class="box-payment-group2 box-payment-option custom202PaymentGroupPaymentGroup" data-bind="css: groupName()">
<h3 data-bind="text: localizedLabel">Transferencia bancaria</h3>
<p class="payment-description" data-bind="text: localizedDescription">Realiza la transferencia bancaria a la Cuenta Corriente 904668530 Banco BAC SJ. IBAN CR51010200009046685301 Cédula Jurídica 3-101-311452 y envíanos el comprobante al
WhatsApp 506 6435-1397</p> <!-- ko if: installments() -->
<div class="installments"> <!-- ko if: installments().length > 1 --><!-- /ko --> <!-- ko if: installments().length == 1 --><!-- /ko --> </div> <!-- /ko -->
</fieldset>
</div>
</div> <!-- /ko --> <!-- ko if: $data.isIFrame && $parent.selectedPaymentGroupIds().length < $parent.maxPaymentMethodsAllowed --><!-- /ko --> <!-- ko if: showAsTab --><!-- /ko -->
<!-- ko if: $data.isIFrame && $parent.selectedPaymentGroupIds().length < $parent.maxPaymentMethodsAllowed --><!-- /ko --> <!-- ko if: showAsTab -->
<div class="payment-method" data-bind="fadeVisible: _.contains($parent.selectedPaymentGroupIds(), id)" style="display: none;"> <!-- ko if: $parent.isCombiningEnabled() --><!-- /ko -->
<div data-bind="template: { name: template(), afterRender: afterRender }">
<fieldset class="box-payment-group2 box-payment-option custom203PaymentGroupPaymentGroup" data-bind="css: groupName()">
<h3 data-bind="text: localizedLabel">Tarjeta de Crédito Cuotas</h3>
<p class="payment-description" data-bind="text: localizedDescription">¡Gracias por tu compra! Vas a ser dirigido al aplicativo de Tilopay en donde podrás finalizar tu compra, mediante Tasa Cero para pagos en cuotas sin intereses para
tarjetahabientes del BAC Credomatic, Minicuotas para pagos en cuotas con intereses para tarjetahabientes del BAC Credomatic y pagos en cuotas sin intereses para tarjetahabientes de Credix.</p> <!-- ko if: installments() -->
<div class="installments"> <!-- ko if: installments().length > 1 --><!-- /ko --> <!-- ko if: installments().length == 1 --><!-- /ko --> </div> <!-- /ko -->
</fieldset>
</div>
</div> <!-- /ko --> <!-- ko if: $data.isIFrame && $parent.selectedPaymentGroupIds().length < $parent.maxPaymentMethodsAllowed --><!-- /ko --> <!-- ko if: showAsTab -->
<div class="payment-method" data-bind="fadeVisible: _.contains($parent.selectedPaymentGroupIds(), id)" style="display: none;"> <!-- ko if: $parent.isCombiningEnabled() --><!-- /ko -->
<div data-bind="template: { name: template(), afterRender: afterRender }">
<div
data-bind="attr: {id: 'iframe-placeholder-'+getGroupIdentifier(), 'class': className + ' box-payment-option'}, css: { 'is-custom': isCustom(), 'active': _.contains($parent.selectedPaymentGroupIds(), id) }"
id="iframe-placeholder-creditCardPaymentGroup" class="box-payment-option"><span class="payment-group-item-cards"><span class="card-flag American Express">American Express</span><span class="card-flag Visa">Visa</span><span
class="card-flag Mastercard">Mastercard</span></span><iframe class="span12"
src="https://io.vtexpayments.com.br/card-ui/1.34.0/index.html?paymentGroup=creditCardPaymentGroup&fallbackLocale=es&accountName=facescr&recaptchaV3Enabled=false&css=%2Ffiles%2Fcheckout6-custom.css%3Fv%3D6dde1aa5&origin=https%3A%2F%2Fcr.faces.com&id=-1724500359497qup522dilw"
frameborder="0" onload="radio('paymentData.paymentGroup.iFrame.creditCardPaymentGroup.sendOrderForm').broadcast()" style="height: 0px;"></iframe></div>
</div>
</div> <!-- /ko --> <!-- ko if: $data.isIFrame && $parent.selectedPaymentGroupIds().length < $parent.maxPaymentMethodsAllowed --> <!-- ko if: $parent.isCombiningEnabled() --><!-- /ko --> <!-- /ko --> <!-- ko if: showAsTab -->
<div class="payment-method" data-bind="fadeVisible: _.contains($parent.selectedPaymentGroupIds(), id)" style="display: none;"> <!-- ko if: $parent.isCombiningEnabled() --><!-- /ko -->
<div data-bind="template: { name: template(), afterRender: afterRender }">
<fieldset class="box-payment-group2 box-payment-option custom205PaymentGroupPaymentGroup" data-bind="css: groupName()">
<h3 data-bind="text: localizedLabel">SINPE Móvil</h3>
<p class="payment-description" data-bind="text: localizedDescription">¡Gracias por tu compra! Vas a ser dirigido al aplicativo de Tilopay en donde podrás finalizar tu compra, mediante transferencias por SINPE Móvil.</p>
<!-- ko if: installments() -->
<div class="installments"> <!-- ko if: installments().length > 1 --><!-- /ko --> <!-- ko if: installments().length == 1 --><!-- /ko --> </div> <!-- /ko -->
</fieldset>
</div>
</div> <!-- /ko --> <!-- ko if: $data.isIFrame && $parent.selectedPaymentGroupIds().length < $parent.maxPaymentMethodsAllowed --><!-- /ko --> <!-- /ko --> <!-- /ko -->
<p class="button submit payment-submit-hide"> <button type="submit" class="submit btn btn-success btn-large" data-bind="click: submit, disable: checkout.disablePaymentButton"> <i class="icon-lock"></i> <span
data-i18n="paymentData.confirm">Comprar ahora</span> </button> </p>
</div>
</form>
Name: sendPayments — POST
<form id="sendPayments" data-event="sendPayments" method="post" name="sendPayments" action=""> <input id="paymentsArray" name="paymentsArray" type="hidden"> <input id="sessionId" name="sessionId" type="hidden"> <input id="macId" name="macId"
type="hidden"> <input id="sourceApplication" name="sourceApplication" type="hidden"> <input id="callbackURL" name="callbackUrl" type="hidden" data-bind="value: gatewayCallbackURL" value="https://cr.faces.com/checkout/gatewayCallback/{0}/{1}/{2}">
</form>
<form class="coupon-form" action="" data-bind="submit: addCoupon">
<fieldset class="coupon-fieldset">
<div data-bind="fadeVisible: isUsingCoupon()" style="display: none;">
<p class="coupon-label"> <label for="cart-coupon" data-i18n="totalizers.couponCapitalize">Cupón de descuento</label> </p>
<p class="coupon-fields"> <span data-bind="visible: !isCouponTyped()"> <input type="text" id="cart-coupon" class="coupon-value input-small" data-bind="value: couponCode, valueUpdate:'afterkeydown', disable: loadingCoupon()" placeholder="Código"
data-i18n="[placeholder]totalizers.couponCode;">
<i class="loading-inline icon-spinner icon-spin loading-coupon" data-bind="fadeInlineVisible: loadingCoupon" style="opacity: 0;"> <span data-i18n="cart.wait">Cargando datos...</span> </i>
<button type="submit" id="cart-coupon-add" class="btn" data-bind="disable: loadingCoupon" data-i18n="global.add">Añadir</button> </span> <span class="info" data-bind="visible: isCouponTyped" style="display: none;"> <span
data-bind="text: value"></span> <small class="delete"><a href="javascript:void(0);" id="cart-coupon-remove" data-bind="click: removeCoupon" data-i18n="global.delete">Borrar</a></small> </span> </p>
</div>
<p class="coupon-data pull-right" data-bind="fadeVisible: !isUsingCoupon()" style="display: block;">
<a class="link-coupon-add" href="javascript:void(0);" id="cart-link-coupon-add" data-bind="click: isUsingCoupon"> <span data-i18n="global.add">Añadir</span> <span data-i18n="totalizers.coupon">cupón de descuento</span> </a>
</p>
</fieldset>
</form>
<form class="coupon-form" action="" data-bind="submit: addCoupon">
<fieldset class="coupon-fieldset">
<div data-bind="fadeVisible: isUsingCoupon()" style="display: none;">
<p class="coupon-label"> <label for="cart-coupon" data-i18n="totalizers.couponCapitalize">Cupón de descuento</label> </p>
<p class="coupon-fields"> <span data-bind="visible: !isCouponTyped()"> <input type="text" id="cart-coupon" class="coupon-value input-small" data-bind="value: couponCode, valueUpdate:'afterkeydown', disable: loadingCoupon()" placeholder="Código"
data-i18n="[placeholder]totalizers.couponCode;">
<i class="loading-inline icon-spinner icon-spin loading-coupon" data-bind="fadeInlineVisible: loadingCoupon" style="opacity: 0;"> <span data-i18n="cart.wait">Cargando datos...</span> </i>
<button type="submit" id="cart-coupon-add" class="btn" data-bind="disable: loadingCoupon" data-i18n="global.add">Añadir</button> </span> <span class="info" data-bind="visible: isCouponTyped" style="display: none;"> <span
data-bind="text: value"></span> <small class="delete"><a href="javascript:void(0);" id="cart-coupon-remove" data-bind="click: removeCoupon" data-i18n="global.delete">Borrar</a></small> </span> </p>
</div>
<p class="coupon-data" data-bind="fadeVisible: !isUsingCoupon()" style="display: block;">
<a class="link-coupon-add" href="javascript:void(0);" id="cart-link-coupon-add" data-bind="click: isUsingCoupon"> <span data-i18n="global.add">Añadir</span> <span data-i18n="totalizers.coupon">cupón de descuento</span> </a>
</p>
</fieldset>
</form>
<form class="shipping-form-inline" action="" data-bind="submit: calculateShipping">
<fieldset class="shipping-fieldset">
<div class="shipping-fields"> <input type="tel" id="summary-postal-code" class="postal-code input-mini"
data-bind="value: postalCode, valueUpdate:'afterkeydown', validate: 'postalCode', disable: loadingPostalCode, maskOnBlur: window.checkout.postalCodeMask, attr: {'maxlength': window.checkout.postalCodeMask() ? window.checkout.postalCodeMask().length : 9}, css: {'loading-postal-code': loadingPostalCode}"
maxlength="9">
<i class="loading-inline icon-spinner icon-spin" data-bind="fadeInlineVisible: loadingPostalCode" style="opacity: 0;"> <span data-i18n="cart.wait">Cargando datos...</span> </i>
<button type="submit" id="cart-shipping-calculate" class="btn" data-bind="disable: loadingPostalCode" data-i18n="cart.calculate">Calcular</button> </div> <small
class="postal-code-service summary-postal-code-service"><a id="cart-dont-know-postal-code" data-bind="attr: { 'href': window.checkout.postalCodeForgottenURL }" target="_blank" data-i18n="totalizers.dontKnowPostalCode" href="#">No conozco mi Código Postal (CP)</a></small>
</fieldset>
</form>
Text Content
Necesitamos sus datos Para continuar sin autenticación, debe completar sus datos de registro de nuevo. Volver o Continuar sin autenticación Hola! El correo que introdujo ya se encuentra registrado, se completará el formulario automáticamente con sus datos. Continuar con la compra Cargando... ¡Muchas gracias! Estamos guardando los cambios. Tu pedido está siendo procesado. ¿Por qué aparecen mis datos con asteriscos? Usted no está autenticado, por lo cual, protegemos sus datos personales ocultando los mismos con asteriscos. Si usted reconoce que los datos personales y la dirección son suyos, finalize el proceso de compras sin problemas. Si desea cambiar algún dato, le pedimos que haga clic en el ícono de edición de datos personales o la dirección para autenticarse en la tienda y cambiar los datos. Cerrar El item no está disponible para envío en el momento: Los itenes no están disponibles para envío en el momento: Modificar datos de entrega Finalizar la compra sin el item Finalizar la compra sin los itenes Por favor, revisa los detalles de pago Tu compra no se ha finalizado debido a un problema en la autorización de pago. Tu pago ha sido rechazado debido a información incorrecta o saldo insuficiente. Ver detalles Verifica los datos o selecciona otro medio de pago Verificación de seguridad Verifique el campo a continuación para confirmar su compra: La verificación ha expirado. Verifique nuevamente el campo. Volver al pago Esta en el modo de pruebas del nuevo servicio de cuotas de PCI Gateway. Los métodos de pago configurados pueden llevar hasta 10 minutos para ser aplicados y unicamente estan visibles para usted. Haga click aqui para salir del modo de pruebas. 1 Resumen de compra -------------------------------------------------------------------------------- 2 Información personal -------------------------------------------------------------------------------- 3 Datos de envío -------------------------------------------------------------------------------- 4 Método de pago -------------------------------------------------------------------------------- FINALIZAR LA COMPRA CAMBIAR LOS DATOS DE LA COMPRA CARRITO DE COMPRAS Ordenar por Fecha de inserción - AscendenteFecha de inserción - DescendenteNombre - AscendenteNombre - Descendente Usted está haciendo compras para la lista . No comprar en esta lista. Cargando... SU CARRITO ESTÁ VACIO Para seguir comprando, navegar por las categorías en el sitio, o busque su producto. Elegir productos Producto Envío Precio Cantidad Total COCO MADEMOISELLE EAU DE PARFUM VAPORIZADOR Marca CHANEL Suministrados y entregados por Faces - Colombia Cambiar este producto Cargando... Este producto no tiene variación a calcular De Por ₡ 121 000 ₡ 121 000 Eliminar Disminuya la cantidad Aumente la cantidad ₡ 121 000 ₡ 121 000 Eliminar Cargando datos... Mostrar más itenes ENTREGA EntregarRecoger Usar mi ubicación Buscar por una dirección Cupón de descuento Cargando datos... Añadir Borrar Añadir cupón de descuento Cupón de descuento Cargando datos... Añadir Borrar Añadir cupón de descuento Resumen de la compra DESCUENTOS Subtotal ₡ 121 000 Gastos del envío para Elegir otro código postal No disponible Envío Calcular Cargando datos... Calcular No conozco mi Código Postal (CP) Total ₡ 121 000 Elegir más productos Imprimir Proceder al pago Volver a carrito INGRESA TU MAIL PARA CONTINUAR LA COMPRA. RÁPIDO. FÁCIL. SEGURO. Cargando... Continuar GUARDAMOS SU CORREO ELECTRÓNICO DE MANERA 100% SEGURA PARA: * Identificar su perfil * Notificar sobre los estados de su compra * Guardar el historial de compras * Facilitar el proceso de compras Identificación - No soy yo, cerrar sesión Nombre: undefined undefined Teléfono / Móvil: Solicitamos únicamente la información esencial para la finalización de la compra. Correo Quizás quisiste decir: Nombre Apellidos Cédula Jurídca Cédula Jurídca Teléfono / Móvil Fecha de nacimiento DOCUMENTO * No tengo Cédula Jurídca * Tengo Cédula Jurídca Tipo del documento Documento * No tengo teléfono del país (Costa Rica) * Tengo teléfono del páis (Costa Rica) Teléfono Internacional DATOS DE EMPRESA * Sumar datos de empresa No sumar Razón Social Aucun Registro Estatal * La empresa no es del país (Costa Rica) * La empresa es del país (Costa Rica) Documento de la Compañía Permito guardar mis datos de forma segura para mis siguientes pedidos. Quiero recibir el newsletter con promociones. Acepto losTérminos y condiciones y las Políticas de Protección de Datos Ir para la Entrega Ir para el Pago Envío Esperando que se complete la información Pago Pagos (1) Aún falta llenar con los datos El costo total de su compra es gratis. Sólo tiene que completar la compra! × Hay un error de validación. Por favor, corrija los campos y vuelva a intentarlo. Cargando... Utilizar un cupón de regalo MEDIO DE PAGO Mostrar el crédito de la lista de matrimonio y del plan de fidelidad Transferencia bancaria Tarjeta de Crédito Cuotas Tarjeta de crédito SINPE Móvil Transferencia bancaria Tarjeta de Crédito Cuotas Tarjeta de crédito SINPE Móvil TRANSFERENCIA BANCARIA Realiza la transferencia bancaria a la Cuenta Corriente 904668530 Banco BAC SJ. IBAN CR51010200009046685301 Cédula Jurídica 3-101-311452 y envíanos el comprobante al WhatsApp 506 6435-1397 TARJETA DE CRÉDITO CUOTAS ¡Gracias por tu compra! Vas a ser dirigido al aplicativo de Tilopay en donde podrás finalizar tu compra, mediante Tasa Cero para pagos en cuotas sin intereses para tarjetahabientes del BAC Credomatic, Minicuotas para pagos en cuotas con intereses para tarjetahabientes del BAC Credomatic y pagos en cuotas sin intereses para tarjetahabientes de Credix. American ExpressVisaMastercard SINPE MÓVIL ¡Gracias por tu compra! Vas a ser dirigido al aplicativo de Tilopay en donde podrás finalizar tu compra, mediante transferencias por SINPE Móvil. Comprar ahora Volver para Endereço de entrega RESUMEN DE LA COMPRA * COCO MADEMOISELLE EAU DE PARFUM VAPORIZADOR 1 a calcular ₡ 121 000 ₡ 121 000 ₡ 121 000 ₡ 121 000 Volver a carrito Cupón de descuento Cargando datos... Añadir Borrar Añadir cupón de descuento Cargando... Cupón de descuento Cargando datos... Añadir Borrar Añadir cupón de descuento Resumen de la compra DESCUENTOS Subtotal ₡ 121 000 Gastos del envío para Elegir otro código postal No disponible Envío Calcular Cargando datos... Calcular No conozco mi Código Postal (CP) Total ₡ 121 000 Sumar observacíon Mensaje de regalo o comentarios Cancelar Guardar las modificaciones Comprar ahora PRODUCTOS RECOMENDADOS PEFUME ARMAF HOMBRE ODYSSEY MANDARIN SKY EDP 100ML $ 34.000 SET HIDRATANTE CLINIQUE MOISTURE MEGASTARS $ 42.000 SET COFRE DE MAQUILLAJE DIOR ADDICT LUMINOSIDAD NATURAL - ESENCIALES PARA LABIOS $ 60.500 GLOSS DIOR ADDICT LIP GLOW OIL $ 31.500 STUDIO FIX POWDER PLUS FOUNDATION $ 38.500 PERFUME BANDERAS HOMBRE THE ICON ATTITUDE EDT $ 28.500 SET COFRE MISS DIOR BLOOMING BOUQUET DIOR- EDICIÓN LIMITADA $ 109.000 PERFUME DYG LIGHT BLUE EDT $ 84.000 FIX+ $ 30.000 MULTI ACTION TONING LOTION/REFINER $ 29.000 GIV L INTERDIT EDP 100ML REFILLABLE $ 89.500 35% SET RABANNE MEN INVICTUS PLATINUM EDP 100ML + GEL DE DUCHA 100ML $ 59.150 $ 59.150 35% SET NARCISO RODRIGUEZ BLEUR NOIR SET EDP 100ML + GEL DE DUCHA 50ML $ 54.275 $ 54.275 35% SET MONTBLANC LEGEND RED EDP 100ML + TRAVEL SPRAY 7,5ML + GEL DE DUCHA 100ML $ 46.150 $ 46.150 35% SET KENZO HOMME INTENSE EDT 110ML + TRAVEL SPRAY 10ML + GEL DE DUCHA 75ML $ 45.175 $ 45.175 Ten Encuenta: Si tu compra es superior a ₡400.000 puede ser requerida tu documento de identidad y tu tarjeta en el momento de la entrega © 2020 Allied Enterprises LLC, Trading as Faces. Todos los derechos reservados. Si tu número de cédula tiene 9 dígitos, por favor, agrega un 0 delante. Sugerencias