289 | Embudos de ventas y control del checkout de Woo con CartFlows
27 Oct 2021 · 17 min
Episodio 289 del podcast WordPress Semanal, presentado por Gonzalo Navarro, que explica cómo crear embudos de venta (funnels) usando CartFlows junto con WooCommerce. El episodio cubre qué es un embudo de ventas, cómo CartFlows permite sustituir o complementar el checkout de WooCommerce, requisitos (WooCommerce, Stripe o PayPal, y un Page Builder), plantillas prediseñadas, compatibilidad con editores (Gutenberg, Elementor, Divi, Beaver Builder), y funcionalidades avanzadas como upsells (versión Pro) y recuperación de carritos abandonados mediante una extensión. También incluye novedades del autor (vídeo 239, cursos y oferta de formación) y el plugin de la semana (Orbitfox).
Questions this episode answers
289
27 October 2021
Vídeo 239 (zona código)
Más de 58 cursos y más de 230 vídeos
10 euros al mes, sin permanencia, con garantía de devolución de 15 días
Chapters
En el episodio 289 de WordPress Semanal hablamos de cómo crear embudos personalizando el proceso de venta de WooCommerce. Vamos allá. Hola, hola, soy Gonzalo de Gonzalo es y bienvenidos a WordPress Semanal, el podcast en el que aprendes WordPress de principio a fin. Porque ya lo sabes y no hay mejor inversión que la de aprender a crear y gestionar tus propias webs con WordPress. Y hoy nos vamos a adentrar en un poco la gestión avanzada de una tienda online hecha con woocommerce, porque vamos a ver qué posibilidades nos ofrece este plugin del que te voy a hablar en este episodio para sustituir el proceso de venta de WooCommerce o complementarlo. Ahora veremos que se pueden hacer ambas cosas, sí, pero antes, como siempre, novedades. ¿Qué está pasando en Gonzalo Navarro es esta semana? Pues por un lado, como siempre, como todas las semanas, hay vídeo nuevo de la zona código, en este caso es el vídeo 239 y en el te enseño a añadir información de contacto extra para los usuarios de WordPress. Básicamente ya sabes que cada usuario de tu web tiene un perfil y tú puedes ir dentro de la parte de administración de WordPress, incluso algunos plugins te permiten desde la parte frontal, pero en general desde la parte de administración de WordPress puedes ir a editar la información de contacto y otro tipo de información de ese usuario. Pues bien, si tú quieres por llevar un control, por ampliar un poco esa información de la que hablo, quieres añadir más cosas, pues puedes hacerlo por código de forma relativamente sencilla y es lo que te enseño en este vídeo. En el ejemplo lo que hacemos es añadir, por ejemplo, la opción de poner el perfil de Skype, de Twitter o de Facebook del usuario en cuestión, pero con lo que te enseño vas a poder añadir lo que quieras. Así que como siempre, la zona código, ya lo sabes, ves el vídeo donde te explico los pasos y te dejo un código, un trocito de código debajo, que simplemente lo copias y lo pegas tal y como te muestro en el vídeo y lo tienes. No hace falta que sepas programación, ni desarrollo ni nada. Ya sabes que todos estos vídeos, que ya vamos por 239, alguno más, porque los primeros no están numerados, pues como digo, están incluidos dentro de la formación. Al igual que la otra novedad de esta semana, que es un nuevo curso, estamos a final de mes y eso quiere decir Curso nuevo en Gonzalo Navarro es y en este caso es el curso de CartFlows para WooCommerce, donde te enseño a utilizar este plugin gratuito, porque en el curso vemos la parte gratuita con la que se puede hacer muchísimo y básicamente puedes crear embudos de venta saltándote cuando quieras el checkout que impone WooCommerce. La gracia de este plugin es que puedas aplicar cambios a esta parte tan importante, a la parte del proceso de venta para para así afectar directamente a tus conversiones y a tus ganancias si consigues dar con el retoque adecuado. Y por supuesto aprenderás exactamente qué es cartflows y veremos en distintos vídeos cómo usar todas y cada una de sus opciones. Te voy a dejar el enlace al curso en las notas de este episodio a los que puedes acceder yendo directamente desde tu navegador si tecleas Gonzalo es 289 que es el número de este episodio. Y si quieres echar un vistazo a alguno de los otros cursos, que hay más de 58 cursos ya publicados, pues Gonzalo Navarro es y ahí tienes toda la información por si te quieres apuntar o por si quieres ver todos los contenidos. Fantástico. Pues una vez vistas las novedades, vamos ahora con el plugin de la semana que se llama Orbitfox y es de la empresa CMile, una empresa bastante popular, tiene plugins, tiene themes y tiene este ultra popular plugin activo en más de 400.000 webs con WordPress y que como ellos dicen es una navaja suiza, pues que viene con todo. Funciona de forma parecida a Jetpack, tiene muchísimas opciones, prácticamente todo lo que te puedas imaginar, plantillas prediseñadas, opciones para compartir en redes sociales, el mensaje de política de privacidad, addons para Elementor, addons para Vive Builder, iconos para el menú, fuentes personalizadas y mucho más. Y la gracia es que tú vas activando y desactivando los módulos, es decir, no tienes que utilizar todo, sino solo lo que te interesa un poco, pues el enfoque que también utiliza jetpack. Si sois de los que os gusta tener todo en el mismo plugin, ir activando, desactivando, pues este plugin ya digo es súper súper popular, sobre todo en combinación si utilizas algunos de los themes con los que ellos tienen más compatibilidad como pueden ser los suyos, los de Zmail y luego también el Hestia Theme y el Zerif Theme, que particularmente son dos de los más populares. Sí, pues ya sabes que también te dejo el enlace a este plugin en las notas del episodio. Gonzalo Navarro es 289 y ahora sí, vámonos con el tema central de este episodio, CartFlows combinado con WooCommerce. Cómo crear funnels de venta Bien, vamos a empezar definiendo qué es esto de un funnel o embudo en español de venta. Bueno, esto no es más que el nombre que se le da a los pasos que sigue un visitante hasta convertirse en cliente, porque estamos hablando de embudo de venta. Luego tienes embudos de conversión en general, que puede ser de cualquier cosa, los pasos que sigue un visitante hasta convertirse en suscriptor de tu lista de correo, por ejemplo. Lo que pasa que bueno, se le dice embudo por darle un nombre marketiniano, pero simplemente es los pasos por los que llevamos o los pasos que sigue un visitante de nuestra web. Y en concreto un funnel de venta, un embudo de venta, pues sigue unos pasos muy sencillos. Primero te viene tráfico, esa persona te llega de algún lugar, es el primer paso, puede venir desde Google, puede venir desde una red social, puede venir desde tu newsletter, que pones un enlace y aterriza, llega a una página de venta, lo que se suele decir una landing page, que es una página de aterrizaje, sería la solución en este caso de venta, porque estamos hablando de un embudo de venta, queremos venderle algo ahí pues tendrá un botón de comprar, un enlace para comprar y llegará a la página de pago, que en inglés se dice checkout, introducirá sus datos de pago, le dará a pagar y en el formato más sencillo de un funnel de venta, llegará a la página de gracias por tu compra y habrá terminado el funnel o embudo de venta. Esto se puede complicar un poquito más, por ejemplo, cuando está en la página de pago, introduce sus datos y le da a pagar. Hay una técnica de marketing que hace mucha gente que es ofrecerte algo más, ya has introducido tus datos de pago y te dicen espera que puedes complementar esta compra con esto otro que te va a ir muy bien y se puede volver a hacer otra compra. Además ya que están los datos introducidos se puede volver a hacer y. Y ya después se llega a la página de gracias, eso podría ser el proceso de venta, un embudo, un funnel por pasos. Una vez sabemos esto, conocemos de qué estamos hablando de esto de funnels, de esto de embudos, es donde entra CartFlows. ¿Qué es CartFlows? Bueno, CartFlows es un plugin que tienes que utilizar en combinación con WooCommerce, es decir, si tú tienes una tienda online con WooCommerce, puedes utilizar CartFlows para sustituir el proceso de venta que viene de forma nativa con WooCommerce. ¿Por qué? Porque para precisamente controlar los pasos de este funnel de venta que te he comentado, porque en WooCommerce realmente hay poco que puedas controlar, si puedes crear tu página de producto y seguramente puedes controlar la página de gracias, pero el checkout es el que trae WooCommerce, aunque bueno, hay plugins que te permiten modificarlo y demás, y la página de producto es la que trae WooCommerce, que va a depender del estilo que traiga tu ZIM o si usas algún constructor visual que te permita crear o diseñar estas páginas de producto, pues también puedes un poco controlarlo. Pero en este sentido, con CartFlows lo que hacemos es saltarnos por completo todo eso y crear a medida nosotros los pasos de este funnel de venta. Así que estaríamos controlando diseño y contenido del funnel. Y luego, como te digo, tiene que funcionar con woocommerce, no lo puedes utilizar aparte porque realmente esto lo que hace es se vincula con los productos que tú tengas creados de WooCommerce, vamos, lo vinculas tú, tú creas un embudo de venta y dices pues este embudo de venta va a ser para este producto que yo ya tengo creado en woocommerce y además utiliza las pasarelas de pago que tú tienes configuradas con WooCommerce, que por cierto, como requisitos para poder utilizar CartFlows necesitas por supuesto tener WooCommerce, tener Stripe o Paypal porque son con las dos pasarelas de pago que trabaja CartFlows y tener un Page Builder para diseñar esa página de venta y sobre todo esa página también de Gracias. Ahora veremos qué Page Builders necesitas porque le voy a dedicar una sección, un punto aparte dentro de este episodio. Y por último comentar de CartFlows que tiene una versión gratuita muy muy muy completa y y luego una de pago en la de pago. Por ejemplo, una de las cosas que ellos tienen que seguramente hagan que la gente compre la versión de pago, es esa posibilidad. Cuando te he contado los pasos del embudo de venta, recuerda que te he dicho que había uno opcional o que hacía un poquito más complejo ese embudo, que era la parte del upsell, es decir, de venderte más. Cuando ya has introducido los datos de pago te dice, oye, ¿Y si compras también esto? Pues esa opción de upsell sólo está disponible con la versión de pago de cartflows, pero todo lo demás, la posibilidad de editar la página de venta, la posibilidad de editar hasta cierto punto la parte del checkout, porque si quieres editarlo más todavía, pues también necesitarías la de pago, pero tiene muchísimas opciones, y la posibilidad de editar la página de gracias por la compra, todo eso lo tienes disponible y tienes también, digamos, esas plantillas ya preparadas de las que te voy a hablar ahora, también en su versión gratuita. Bien, Vámonos al punto 3 de este episodio, ¿Cómo crear un embudo de ventas con CartFlows y WooCommerce? Ya hemos visto que lo podemos hacer y que gracias a CartFlows lo podemos hacer, pero ¿Cómo es el proceso por dentro cuando estamos ya lo tenemos instalado, lo tenemos configurado sus ajustes y nos vamos a crear este primer embudo? Bueno, básicamente lo ideal, aunque puedes partir de cero, pero lo ideal es partir de una plantilla ya de embudo, es decir, una plantilla que ya te viene con los pasos y que ya te viene incluso con un diseño de todas las páginas y te va a venir con esos tres pasos, la landing page, el checkout y la página de gracias ya configurado y como si fuese para un producto ficticio. Y aquí, como te digo, si usas la versión gratuita, pues vas a poder elegir plantillas prediseñadas de tres pasos, es decir, de landing, checkout y gracias. Y si tienes la versión Pro, también vas a poder partir de plantillas con el upsell, entonces van a ser plantillas de cuatro pasos mínimo. Entonces, el primer paso sería, seleccionamos una plantilla de embudo que se asemeje a lo que queremos, básicamente al proceso que queremos, porque luego cada parte la puedes editar a medida. Lo vinculamos a un producto que previamente tiene que estar creado en la sección de productos de WooCommerce y ya nos ponemos a editar las distintas secciones o los distintos pasos del embudo, que básicamente la landing y la página de Gracias las vamos a editar, el diseño y el contenido, pues con los Page Builders, con el Page Builder que tú utilices, que ahora te voy a comentar los que soporta Carflows. Y luego en la página de checkout lo que haces es que controlas cómo va a ser ese checkout, cómo van a ser esos campos que le vas a pedir al usuario que rellene, incluso qué tipo de checkout va a ser, porque lo puedes poner en dos pasos, lo puedes poner que te salga una ventana emergente, aquí también dependiendo de si usas la versión gratuita o de pago, tienes más o menos control, pero está muy bien el control que tienes. Y además no solo tienes control sobre, digamos, los campos que rellena el usuario, sino que también tienes control sobre todo el diseño de fuera, todo lo demás, de forma que puedes hacer que todo el embudo tenga un diseño muy similar y no necesariamente el mismo que el de tu web, porque estás llevando a la gente, pues eso, como por un camino, por unos pasos, que además puedes diseñar todo en torno al producto que estás vendiendo y entonces le das como un look and feel, una apariencia muy similar a la landing, a la página en la que aterrizan, al checkout y a la de Gracias, y no tiene más que eso, ya con esto lo tendrías. Ahora, esto que te he ido comentando así por encima, ¿Cómo puedes diseñar los pasos del embudo? Bueno, como te digo, lo primero es que tienes plantillas ya prediseñadas y esas plantillas están preparadas para funcionar con el editor o con el constructor visual que tú elijas cuando configuras cartflows, porque en sus ajustes, uno de ellos tú le dices el editor o el constructor visual con el que trabajas y puedes elegir entre Gutenberg, es decir, no tienes por qué tener un Page Builder extra, puedes utilizar el que viene de forma nativa con WordPress, también puedes elegir Elementor, Divi o Beaver Builder, es decir, tres de los constructores visuales, los Page Builders más populares. Aún así, si no utilizas ni siquiera el editor de Guttenberg, aunque yo te recomendaría que para este caso lo uses porque te va a permitir diseñar de una forma mucho más sencilla y con mucho más control, pero si no y porque lo tienes bloqueado y solo utilizas el editor clásico de WordPress, también puedes, en base a shortcodes utilizar cartflows, pero vamos, en este caso, como te digo, yo lo que haría es instalar alguno de los plugins que te permiten utilizar de forma alternativa el editor clásico y el editor de Gutenberg y cuando vayas a diseñar los embudos, utiliza el editor de Gutenberg. En el curso de Gutenberg, por cierto, os enseño a hacerlo, os voy a dejar enlaces al curso de Gutenberg, al de Elementor y al de Divi, que son cursos que tenéis disponibles por si queréis combinar un poco todo esto de lo que estamos hablando. Y como digo, con esto tienes control total, porque además lo que hace CartFlows es que te quita todo, te quita tu menú de navegación de la web, te quita el pie de página, de modo que estás diseñando esa página de venta y esa página del carrito y esa página de gracias, todo completo, todo la parte de arriba, de abajo y nada de lo que tiene tu theme, nada de lo que tiene tu web va a aparecer. Y eso está hecho a propósito por una de las máximas dentro de esto de cuando estás vendiendo, de que la gente no se distraiga si le estás enseñando lo que le ofrece el producto o el servicio que le vas a vender, que no se distraigan viendo 200 elementos en el menú, que no tengan tantas cosas. Y es un poco la idea. Y además así consiguen que tengas control total sobre el diseño de cada uno de estos pasos. De modo que podrías utilizar las versiones gratuitas, por ejemplo de Elementor, no necesitarías la versión de pago porque no tienes que editar el menú de navegación ni el footer, sino que estás editando solo el contenido de la página. Y por último os quería comentar algunos detalles más que puedes hacer con cartflows y uno de ellos es que tienes la posibilidad de, si quieres sustituir por completo el checkout de WooCommerce, es decir, crear un checkout, crear una página de pago y que siempre que se compre un producto normal de tu tienda con WooCommerce, que tú lo tengas con el aspecto habitual, pues lleve cuando le den a comprar, lleve a este checkout que tú has creado a medida, ¿De acuerdo? Esto es algo. Hay gente que utiliza CartFlows para eso, o simplemente puedes tener el pago normal habitual que ya trae woocommerce con su checkout con el checkout de woocommerce normal y luego ir creando embudos específicos, porque a lo mejor hay productos que no quieres tener normal en la tienda o que no quieres vender de la misma manera que necesitas mucho más control para llevar a la gente sobre esos pasos de venta y ahí sí utilizas cartflows, ahí sí, sí, sí, creas tu embudo de venta, pero lo demás de WooCommerce lo dejas normal. Son las dos formas en las que puedes y las que la gente utiliza este plugin. Y una opción también interesante, que además vemos en el curso, en su última lección, es la posibilidad de recuperar ventas cuando la gente abandona el carrito, que esto es muy habitual, alguien pues añade unos productos y luego por lo que sea, porque se va, porque no tiene la tarjeta a mano, porque se arrepiente, porque tiene alguna duda y no está seguro de si al comprar, no lo sé, le va a pasar algo o va a tener devolución o algo, cualquier duda, pues dejen el carrito abandonado. Entonces siempre y cuando, que esto cartflows hace muy bien, siempre y cuando la persona haya introducido su email, pues tú le vas a poder enviar un correo automatizado. Y esto hay que utilizar una extensión, una extensión que es de la Misma gente de CartFlows, que creo que se llama Cart Abandonment de CartFlows, como Abandono de Carrito de CartFlows o algo así, vamos, es gratuita también. Si buscáis CartFlows en la parte de plugins os va a salir también esta de abandono de carrito, si no, pues os dejo el enlace. En la clase 5, como digo, cubrimos el uso de este plugin gratuito, pues como digo, puedes enviar un email automatizado a los que hayan abandonado el carrito y ahí les preguntas, les dices si han tenido alguna duda, algún problema, si le queda alguna duda por resolver y así vas despejando las posibles reticencias de la gente. Y hay gente que es que de verdad tiene una duda o de verdad le ha pasado algo y solo recordándole que tiene cosas en el carrito pues puedes recuperar ventas que en un principio pues las tendrías perdidas. Por cierto, este plugin lo puedes utilizar independientemente de que utilices cart flows o no, es decir, siempre que utilices WooCommerce lo puedes usar. Así que si no te interesa el uso de Cart Flows porque no aplica a tu caso o a lo que necesitas para vender. Este sí que puede ser interesante. Sí, con esto lo tendrías. Ya sabes que tienes un curso completo, el curso completo de CartFlows. Ahí vemos paso a paso cómo instalar CartFlows, cómo configurar sus ajustes generales y los de enlaces permanentes, cómo integrar incluso los códigos de seguimiento del pixel de Facebook y de Google Analytics. Vemos paso a paso cómo funciona un funnel de venta, los distintos pasos que tiene y cómo se crean. También vemos toda la parte del diseño, cómo diseñar a medida cada parte del funnel y cómo se utilizan sus plantillas prediseñadas. Y también como te decía de dedico una clase a cómo recuperar carritos abandonados. Así que en definitiva, es un completo tutorial de carflows con sus vídeos paso a paso para que aprendas a crear tus embudos de venta. Recuerda, te voy a dejar el enlace al curso y a todo lo que he ido comentando en Gonzalo es 289. Y si aún no estás apuntado a la formación, recuerda más de 57 cursos, más de 230 vídeos de la zona, código, soporte personalizado conmigo y descargas premium. Todo ello por solo 10 euros al mes, sin permanencia y con garantía de devolución de 15 días. Como ves, muchísimo por muy poco y lo tienes todo en GonzaloNabarro. Es nada más por este episodio, nos seguimos escuchando, adiós.
More from Gonzalo
518 | Redes sociales, precios personalizados, audios desde Drive y temas de bloques (Q&A)
513 | Por qué sigo usando estos plugins después de tantos años (y cuáles he abandonado)