Claves para Diseñar el CheckOut de un eCommerce

keys to design an eCommerce checkout process

No time to read? press play.

En este artículo, vamos a presentar algunas ideas sobre el proceso de pago en eCommerce. Sin embargo, debemos entender el concepto antes de profundizar en las mejores recomendaciones para mejorar los flujos de caja.

¿Qué son los checkouts en una tienda online?

¿Qué son los chekcouts en un ecommerce? Aunque pueda parecer un concepto simple de entender, esta es una pregunta que se busca con frecuencia en Internet, incluso entre los emprendedores digitales.

Walmart, Zappos, Amazon y otros mercados ya han optimizado al máximo sus procesos de compra. De hecho, esto también se convierte en el principal problema para el comercio electrónico, ya que las malas prácticas en este ámbito tienen un impacto muy negativo en las tasas de abandono de los carritos de la compra.

 

Mala experiencia

Según los datos de SaleCycle, la tasa media de abandono de los carritos de la compra en 2018 no era inferior al 75,60%. Esto significa que más de 7 de cada 10 usuarios que comenzaron a comprar abandonaron sus compras antes de iniciar el proceso de pago.

Este porcentaje fue el más alarmante en 2017. Según AbandonAid, la tasa media de abandono de cestas de compra fue del 81,40%. La evolución, por tanto, ha sido positiva. ¿Veremos tasas cercanas al 60% en 2019? Es difícil de decir. Pero lograrlo está en manos del comercio electrónico.

Al realizar el pago en compras online, nos referimos a cualquiera de las páginas de comercio electrónico destinadas a completar el proceso de pago. El proceso de compra online comienza cuando el consumidor hace clic en «Finalizar compra» o en el icono de la cesta de la compra en la barra superior. A continuación, se les redirige a la propia página de pago para completar su compra.

En las páginas de pago podemos encontrar varios elementos:

  • Resumen de las compras realizadas: artículos, número, talla…. así como la posibilidad de retirarlos de la cesta de la compra.
  • Campos con la dirección de envío.
  • Campos para introducir un código de descuento o de promoción.
  • Sección con opciones de envío.
  • Campo de selección de vía de pago.
  • Enlaces de ayuda, como las preguntas frecuentes.

En una tienda física, el equivalente a la página de pago sería el mostrador y la caja registradora. Una vez que los clientes traen sus productos al cajero, aunque siempre terminan su compra completando el proceso de pago, ¡esto no siempre sucede en el comercio electrónico!

Como muestran los datos de SaleCycle y AbandonAid, la mayoría de los carritos de la compra se abandonan antes de completar la compra (si esto ocurriera en una tienda física sería divertido, ¿no?). Sin embargo, en el comercio electrónico, es un indicador inevitable de que el proceso de pago no está funcionando como debería. Algunos factores que pueden explicarlo incluyen:

  • Mala velocidad de carga del comercio electrónico.
  • Pocas opciones de pago disponibles.
  • Salida con demasiados pasos.
  • Necesita registrarse para finalizar la compra.

En términos generales, hay dos tipos de procesos de pago: uno de una sola página y otro de varios pasos. Ambos diseños son comunes en las tiendas online de todos los sectores, pero ¿en qué se diferencian?

Proceso Checkout en un eCommerce: ¿una página o varios pasos?

Además del significado de la página de pago, responderemos a otra pregunta frecuente: ¿cuál es la mejor opción en el comercio electrónico, el pago de una sola página o el pago de varios pasos?

Pago de una página

En las cajas con un diseño de una página, todos los elementos se muestran en una sola página: artículos de la cesta, dirección de facturación, opciones de envío, etc. La creación de este tipo de páginas tiene como objetivo minimizar los tiempos de espera entre páginas y agilizar así el proceso de pago.

Ventajas

Una de sus principales ventajas es el reducido número de clics que deben realizar los usuarios. Teóricamente, esto debería reducir la fricción entre el comercio electrónico y el consumidor.

Otra ventaja interesante de las cajas de una página es la simplicidad: de un vistazo, los clientes pueden ver todos los campos y opciones, teniendo así la posibilidad de modificarlos en un momento antes de completar el pago.

Desventajas

Pero estas cajas tienen desventajas obvias. Por ejemplo, la necesidad de agrupar todos los elementos en la misma página podría intimidar a los clientes primerizos. Al menos, esa es la opinión de eCommerce que no utiliza diseños de una página para su flujo de pago.

También se dice que estos diseños tardan más tiempo en cargarse. Debido al gran número de campos y posiciones que deben visualizarse, el tiempo de espera es mayor. Como resultado: más tiempo de espera, más rebotes y carros de compra abandonados.

Pago en varios pasos

Por otro lado, en las cajas con diseños de varios pasos, los diferentes elementos (artículos, métodos de pago, etc.) no se concentran en una sola página, sino que se distribuyen en 2-3 páginas diferentes. De esta manera, los usuarios pueden centrar toda su atención en cada sección de la caja, uno por uno.

Ventajas

Una de las principales ventajas de este diseño es que simplifica el trabajo de los consumidores, guiándolos paso a paso a través del proceso de compra. Los usuarios también se sienten menos abrumados, ya que no se les muestran todos los elementos al mismo tiempo.

