244 | Cómo optimizar el checkout para vender más

En el episodio 244 de WordPress semanal te explico qué pasos puedes dar para reducir el abandono en la página de pago de tu web con WordPress. Vamos allá. Hola, hola, soy Gonzalo, de GonzaloNavarro es y bienvenidos a WordPress Semanal, el podcast en el que aprendes WordPress de principio a fin. Porque ya lo sabes, no hay mejor inversión que la de aprender a crear y gestionar tus propias webs con WordPress. Y hoy te voy a hablar de cómo optimizar el checkout para que consigas vender más. Vamos a ver primero por qué es interesante invertir tiempo en esto, en optimizar la página de pago, y luego te iré dando algunos consejos generales con su explicación más particular de cómo puedes hacerlo. Incluso iremos más allá y veremos qué pasa si todo esto falla. Todos los consejos que te voy a dar para optimizar el checkout te fallan o no son suficientes sí todo esto en un momentito. ¿Pero antes, como siempre, vamos a ver las novedades qué está pasando en Gonzalo Navarro es esta semana? Pues como siempre, tenéis nuevo vídeo de la Zona Código. Ya sabéis que todos los que seáis miembros, los que estéis suscritos, tenéis acceso a todos los cursos, que ahora mismo hay más de 50, y a todos los vídeos de la Zona Código, que hay más de 195. Y en ellos os enseño a modificar vuestra web sin utilizar plugins. Son pequeños cambios que vamos necesitando en el día a día o cosas un poquito más, un poquito más avanzadas. Bien, pues en este vídeo, que es el 195, os enseño a modificar las tablas de vuestra web con WordPress. Y las tablas es algo que no vamos a usar demasiado, pero que cuando usamos queremos tener más control sobre ellas. Y es algo que en el HTML está un poquito denostado porque sobre todo dificulta el hecho de que sea responsive, aunque cada vez lo son más. Es más sencillo controlar cómo se muestran los contenidos, tanto en móvil como en pantallas más grandes, sobre todo porque el CSS va mejorando. Ahora tenemos Flexbox, tenemos Grid. Entonces, bueno, todo esto va mejorando. Pero más allá de eso, lo que te quiero enseñar, o lo que te enseño en este vídeo, es a modificar cualquier tabla que muestres en tu web, ya sea que la añadas con el editor de Gutenberg o que sea una tabla que viene por ejemplo en la página, que esto viene muy al caso en las páginas de checkout o las páginas de carrito suelen estar hechas con tablas donde se pone el producto, la descripción, el precio, tal, tal, tal. Pues ya sea para esas tablas o para una tabla que tú insertes de forma manual, te enseño a editar su aspecto por CSS, cambiarles el color, cambiarles el borde, poner a lo mejor una sombrita para que queden más chulos, en fin, lo que quieras. Básicamente lo importante de este vídeo es saber localizar qué tienes que modificar y luego aplicar pues el CSS que yo te voy enseñando en estos vídeos o cositas que te puedas encontrar por ahí. Sí, pues todos los suscriptores ya sabéis que lo tenéis disponible si vais a la parte de códigos dentro de vuestra suscripción, pues ahí lo tendréis. Recordad, es el vídeo 195. Por otro lado, el curso más reciente que he publicado en la web es el curso de creación de contenido personalizado. Ahí vemos el plugin Custom Post Type UI y os explico su uso de principio a fin para crear pues esos tipos de contenido personalizados, Custom Post Types y taxonomías personalizadas. Vemos también cosas más avanzadas como qué hacer si quieres migrar esos contenidos a otra web o qué hacer si quieres deshacerte incluso del plugin y tener los tipos de contenido, las taxonomías simplemente creadas por código. Pues todo eso lo vemos a lo largo de las creo que son cinco lecciones del curso. Y luego te quiero recomendar varios cursos que van muy relacionados con lo que vamos a ver aquí. Tienes el curso de WooCommerce, por supuesto te voy a dejar un enlace a la clase del curso de Storefront. Storefront es un fin que está creado por la misma gente que tiene WooCommerce ahora mismo, que son los de Automatic y que casa muy bien con WooCommerce. Pero lo que te quiero enseñar de ese curso es es una clase específica en la que explico cómo mejorar el checkout con un plugin muy popular que te permite añadir y quitar campos del checkout de la página de pago de WooCommerce. Va a ir muy relacionado con lo que vamos a hablar en este episodio. Y luego también tienes el curso de EDD de Easy Digital Download, ya sabéis que es el plugin para e commerce de venta de productos digitales pues seguramente el mejor que hay. Todo eso lo tenéis en la parte de contenido recomendado para suscriptores y de contenido nuevo. Las notas del episodio, al que podéis ir escribiendo directamente en vuestro navegador. Gonzalo Navarro es 244. 244 que es el número del episodio de esta semana y ahí también tendréis otros enlaces de los que os iré hablando, al igual que el plugin de la semana que te va a permitir escribir mensajes personalizados sobre el stock que queda pendiente en una tienda online con WooCommerce. El plugin se llama WooCustom Stock Status y básicamente te da la posibilidad de cambiar los textos que aparecen en WooCommerce, si es que lo tienes habilitado, que aparezca sobre el stock de los productos. Entonces la palabra in stock la puedes cambiar o en stock, si está en español, la puedes cambiar por lo que tú quieras. Por ejemplo tenemos productos o algo así. La frase de only por cualquier porcentaje left in stock es solo x porcentaje, queda en stock. Todo eso lo puedes traducir. La frase de se puede pedir en inglés es can be back ordered, se puede como pedir como que no hay, pero lo puedes pedir. El porcentaje queda en stock si se puede reservar o si no queda en stock. Todas esas frases las puedes cambiar, le puedes cambiar el color a los textos que pones. De acuerdo que normalmente es algo que hay que hacer por código, pero este plugin te lo facilita y te permite hacerlo. En la página del plugin que tiene unas 7.000 instalaciones activas y en general buenas valoraciones, tienes una demo para que veas cómo es y tienes un vídeo donde también te puedes hacer una idea de cómo es, además de las típicas capturas de pantalla que te va pasando por las pestañas de ajustes. Básicamente el plugin te pone una pestaña nueva en los ajustes de WooCommerce y lo puedes configurar todo desde ahí, cosa que me gusta que no te añada un menú nuevo, sino que como es algo pequeñito pues te lo pone ahí dentro de los ajustes de WooCommerce. De acuerdo, de nuevo, WooCustom Stock Status, pero lo tienes en las notas del episodio. Recuerda Gonzalo, es 244. Y ahora ya sí, vámonos con el tema central del programa, cómo optimizar el checkout para vender más. Lo primero que quería tratar en este episodio es porque te va a merecer la pena invertir tiempo en optimizar la página de pago. Si tú ya instalas un plugin de venta online como puede ser WooCommerce o como puede ser ADD o el que tengas, pues se supone que eso ya tiene que venir optimizado, que ya tiene que venir preparado y que ya está todo ahí perfecto. ¿Bueno, no tiene por qué, de acuerdo? Sí que es cierto que ya vienen preparados a nivel general, pero claro, es que hay tantos casos de tipos de productos que vendemos, de cómo vendemos, de a quién vendemos, que es difícil tener un checkout perfecto para todo el mundo. Entonces, en primer lugar debes invertir tiempo en esto porque está demostrado con datos. Te voy a dejar un enlace de un estudio, estos estudios suelen estar enfocados a Estados Unidos, pero bueno, nos sirve para hacernos una idea. Pero hay estudios que nos indican que un porcentaje alto de los visitantes abandonan el checkout o la página de pago porque es muy largo o porque es confuso. Entonces esto es un problema conocido que yo creo que la gente por intuición se imagina que esto puede ocurrir y además pues como vemos está basado en datos. ¿Qué quiere decir esto? Pues que va a repercutir directamente en tus ingresos el hecho de que lo trabajes un poco, intentes mejorarlo, intentes optimizarlo, porque si estás perdiendo gente justo ahí, que es el último paso, donde ya casi los tienes, los has convencido, llegan a la página de pago y se van porque les resulta largo, confuso o por lo que sea, que ahora veremos más detalles, pues si tú consigues mejorar eso directamente es que estás ganando más dinero. Entonces creo que esto es una muy buena premisa para hacernos pensar un poco en esto y optimizar la página de pago. Entonces te voy a dar algunos consejos que a ver, lo ideal es que tú cojas y pruebes las cosas, que tú tengas una página de pago, que tengas el checkout de una manera que te entren muchos clientes y que compruebes a ver cuántos se van de ahí y luego cambiando alguna cosa, que compruebes a ver cuántos otros se van de ahí y que cambiando otra cuántos otros hasta que lo consigas tú mismo en base a datos reales y a datos de tus clientes o de tu potencial cliente, pues tenerlo a punto todo. Pero claro, sobre todo cuando empezamos Primero, que no vamos a tener los clientes suficientes para poder medir esto. Segundo, que hace falta un trabajo ahí, una infraestructura, hace falta herramientas y demás para poder testear todo esto, tiempo, dinero. Porque si no puedes, tú necesitas a alguien, ¿De acuerdo? Entonces vas a. Voy a dar algunos consejos que creo que son de sentido común, que creo que están al alcance de prácticamente todo el mundo que haga su tienda online. Siempre teniendo en cuenta que lo ideal es que cada uno testee lo suyo y lo vea con datos reales, como digo, de su público objetivo, ¿De acuerdo? Pero bueno, una vez expresada esa salvedad, vamos con los consejos. Consejo número uno para optimizar el checkout y conseguir vender más, no engañes a tus visitantes. Y esto puede sonar un poco fuerte, pero muchas veces se puede hacer sin intención o sin mala intención. Entonces asegúrate de que dejas claro en la página de pago, en el checkout, lo que se va a comprar, lo que está comprando el visitante, tanto en el nombre como en la descripción de tu producto o servicio. Porque esto vale tanto para si vendes un producto como si vendes un servicio. Que no haya sorpresas, que no de repente tengan ahí un impuesto que no aparecía por ningún lado, otro pago extra por el envío o por el packaging o por lo que sea. Que quede todo bastante claro y que la gente no se lleve sorpresas. Porque tú imagínate que metes tus productos en el carrito o lo que sea y de repente llegas y te incrementa el precio en X porcentaje. Pues seguramente mucha gente vaya a decir adiós. Entonces sé claro, muestra los precios bien con sus impuestos, si hay otros gastos, sé claro también de esos gastos. Y ya que estamos, aprovecha y asegúrate de tener términos, condiciones, si es que las tienes, y la política de privacidad disponibles para que puedan tanto leerlas como aceptar esos términos, ¿De acuerdo? No hay nada peor, creo, para un comprador que sentirse que hay algo ahí, que hay gato encerrado, que le estás intentando engañar. Así que que no se vea por ningún lado ningún atisbo de que pueda interpretar el comprador de que le quieres engañar. Bien. Segundo consejo, hazlo sencillo, es decir, en los campos del formulario, por ejemplo, el formulario de pago donde la gente va a rellenar sus datos, yo te diría que pongas los estrictamente necesarios. Por ejemplo, si no hay envío que quita los campos de dirección, incluso dependiendo de a quién vendas, los de facturación, porque los puedes pedir después a través de un email, o no todo el mundo necesita rellenar los campos de facturación, porque no todo el mundo quiere que le emitas factura, le sirve con un recibo. Esto ya va a depender por supuesto de lo que vendas, de a quién y es relativo, pero para que hagas ese pensamiento, decir venga, estos campos necesito, no los necesito. Por ejemplo, si vas a vender un servicio o un producto digital, en muchas ocasiones vas a poder hacer el checkout más minimalista, por lo que te digo, no necesitas los campos de dirección y seguramente haya otros campos que tampoco necesites. Lo que sí te aconsejo en los campos que tienen que rellenar el usuario ya para comprar, es que el email esté de las primeras cosas, por si en el caso de que hay un abandono o hay algún tipo de error, que al menos tengas el email de la persona y te puedas poner en contacto con él, lo puedas tener en tu base de datos o puedas llevar a cabo alguna técnica como te voy a comentar al final de este episodio. Aquí la clave es que cuanto menos tenga que hacer el cliente, más posibilidades vas a tener de venta, siempre y cuando pidas lo que tienes que pedir, tampoco vas a dejar de pedir cosas que son necesarias, pero cuanto más sencillo y menos tenga que hacer el cliente mejor, más posibilidades vas a tener que vender. Y si no, piensa en ti cuando vas a comprar algo, qué es lo que quieres rellenar todo lo más rápido posible, y si ya te aparece relleno que se auto rellena, pues mejor todavía, pues lo mismo, tus compradores van a querer eso mismo. Aquí por ejemplo puedes utilizar el plugin que te he dicho que vemos en la clase del curso de Storefront, si usas woocommerce, ahí puedes utilizarlo para controlar los campos que se muestran y los que no se muestran. También puedes buscar, hay muchos plugins para modificar esto, te puedes ir también a WordPress. Org, te vas a la parte de plugins y pones checkout y te empiezas a ver todos los plugins que hay ahí con posibilidades para modificar los checkouts, siempre viendo bien los plugins, revisando bien que son buenos plugins, que tienen buenas valoraciones, que está activo en un número de webs razonable, que te vayas a la pestaña de soporte y veas que no hay muchos problemas o que si hay problemas lo resuelven rápido, ¿De acuerdo? Todo esto que vemos en el curso de WordPress básico y de WordPress intermedio de cómo elegir plugins, pues tienes que aplicarlo aquí. Bien, siguiente consejo llevamos, no engañes al visitante, pónselo fácil, te tercero, el diseño en sí de la página, intenta que sea sin distracciones, esto es, elimina lo innecesario, por ejemplo, la persona ya ha ido a tu web, ya la ha visitado, ya ha comprado, ya añadido producto o servicio al carrito y ya está en la página de pago. ¿Es necesario que aparezcan todos los menús de navegación arriba? ¿Es necesario que Aparezca un pedazo de footer con mil enlaces a todos lados con un montón de cosas? ¿Es necesario Que aparezca una sidebar con el ebook que se pueden descargar? ¿Seguramente no, entonces todo eso, quítalo, elimínalo, ocúltalo, de acuerdo? Esto puedes hacerlo por CSS, tengo una clase en la que explico cómo crear una landing page por CSS que esto te va a valer, porque ahí básicamente te enseño a ocultar elementos, lo podéis ver en la zona código y es muy sencillo de hacer, es ir ocultando elementos, sí que deja tu logo y el diseño general de tu web, que tampoco piensen lo que te decía, que le estás engañando, están en tu web, que noten que están en tu web, pero, pero no les dejes enlaces por todos lados para que se vayan del carrito, del checkout, perdón, de la página de pago, ¿De acuerdo? Después, tampoco añadas, no intentes añadir como colores estridentes ni imágenes que distraigan, ya están pagando, ya están en la página de pago, no les pongas distracciones, sigue tu misma línea de diseño de la web, quítale como te he comentado, todo lo que sobre y ya está. No añadas cosas extra que pueden confundir más que otra cosa, como veíamos un poco antes, que se vea en la página de pago, que se vea claramente qué se compra y por cuánto dinero, como decíamos también, que estén los campos necesarios para recoger los datos que necesites, que aparezca el formulario de pago si puede ser, ¿De acuerdo? A mí particularmente esto me gusta, aunque no tiene por qué ser así, porque por ejemplo si vas a Paypal, pues te lleva a otra página, o también el sistema de pago de Stripe de ahora también te lleva a otra página, pero existe la posibilidad con Stripe también de tener el formulario inline, de tener el formulario directamente en tu página de pago sin que se vayan a otro lado, que es como yo lo tengo, por ejemplo, en mi web, ¿De acuerdo? Al final es un paso menos, evitas que vayan a otro lado, que luego tengan que volver a tu página, tal, tal, tal. Siempre cuanto más en tu control lo tengas y menos se tengan que ir por ahí, mejor. Por supuesto, que aparezca la casilla de aceptación de privacidad y ya el botón de comprar, de comprar, perdón, que sea claro. Te he dicho un poco la estructura que le daría yo a esta página de pago de checkout, así que diseño sin distracciones. Siguiente consejo, seguridad real y manifiesta. Es decir, no sólo que tú sepas que la compra en tu web es de forma segura, pues porque lo tienes con un gestor que ofrece esa seguridad, como puede ser paypal o como puede ser Stripe, sino que además se manifiesta que se lo digas, que tu cliente pueda ver que eso de verdad es seguro, ¿De acuerdo? Los visitantes, nuestros compradores, deben sentirse seguros comprando en nuestra web porque es una responsabilidad grande. Nos están dando datos de su tarjeta de crédito, nos están dando sus datos personales, entonces vamos a hacerle sentir seguros, más allá de que sea real, que por supuesto tiene que serlo, que ellos lo experimenten, que lo sientan. Entonces aquí puedes usar logos de seguridad, puedes mostrar los métodos de pago que aceptas, siempre que esto sea real, claro. Por ejemplo, logo de seguridad, me refiero, si tienes un servicio de SSL, pues puedes poner que tu web está o tiene el certificado SSL. Si has contratado algo que también se puede contratar por ahí, que esto se hace más que nada para dar la sensación que para otra cosa, pero puedes contratar servicios que básicamente te ponen el loguito de que estás asegurado por X empresa, McAfee o este tipo de cosas, pues si lo tienes, aprovéchalo y úsalo, ponlo ahí de nuevo, siempre que sea verdad. Sobre todo los usuarios experimentados se van a fijar en este tipo de cosas porque están acostumbrados a comprar. Y luego los que sean desconfiados o menos experimentados también, ¿De acuerdo? No porque se fijen específicamente en este tipo de detalles, sino porque ya se lo vas a mostrar tú y eso ya les va a dar esa seguridad que a lo mejor no tienen si no están acostumbrados a comprar online. Por cierto, para hacer esto, añadir cosas y demás, hay un plugin de Eddy, si es que usas Easy Digital Downloads, que se llama EDD Better Checkout, que te permite poner elementos, por ejemplo, te permite poner en un lado, pues que puedas poner logos, los logos que te digo de seguridad y eso, y está bien. El problema es que el plugin no se actualiza desde hace dos años en el momento que estoy grabando esto. Entonces, bueno, no lo puedo recomendar al 100%, pero para que sepáis que existen opciones y en WooCommerce, ahora mismo no sé ninguno en concreto, pero tiene que haberlo, si buscáis en la parte de plugins, add elements to woocommerce o algo así, seguro que os sale. Y ahora que lo estoy pensando, creo que en la zona código expliqué cómo hacer esto por código, cómo añadir elementos a la página de checkout de pago a través de código. Lo buscaré y si lo encuentro lo pondré en los enlaces. Recordad que este es el episodio 244. Bien, siguiente consejo, rapidez de carga. El checkout no es como cualquier otra página, ya hemos convencido al visitante, ya le hemos mostrado todas nuestras imágenes, todos nuestros vídeos, todos nuestros grandes recursos, ahora lo más importante es que paguen. Así que cuando le den a comprar, cuando le den a la página, para ya ir al checkout y ya en ese rellenar y hacer la compra, que no tarde el checkout en cargar 300 años, que esto debería ser en general en tu página, pero que muchas veces no podemos prescindir de material multimedia, no podemos prescindir de imágenes, no podemos prescindir de un gif que a lo mejor es necesario, o de un vídeo o lo que sea, pero en el checkout sí quita todo, todo lo que vaya a tardar en cargar, incluso recursos. En el curso de optimización de WP o con gt Metrix os explico cómo quitar recursos innecesarios, cómo optimizar todo esto, cómo hacer que los recursos. Los recursos son, imagínate que necesitamos que se cargue una fuente y hay que llamar a Google Fonts, pues que se carguen un poquito más tarde, que no se carguen al principio, o ciertos plugins que se están cargando en toda nuestra web no son necesarios para el checkout y queremos que se quiten de ahí, pues todo eso quítalo del checkout. Cuidado aquí, mucho cuidado, porque el checkout es la página de pago y no vayas a quitar recursos o retrasar recursos como pueden ser archivos necesarios para Stripe, para hacer la venta y este tipo de cosas. Ahí sí hay que tener cuidado. Y ya que estoy con esto, otro consejo. Normalmente para. Para todo esto de la velocidad solemos tener un plugin para controlar el caché, para cachear nuestros contenidos y hacer que se guarden en el navegador de las personas y que la siguiente vez que accedan los contenidos les carguen más rápido. Pues aseguraos de en vuestro plugin de caché poner como excepción la página de pago. La página de pago y la de carrito también si queréis que no se caché, que no se guarde una versión previa de la página de checkout, porque esto te puede dar problemas. Puede sonar contraproducente lo que te estoy diciendo de la rapidez de carga, pero no, porque la página de pago es importante. Ahí, como digo, se cargan archivos o recursos con los que las personas van a poder pagar, como es Stripe y demás, y ahí es importante que siempre se refresque y que siempre se cargue la versión más reciente, no que se guarden versiones anteriores, ¿Vale? Y todo esto que te digo de hacer rápida y quitar todos los recursos y todos los elementos multimedia que no sean necesarios en la página del checkout, en la página de pago se va a notar muchísimo más en el móvil todavía. Entonces todo esto suma, ¿De acuerdo? Entonces, esos son un poco mis consejos. Resumo muy rápidamente, No engañes al visitante, aunque sea sin querer, tenlo en cuenta, hazlo fácil, pónselo fácil, diseña o modifica un poco el checkout para que tenga un diseño sin distracciones. Por cierto, si ya ves que esto está en lo que tienes, no te comas la cabeza, ¿Vale? Lo digo por si no está así, porque como digo, los plugins de e commerce ya vienen más o menos preparados, lo que pasa que según tu caso hay alguna de estas cosas, las vas a poder mejorar. Siguiente consejo, como decía, la seguridad real y manifiesta, que se note, que se den cuenta. Y por último, la rapidez de carga. Y como te decía al principio, ¿Qué pasa si todo esto falla, si todo esto no es suficiente o si tienes más ambición y quieres ir más allá? Bueno, si esto ocurre, tienes estrategias como pueden ser el envío de emails de recuperación del carrito tanto para WooCommerce como para Edd. Tienes plugins que permiten detectar cuando alguien abandona el carrito y enviarle un email automáticamente diciéndole oye, he visto que has dejado el carrito a medias, ¿Has tenido algún problema? ¿Te puedo ayudar en algo? Lo que sea, ¿No? Bueno, lo de oye, depende de tu público, ten cuidado con cómo hablas a tus potenciales clientes. Otra opción que ya sí que requiere un poquito de inversión es el retargeting. Puedes hacer una campaña para todos los que hayan visitado tu página de checkout y no hayan visitado la página de gracias por comprar, que les llegue un email, perdón, un email, un anuncio en Facebook Ads por ejemplo, de acuerdo, o en Instagram Ads o lo que sea. ¿De esta forma estás con una audiencia, lo que se llama audiencia warm, audiencia caliente, te conoce, conoce tu producto, incluso ha estado en la página de pago pero no ha comprado, le puedes mandar un mensaje muy específico a través, como digo, de un email, por eso te decía al principio que es importante que rellenen su email lo más arriba posible de tu página de pago, de tu página de checkout y luego ya si quieres ir ese paso más allá, pues un retargeting con Facebook Ads, por ejemplo, como digo, puedes hacer fácilmente un anuncio que diga quiero enviar un anuncio a los que hayan visto, hayan visitado mi página de checkout, pero no hayan visitado mi página de gracias por la compra, de acuerdo? Es bastante sencillo de configurar. Recordad que os dejo un montón de enlaces de contenido nuevo para suscriptores y también enlaces relacionados, como digo, el estudio de usabilidad web que os decía antes del porcentaje que os he dicho de gente que abandona el carrito, por si lo queréis echar un vistazo a la fuente original, os dejo el plugin que os decía de EDD Better Checkout, si encuentro algún plugin más interesante os lo pondré ahí, si encuentro algún vídeo de la zona código para modificar todo esto del checkout, mejorarlo y demás, también os lo dejaré ahí. Y ya sabéis que en gonzalonabarro es tenéis toda la información para apuntaros a la plataforma en la que tenéis acceso a más de 50 cursos, uno nuevo al mes, más de 195 vídeos de la zona código, uno nuevo a la semana y soporte conmigo personalizado, todo ello sin permanencia y con 15 días de garantía. Nada más por este episodio, nos seguimos escuchando, adiós.