Desventajas

Los diseños de varios pasos deberían reducir el tiempo de carga, pero esta suposición puede ser engañosa: la necesidad de pasar de una página a otra representa el mismo tiempo (o incluso más) que los diseños de una página.

En cualquier caso, ambos tipos de pago han demostrado su eficacia en el comercio electrónico. Y lo que es más importante, la pregunta que debemos hacernos es: ¿cómo pueden mejorarse?

<style><!-- [et_pb_line_break_holder] -->& {<!-- [et_pb_line_break_holder] --> font-size: 14px;<!-- [et_pb_line_break_holder] --> line-height: 1.6;<!-- [et_pb_line_break_holder] --> font-family: arial, helvetica, sans-serif;<!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->* {<!-- [et_pb_line_break_holder] --> outline: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->GLOBAL-STYLE ._form_hide {<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] --> visibility: hidden;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->GLOBAL-STYLE ._form_show {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> visibility: visible;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._form-top {<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._form-bottom {<!-- [et_pb_line_break_holder] --> bottom: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._form-left {<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._form-right {<!-- [et_pb_line_break_holder] --> right: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->input[type="text"],<!-- [et_pb_line_break_holder] -->input[type="date"],<!-- [et_pb_line_break_holder] -->textarea {<!-- [et_pb_line_break_holder] --> padding: 6px;<!-- [et_pb_line_break_holder] --> height: auto;<!-- [et_pb_line_break_holder] --> border: #979797 1px solid;<!-- [et_pb_line_break_holder] --> border-radius: 4px;<!-- [et_pb_line_break_holder] --> color: #000000 !important;<!-- [et_pb_line_break_holder] --> font-size: 13px;<!-- [et_pb_line_break_holder] --> -webkit-box-sizing: border-box;<!-- [et_pb_line_break_holder] --> -moz-box-sizing: border-box;<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->textarea {<!-- [et_pb_line_break_holder] --> resize: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._submit {<!-- [et_pb_line_break_holder] --> -webkit-appearance: none;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> font-family: arial, sans-serif;<!-- [et_pb_line_break_holder] --> font-size: 14px;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> background: #47b972 !important;border: 0 !important;-moz-border-radius: 4px !important;-webkit-border-radius: 4px !important;border-radius: 4px !important;color: #FFFFFF !important;padding:10px !important}<!-- [et_pb_line_break_holder] -->._close-icon {<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> background-image: url('https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png');<!-- [et_pb_line_break_holder] --> background-repeat: no-repeat;<!-- [et_pb_line_break_holder] --> background-size: 14.2px 14.2px;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> top: 11px;<!-- [et_pb_line_break_holder] --> right: 9px;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> width: 16.2px;<!-- [et_pb_line_break_holder] --> height: 16.2px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._close-icon:before {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._form-body {<!-- [et_pb_line_break_holder] --> margin-bottom: 30px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._form-image-left {<!-- [et_pb_line_break_holder] --> width: 150px;<!-- [et_pb_line_break_holder] --> float: left;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._form-content-right {<!-- [et_pb_line_break_holder] --> margin-left: 164px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._form-branding {<!-- [et_pb_line_break_holder] --> color: #fff;<!-- [et_pb_line_break_holder] --> font-size: 10px;<!-- [et_pb_line_break_holder] --> clear: both;<!-- [et_pb_line_break_holder] --> text-align: left;<!-- [et_pb_line_break_holder] --> margin-top: 30px;<!-- [et_pb_line_break_holder] --> font-weight: 100;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._form-branding ._logo {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> width: 130px;<!-- [et_pb_line_break_holder] --> height: 14px;<!-- [et_pb_line_break_holder] --> margin-top: 6px;<!-- [et_pb_line_break_holder] --> background-image: url('https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png');<!-- [et_pb_line_break_holder] --> background-size: 130px auto;<!-- [et_pb_line_break_holder] --> background-repeat: no-repeat;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._form-label,<!-- [et_pb_line_break_holder] -->._form_element ._form-label {<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] --> margin-bottom: 5px;<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._dark ._form-branding {<!-- [et_pb_line_break_holder] --> color: #333;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._dark ._form-branding ._logo {<!-- [et_pb_line_break_holder] --> background-image: url('https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png');<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._form_element {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> margin-bottom: 10px;<!-- [et_pb_line_break_holder] --> font-size: 0;<!-- [et_pb_line_break_holder] --> max-width: 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._form_element * {<!-- [et_pb_line_break_holder] --> font-size: 14px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._form_element._clear {<!-- [et_pb_line_break_holder] --> clear: both;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> float: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._form_element._clear:after {<!-- [et_pb_line_break_holder] --> clear: left;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._form_element input[type="text"],<!-- [et_pb_line_break_holder] -->._form_element input[type="date"],<!-- [et_pb_line_break_holder] -->._form_element select,<!-- [et_pb_line_break_holder] -->._form_element textarea:not(.g-recaptcha-response) {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> -webkit-box-sizing: border-box;<!-- [et_pb_line_break_holder] --> -moz-box-sizing: border-box;<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._field-wrapper {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._inline-style {<!-- [et_pb_line_break_holder] --> float: left;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._inline-style input[type="text"] {<!-- [et_pb_line_break_holder] --> width: 150px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._inline-style:not(._clear) + ._inline-style:not(._clear) {<!-- [et_pb_line_break_holder] --> margin-left: 20px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->._form_element img._form-image {<!-- [et_pb_line_break_holder] --> max-width: 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._clear-element {<!-- [et_pb_line_break_holder] --> clear: left;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._full_width {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._form_full_field {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> margin-bottom: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->input[type="text"]._has_error,<!-- [et_pb_line_break_holder] -->textarea._has_error {<!-- [et_pb_line_break_holder] --> border: #F37C7B 1px solid;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->input[type="checkbox"]._has_error {<!-- [et_pb_line_break_holder] --> outline: #F37C7B 1px solid;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._error {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> font-size: 13px;<!-- [et_pb_line_break_holder] --> z-index: 10000001;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._error._above {<!-- [et_pb_line_break_holder] --> padding-bottom: 4px;<!-- [et_pb_line_break_holder] --> bottom: 39px;<!-- [et_pb_line_break_holder] --> right: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._error._below {<!-- [et_pb_line_break_holder] --> padding-top: 4px;<!-- [et_pb_line_break_holder] --> top: 100%;<!-- [et_pb_line_break_holder] --> right: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._error._above ._error-arrow {<!-- [et_pb_line_break_holder] --> bottom: 0;<!-- [et_pb_line_break_holder] --> right: 15px;<!-- [et_pb_line_break_holder] --> border-left: 5px solid transparent;<!-- [et_pb_line_break_holder] --> border-right: 5px solid transparent;<!-- [et_pb_line_break_holder] --> border-top: 5px solid #F37C7B;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._error._below ._error-arrow {<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> right: 15px;<!-- [et_pb_line_break_holder] --> border-left: 5px solid transparent;<!-- [et_pb_line_break_holder] --> border-right: 5px solid transparent;<!-- [et_pb_line_break_holder] --> border-bottom: 5px solid #F37C7B;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._error-inner {<!-- [et_pb_line_break_holder] --> padding: 8px 12px;<!-- [et_pb_line_break_holder] --> background-color: #F37C7B;<!-- [et_pb_line_break_holder] --> font-size: 13px;<!-- [et_pb_line_break_holder] --> font-family: arial, sans-serif;<!-- [et_pb_line_break_holder] --> color: #fff;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> text-decoration: none;<!-- [et_pb_line_break_holder] --> -webkit-border-radius: 4px;<!-- [et_pb_line_break_holder] --> -moz-border-radius: 4px;<!-- [et_pb_line_break_holder] --> border-radius: 4px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._error-inner._form_error {<!-- [et_pb_line_break_holder] --> margin-bottom: 5px;<!-- [et_pb_line_break_holder] --> text-align: left;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._button-wrapper ._error-inner._form_error {<!-- [et_pb_line_break_holder] --> position: static;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._error-inner._no_arrow {<!-- [et_pb_line_break_holder] --> margin-bottom: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._error-arrow {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> width: 0;<!-- [et_pb_line_break_holder] --> height: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._error-html {<!-- [et_pb_line_break_holder] --> margin-bottom: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->GLOBAL-STYLE .pika-single {<!-- [et_pb_line_break_holder] --> z-index: 10000001 !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media all and (min-width: 320px) and (max-width: 667px) {<!-- [et_pb_line_break_holder] --> GLOBAL-STYLE ::-webkit-scrollbar {<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> & {<!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] --> width:100%;<!-- [et_pb_line_break_holder] --> min-width:100%;<!-- [et_pb_line_break_holder] --> max-width:100%;<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> * {<!-- [et_pb_line_break_holder] --> -webkit-box-sizing: border-box;<!-- [et_pb_line_break_holder] --> -moz-box-sizing: border-box;<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] --> font-size: 1em;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> ._form-content {<!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> ._form-inner {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> min-width: 100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> ._form-title,<!-- [et_pb_line_break_holder] --> ._inline-style {<!-- [et_pb_line_break_holder] --> margin-top: 0;<!-- [et_pb_line_break_holder] --> margin-right: 0;<!-- [et_pb_line_break_holder] --> margin-left: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> ._form-title {<!-- [et_pb_line_break_holder] --> font-size: 1.2em;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> ._form_element {<!-- [et_pb_line_break_holder] --> margin: 0 0 20px;<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] --> width:100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> ._form-element,<!-- [et_pb_line_break_holder] --> ._inline-style,<!-- [et_pb_line_break_holder] --> input[type="text"],<!-- [et_pb_line_break_holder] --> label,<!-- [et_pb_line_break_holder] --> p,<!-- [et_pb_line_break_holder] --> textarea:not(.g-recaptcha-response) {<!-- [et_pb_line_break_holder] --> float: none;<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> ._row._checkbox-radio label {<!-- [et_pb_line_break_holder] --> display: inline;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> ._row,<!-- [et_pb_line_break_holder] --> p,<!-- [et_pb_line_break_holder] --> label {<!-- [et_pb_line_break_holder] --> margin-bottom: 0.7em;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> ._row input[type="checkbox"],<!-- [et_pb_line_break_holder] --> ._row input[type="radio"] {<!-- [et_pb_line_break_holder] --> margin: 0 !important;<!-- [et_pb_line_break_holder] --> vertical-align: middle !important;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> ._row input[type="checkbox"] + span label {<!-- [et_pb_line_break_holder] --> display: inline;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> ._row span label {<!-- [et_pb_line_break_holder] --> margin: 0 !important;<!-- [et_pb_line_break_holder] --> width: initial !important;<!-- [et_pb_line_break_holder] --> vertical-align: middle !important;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> ._form-image {<!-- [et_pb_line_break_holder] --> max-width: 100%;<!-- [et_pb_line_break_holder] --> height: auto !important;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> input[type="text"] {<!-- [et_pb_line_break_holder] --> padding-left: 10px;<!-- [et_pb_line_break_holder] --> padding-right: 10px;<!-- [et_pb_line_break_holder] --> font-size: 16px;<!-- [et_pb_line_break_holder] --> line-height: 1.3em;<!-- [et_pb_line_break_holder] --> -webkit-appearance: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> input[type="radio"],<!-- [et_pb_line_break_holder] --> input[type="checkbox"] {<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> width: 1.3em;<!-- [et_pb_line_break_holder] --> height: 1.3em;<!-- [et_pb_line_break_holder] --> font-size: 1em;<!-- [et_pb_line_break_holder] --> margin: 0 0.3em 0 0;<!-- [et_pb_line_break_holder] --> vertical-align: baseline;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> button[type="submit"] {<!-- [et_pb_line_break_holder] --> padding: 20px;<!-- [et_pb_line_break_holder] --> font-size: 1.5em;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> ._inline-style {<!-- [et_pb_line_break_holder] --> margin: 20px 0 0 !important;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->& {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> text-align: left;<!-- [et_pb_line_break_holder] --> margin: 25px auto 0;<!-- [et_pb_line_break_holder] --> padding: 20px;<!-- [et_pb_line_break_holder] --> -webkit-box-sizing: border-box;<!-- [et_pb_line_break_holder] --> -moz-box-sizing: border-box;<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] --> *zoom: 1;<!-- [et_pb_line_break_holder] --> background: ##dbf2f7 !important;<!-- [et_pb_line_break_holder] --> border: 0px solid #B0B0B0 !important;<!-- [et_pb_line_break_holder] --> width: 500px;<!-- [et_pb_line_break_holder] --> -moz-border-radius: 0px !important;<!-- [et_pb_line_break_holder] --> -webkit-border-radius: 0px !important;<!-- [et_pb_line_break_holder] --> border-radius: 0px !important;<!-- [et_pb_line_break_holder] --> color: #000000 !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._form-title {<!-- [et_pb_line_break_holder] --> font-size: 22px;<!-- [et_pb_line_break_holder] --> line-height: 22px;<!-- [et_pb_line_break_holder] --> font-weight: 600;<!-- [et_pb_line_break_holder] --> margin-bottom: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->&:before,<!-- [et_pb_line_break_holder] -->&:after {<!-- [et_pb_line_break_holder] --> content: " ";<!-- [et_pb_line_break_holder] --> display: table;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->&:after {<!-- [et_pb_line_break_holder] --> clear: both;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._inline-style {<!-- [et_pb_line_break_holder] --> width: auto;<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._inline-style input[type="text"],<!-- [et_pb_line_break_holder] -->._inline-style input[type="date"] {<!-- [et_pb_line_break_holder] --> padding: 10px 12px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._inline-style button._inline-style {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> top: 27px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._inline-style p {<!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._inline-style ._button-wrapper {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> margin: 27px 12.5px 0 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->._form-thank-you {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> right: 0;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> font-size: 18px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media all and (min-width: 320px) and (max-width: 667px) {<!-- [et_pb_line_break_holder] --> ._inline-form._inline-style ._inline-style._button-wrapper {<!-- [et_pb_line_break_holder] --> margin-top: 20px !important;<!-- [et_pb_line_break_holder] --> margin-left: 0 !important;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> #_form_9_ ._form_1 { width:100%; background-color:#dbf2f7; padding:10px; }<!-- [et_pb_line_break_holder] --></style><!-- [et_pb_line_break_holder] --><form method="POST" action="https://truust4124.activehosted.com/proc.php" id="_form_9_" class="_form _form_9 _inline-form " novalidate><!-- [et_pb_line_break_holder] --> <input type="hidden" name="u" value="9" /><!-- [et_pb_line_break_holder] --> <input type="hidden" name="f" value="9" /><!-- [et_pb_line_break_holder] --> <input type="hidden" name="s" /><!-- [et_pb_line_break_holder] --> <input type="hidden" name="c" value="0" /><!-- [et_pb_line_break_holder] --> <input type="hidden" name="m" value="0" /><!-- [et_pb_line_break_holder] --> <input type="hidden" name="act" value="sub" /><!-- [et_pb_line_break_holder] --> <input type="hidden" name="v" value="2" /><!-- [et_pb_line_break_holder] --> <div class="_form-content"><!-- [et_pb_line_break_holder] --> <div class="_form_element _x91769852 _full_width _clear" ><!-- [et_pb_line_break_holder] --> <div class="_form-title"><!-- [et_pb_line_break_holder] --> Get the latest articles & insights<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="_form_element _x42104337 _full_width " ><!-- [et_pb_line_break_holder] --> <label class="_form-label"><!-- [et_pb_line_break_holder] --> Email*<!-- [et_pb_line_break_holder] --> </label><!-- [et_pb_line_break_holder] --> <div class="_field-wrapper"><!-- [et_pb_line_break_holder] --> <input type="text" name="email" placeholder="Your email" required/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="_form_element _field8 _full_width " ><!-- [et_pb_line_break_holder] --> <div class="_row"><!-- [et_pb_line_break_holder] --> <label class="_form-label"><!-- [et_pb_line_break_holder] --> </label><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <input type="hidden" name="field[8][]" value="~|"><!-- [et_pb_line_break_holder] --> <div class="_row _checkbox-radio"><!-- [et_pb_line_break_holder] --> <input id="field_8I accept terms of service." type="checkbox" name="field[8][]" value="I accept terms of service." required><!-- [et_pb_line_break_holder] --> <span><!-- [et_pb_line_break_holder] --> <label for="field_8I accept terms of service."><!-- [et_pb_line_break_holder] --> I accept terms of service.*<!-- [et_pb_line_break_holder] --> </label><!-- [et_pb_line_break_holder] --> </span><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="_form_element _field9 _full_width " ><!-- [et_pb_line_break_holder] --> <div class="_row"><!-- [et_pb_line_break_holder] --> <label class="_form-label"><!-- [et_pb_line_break_holder] --> </label><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <input type="hidden" name="field[9][]" value="~|"><!-- [et_pb_line_break_holder] --> <div class="_row _checkbox-radio"><!-- [et_pb_line_break_holder] --> <input id="field_9I agree to receive commercial information." type="checkbox" name="field[9][]" value="I agree to receive commercial information." required><!-- [et_pb_line_break_holder] --> <span><!-- [et_pb_line_break_holder] --> <label for="field_9I agree to receive commercial information."><!-- [et_pb_line_break_holder] --> I agree to receive commercial information.*<!-- [et_pb_line_break_holder] --> </label><!-- [et_pb_line_break_holder] --> </span><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="_button-wrapper _full_width"><!-- [et_pb_line_break_holder] --> <button id="_form_9_submit" class="_submit" type="submit"><!-- [et_pb_line_break_holder] --> Sign up<!-- [et_pb_line_break_holder] --> </button><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="_clear-element"><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="_form-thank-you" style="display:none;"><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --></form><script type="text/javascript"><!-- [et_pb_line_break_holder] -->window.cfields = {"8":"i_accept_terms_of_service","9":"i_accept_comercial_information_from_truust"};<!-- [et_pb_line_break_holder] -->window._show_thank_you = function(id, message, trackcmp_url) {<!-- [et_pb_line_break_holder] --> var form = document.getElementById('_form_' + id + '_'), thank_you = form.querySelector('._form-thank-you');<!-- [et_pb_line_break_holder] --> form.querySelector('._form-content').style.display = 'none';<!-- [et_pb_line_break_holder] --> thank_you.innerHTML = message;<!-- [et_pb_line_break_holder] --> thank_you.style.display = 'block';<!-- [et_pb_line_break_holder] --> if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {<!-- [et_pb_line_break_holder] --> // Site tracking URL to use after inline form submission.<!-- [et_pb_line_break_holder] --> _load_script(trackcmp_url);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> if (typeof window._form_callback !== 'undefined') window._form_callback(id);<!-- [et_pb_line_break_holder] -->};<!-- [et_pb_line_break_holder] -->window._show_error = function(id, message, html) {<!-- [et_pb_line_break_holder] --> var form = document.getElementById('_form_' + id + '_'), err = document.createElement('div'), button = form.querySelector('button'), old_error = form.querySelector('._form_error');<!-- [et_pb_line_break_holder] --> if (old_error) old_error.parentNode.removeChild(old_error);<!-- [et_pb_line_break_holder] --> err.innerHTML = message;<!-- [et_pb_line_break_holder] --> err.className = '_error-inner _form_error _no_arrow';<!-- [et_pb_line_break_holder] --> var wrapper = document.createElement('div');<!-- [et_pb_line_break_holder] --> wrapper.className = '_form-inner';<!-- [et_pb_line_break_holder] --> wrapper.appendChild(err);<!-- [et_pb_line_break_holder] --> button.parentNode.insertBefore(wrapper, button);<!-- [et_pb_line_break_holder] --> document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;<!-- [et_pb_line_break_holder] --> if (html) {<!-- [et_pb_line_break_holder] --> var div = document.createElement('div');<!-- [et_pb_line_break_holder] --> div.className = '_error-html';<!-- [et_pb_line_break_holder] --> div.innerHTML = html;<!-- [et_pb_line_break_holder] --> err.appendChild(div);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->};<!-- [et_pb_line_break_holder] -->window._load_script = function(url, callback) {<!-- [et_pb_line_break_holder] --> var head = document.querySelector('head'), script = document.createElement('script'), r = false;<!-- [et_pb_line_break_holder] --> script.type = 'text/javascript';<!-- [et_pb_line_break_holder] --> script.charset = 'utf-8';<!-- [et_pb_line_break_holder] --> script.src = url;<!-- [et_pb_line_break_holder] --> if (callback) {<!-- [et_pb_line_break_holder] --> script.onload = script.onreadystatechange = function() {<!-- [et_pb_line_break_holder] --> if (!r && (!this.readyState || this.readyState == 'complete')) {<!-- [et_pb_line_break_holder] --> r = true;<!-- [et_pb_line_break_holder] --> callback();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> head.appendChild(script);<!-- [et_pb_line_break_holder] -->};<!-- [et_pb_line_break_holder] -->(function() {<!-- [et_pb_line_break_holder] --> if (window.location.search.search("excludeform") !== -1) return false;<!-- [et_pb_line_break_holder] --> var getCookie = function(name) {<!-- [et_pb_line_break_holder] --> var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));<!-- [et_pb_line_break_holder] --> return match ? match[2] : null;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> var setCookie = function(name, value) {<!-- [et_pb_line_break_holder] --> var now = new Date();<!-- [et_pb_line_break_holder] --> var time = now.getTime();<!-- [et_pb_line_break_holder] --> var expireTime = time + 1000 * 60 * 60 * 24 * 365;<!-- [et_pb_line_break_holder] --> now.setTime(expireTime);<!-- [et_pb_line_break_holder] --> document.cookie = name + '=' + value + '; expires=' + now + ';path=/';<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> var addEvent = function(element, event, func) {<!-- [et_pb_line_break_holder] --> if (element.addEventListener) {<!-- [et_pb_line_break_holder] --> element.addEventListener(event, func);<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> var oldFunc = element['on' + event];<!-- [et_pb_line_break_holder] --> element['on' + event] = function() {<!-- [et_pb_line_break_holder] --> oldFunc.apply(this, arguments);<!-- [et_pb_line_break_holder] --> func.apply(this, arguments);<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> var _removed = false;<!-- [et_pb_line_break_holder] --> var form_to_submit = document.getElementById('_form_9_');<!-- [et_pb_line_break_holder] --> var allInputs = form_to_submit.querySelectorAll('input, select, textarea'), tooltips = [], submitted = false;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> var getUrlParam = function(name) {<!-- [et_pb_line_break_holder] --> var regexStr = '[?&]' + name + '=([^&#]*)';<!-- [et_pb_line_break_holder] --> var results = new RegExp(regexStr, 'i').exec(window.location.href);<!-- [et_pb_line_break_holder] --> return results != undefined ? decodeURIComponent(results[1]) : false;<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> for (var i = 0; i < allInputs.length; i++) {<!-- [et_pb_line_break_holder] --> var regexStr = "field[(d+)]";<!-- [et_pb_line_break_holder] --> var results = new RegExp(regexStr).exec(allInputs[i].name);<!-- [et_pb_line_break_holder] --> if (results != undefined) {<!-- [et_pb_line_break_holder] --> allInputs[i].dataset.name = window.cfields[results[1]];<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> allInputs[i].dataset.name = allInputs[i].name;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> var fieldVal = getUrlParam(allInputs[i].dataset.name);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (fieldVal) {<!-- [et_pb_line_break_holder] --> if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {<!-- [et_pb_line_break_holder] --> if (allInputs[i].value == fieldVal) {<!-- [et_pb_line_break_holder] --> allInputs[i].checked = true;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> allInputs[i].value = fieldVal;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> var remove_tooltips = function() {<!-- [et_pb_line_break_holder] --> for (var i = 0; i < tooltips.length; i++) {<!-- [et_pb_line_break_holder] --> tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> tooltips = [];<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> var remove_tooltip = function(elem) {<!-- [et_pb_line_break_holder] --> for (var i = 0; i < tooltips.length; i++) {<!-- [et_pb_line_break_holder] --> if (tooltips[i].elem === elem) {<!-- [et_pb_line_break_holder] --> tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);<!-- [et_pb_line_break_holder] --> tooltips.splice(i, 1);<!-- [et_pb_line_break_holder] --> return;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> var create_tooltip = function(elem, text) {<!-- [et_pb_line_break_holder] --> var tooltip = document.createElement('div'), arrow = document.createElement('div'), inner = document.createElement('div'), new_tooltip = {};<!-- [et_pb_line_break_holder] --> if (elem.type != 'radio' && elem.type != 'checkbox') {<!-- [et_pb_line_break_holder] --> tooltip.className = '_error';<!-- [et_pb_line_break_holder] --> arrow.className = '_error-arrow';<!-- [et_pb_line_break_holder] --> inner.className = '_error-inner';<!-- [et_pb_line_break_holder] --> inner.innerHTML = text;<!-- [et_pb_line_break_holder] --> tooltip.appendChild(arrow);<!-- [et_pb_line_break_holder] --> tooltip.appendChild(inner);<!-- [et_pb_line_break_holder] --> elem.parentNode.appendChild(tooltip);<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> tooltip.className = '_error-inner _no_arrow';<!-- [et_pb_line_break_holder] --> tooltip.innerHTML = text;<!-- [et_pb_line_break_holder] --> elem.parentNode.insertBefore(tooltip, elem);<!-- [et_pb_line_break_holder] --> new_tooltip.no_arrow = true;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> new_tooltip.tip = tooltip;<!-- [et_pb_line_break_holder] --> new_tooltip.elem = elem;<!-- [et_pb_line_break_holder] --> tooltips.push(new_tooltip);<!-- [et_pb_line_break_holder] --> return new_tooltip;<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> var resize_tooltip = function(tooltip) {<!-- [et_pb_line_break_holder] --> var rect = tooltip.elem.getBoundingClientRect();<!-- [et_pb_line_break_holder] --> var doc = document.documentElement, scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0));<!-- [et_pb_line_break_holder] --> if (scrollPosition < 40) {<!-- [et_pb_line_break_holder] --> tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> var resize_tooltips = function() {<!-- [et_pb_line_break_holder] --> if (_removed) return;<!-- [et_pb_line_break_holder] --> for (var i = 0; i < tooltips.length; i++) {<!-- [et_pb_line_break_holder] --> if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> var validate_field = function(elem, remove) {<!-- [et_pb_line_break_holder] --> var tooltip = null, value = elem.value, no_error = true;<!-- [et_pb_line_break_holder] --> remove ? remove_tooltip(elem) : false;<!-- [et_pb_line_break_holder] --> if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');<!-- [et_pb_line_break_holder] --> if (elem.getAttribute('required') !== null) {<!-- [et_pb_line_break_holder] --> if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {<!-- [et_pb_line_break_holder] --> var elems = form_to_submit.elements[elem.name];<!-- [et_pb_line_break_holder] --> if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {<!-- [et_pb_line_break_holder] --> no_error = elem.checked;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> else {<!-- [et_pb_line_break_holder] --> no_error = false;<!-- [et_pb_line_break_holder] --> for (var i = 0; i < elems.length; i++) {<!-- [et_pb_line_break_holder] --> if (elems[i].checked) no_error = true;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> if (!no_error) {<!-- [et_pb_line_break_holder] --> tooltip = create_tooltip(elem, "Please select an option.");<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> } else if (elem.type =='checkbox') {<!-- [et_pb_line_break_holder] --> var elems = form_to_submit.elements[elem.name], found = false, err = [];<!-- [et_pb_line_break_holder] --> no_error = true;<!-- [et_pb_line_break_holder] --> for (var i = 0; i < elems.length; i++) {<!-- [et_pb_line_break_holder] --> if (elems[i].getAttribute('required') === null) continue;<!-- [et_pb_line_break_holder] --> if (!found && elems[i] !== elem) return true;<!-- [et_pb_line_break_holder] --> found = true;<!-- [et_pb_line_break_holder] --> elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');<!-- [et_pb_line_break_holder] --> if (!elems[i].checked) {<!-- [et_pb_line_break_holder] --> no_error = false;<!-- [et_pb_line_break_holder] --> elems[i].className = elems[i].className + ' _has_error';<!-- [et_pb_line_break_holder] --> err.push("Checking %s is required".replace("%s", elems[i].value));<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> if (!no_error) {<!-- [et_pb_line_break_holder] --> tooltip = create_tooltip(elem, err.join('<br/>'));<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> } else if (elem.tagName == 'SELECT') {<!-- [et_pb_line_break_holder] --> var selected = true;<!-- [et_pb_line_break_holder] --> if (elem.multiple) {<!-- [et_pb_line_break_holder] --> selected = false;<!-- [et_pb_line_break_holder] --> for (var i = 0; i < elem.options.length; i++) {<!-- [et_pb_line_break_holder] --> if (elem.options[i].selected) {<!-- [et_pb_line_break_holder] --> selected = true;<!-- [et_pb_line_break_holder] --> break;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> for (var i = 0; i < elem.options.length; i++) {<!-- [et_pb_line_break_holder] --> if (elem.options[i].selected && !elem.options[i].value) {<!-- [et_pb_line_break_holder] --> selected = false;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> if (!selected) {<!-- [et_pb_line_break_holder] --> elem.className = elem.className + ' _has_error';<!-- [et_pb_line_break_holder] --> no_error = false;<!-- [et_pb_line_break_holder] --> tooltip = create_tooltip(elem, "Please select an option.");<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> } else if (value === undefined || value === null || value === '') {<!-- [et_pb_line_break_holder] --> elem.className = elem.className + ' _has_error';<!-- [et_pb_line_break_holder] --> no_error = false;<!-- [et_pb_line_break_holder] --> tooltip = create_tooltip(elem, "This field is required.");<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> if (no_error && elem.name == 'email') {<!-- [et_pb_line_break_holder] --> if (!value.match(/^[+_a-z0-9-'&=]+(.[+_a-z0-9-']+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,})$/i)) {<!-- [et_pb_line_break_holder] --> elem.className = elem.className + ' _has_error';<!-- [et_pb_line_break_holder] --> no_error = false;<!-- [et_pb_line_break_holder] --> tooltip = create_tooltip(elem, "Enter a valid email address.");<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> if (no_error && /date_field/.test(elem.className)) {<!-- [et_pb_line_break_holder] --> if (!value.match(/^dddd-dd-dd$/)) {<!-- [et_pb_line_break_holder] --> elem.className = elem.className + ' _has_error';<!-- [et_pb_line_break_holder] --> no_error = false;<!-- [et_pb_line_break_holder] --> tooltip = create_tooltip(elem, "Enter a valid date.");<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> tooltip ? resize_tooltip(tooltip) : false;<!-- [et_pb_line_break_holder] --> return no_error;<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> var needs_validate = function(el) {<!-- [et_pb_line_break_holder] --> return el.name == 'email' || el.getAttribute('required') !== null;<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> var validate_form = function(e) {<!-- [et_pb_line_break_holder] --> var err = form_to_submit.querySelector('._form_error'), no_error = true;<!-- [et_pb_line_break_holder] --> if (!submitted) {<!-- [et_pb_line_break_holder] --> submitted = true;<!-- [et_pb_line_break_holder] --> for (var i = 0, len = allInputs.length; i < len; i++) {<!-- [et_pb_line_break_holder] --> var input = allInputs[i];<!-- [et_pb_line_break_holder] --> if (needs_validate(input)) {<!-- [et_pb_line_break_holder] --> if (input.type == 'text') {<!-- [et_pb_line_break_holder] --> addEvent(input, 'blur', function() {<!-- [et_pb_line_break_holder] --> this.value = this.value.trim();<!-- [et_pb_line_break_holder] --> validate_field(this, true);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> addEvent(input, 'input', function() {<!-- [et_pb_line_break_holder] --> validate_field(this, true);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> } else if (input.type == 'radio' || input.type == 'checkbox') {<!-- [et_pb_line_break_holder] --> (function(el) {<!-- [et_pb_line_break_holder] --> var radios = form_to_submit.elements[el.name];<!-- [et_pb_line_break_holder] --> for (var i = 0; i < radios.length; i++) {<!-- [et_pb_line_break_holder] --> addEvent(radios[i], 'click', function() {<!-- [et_pb_line_break_holder] --> validate_field(el, true);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> })(input);<!-- [et_pb_line_break_holder] --> } else if (input.tagName == 'SELECT') {<!-- [et_pb_line_break_holder] --> addEvent(input, 'change', function() {<!-- [et_pb_line_break_holder] --> validate_field(this, true);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> } else if (input.type == 'textarea'){<!-- [et_pb_line_break_holder] --> addEvent(input, 'input', function() {<!-- [et_pb_line_break_holder] --> validate_field(this, true);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> remove_tooltips();<!-- [et_pb_line_break_holder] --> for (var i = 0, len = allInputs.length; i < len; i++) {<!-- [et_pb_line_break_holder] --> var elem = allInputs[i];<!-- [et_pb_line_break_holder] --> if (needs_validate(elem)) {<!-- [et_pb_line_break_holder] --> if (elem.tagName.toLowerCase() !== "select") {<!-- [et_pb_line_break_holder] --> elem.value = elem.value.trim();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> validate_field(elem) ? true : no_error = false;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> if (!no_error && e) {<!-- [et_pb_line_break_holder] --> e.preventDefault();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> resize_tooltips();<!-- [et_pb_line_break_holder] --> return no_error;<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> addEvent(window, 'resize', resize_tooltips);<!-- [et_pb_line_break_holder] --> addEvent(window, 'scroll', resize_tooltips);<!-- [et_pb_line_break_holder] --> window._old_serialize = null;<!-- [et_pb_line_break_holder] --> if (typeof serialize !== 'undefined') window._old_serialize = window.serialize;<!-- [et_pb_line_break_holder] --> _load_script("//d3rxaij56vjege.cloudfront.net/form-serialize/0.3/serialize.min.js", function() {<!-- [et_pb_line_break_holder] --> window._form_serialize = window.serialize;<!-- [et_pb_line_break_holder] --> if (window._old_serialize) window.serialize = window._old_serialize;<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> var form_submit = function(e) {<!-- [et_pb_line_break_holder] --> e.preventDefault();<!-- [et_pb_line_break_holder] --> if (validate_form()) {<!-- [et_pb_line_break_holder] --> // use this trick to get the submit button & disable it using plain javascript<!-- [et_pb_line_break_holder] --> document.querySelector('#_form_9_submit').disabled = true;<!-- [et_pb_line_break_holder] --> var serialized = _form_serialize(document.getElementById('_form_9_'));<!-- [et_pb_line_break_holder] --> var err = form_to_submit.querySelector('._form_error');<!-- [et_pb_line_break_holder] --> err ? err.parentNode.removeChild(err) : false;<!-- [et_pb_line_break_holder] --> _load_script('https://truust4124.activehosted.com/proc.php?' + serialized + '&jsonp=true');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> return false;<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> addEvent(form_to_submit, 'submit', form_submit);<!-- [et_pb_line_break_holder] -->})();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --></script>