118 | Cómo configurar Stripe en WordPress para cobrar con tarjeta

En el episodio 118 de WordPress Semanal te explico cuatro formas sencillas de configurar Stripe en WordPress. Es una de las mejores maneras de habilitar el pago con tarjeta en tu web. Así que vamos allá. Hola, hola, Soy Gonzalo, de GonzaloNavarro. Es y bienvenidos a WordPress Semanal en el podcast en el que aprendes WordPress de principio a fin. Porque ya lo sabes, no hay mayor satisfacción ni mejor inversión que la de crear y gestionar tu propia página web con WordPress. Y uno de los aspectos más importantes de la gestión de una web es habilitar los pagos. Hay muchas formas de hacerlo, puedes hacerlo con paypal, que lo hemos visto también en multitud de ocasiones, os voy a dejar por ahí enlaces. Lo puedes hacer con un TPV virtual de cualquier banco que tengas por la zona. Y lo puedes hacer con Stripe, que es una fantástica solución de la que te voy a hablar a lo largo de todo el episodio, no sólo de qué es y sus ventajas, sino también cómo configurarlo, qué pasos tienes que seguir para tenerlo en tu web. Pero antes, ¿Qué está pasando esta semana en Gonzalo Navarro Es? Bueno, como cada semana, como todos los martes, tenemos un nuevo vídeo de la zona Código en el que te enseño a mostrar post relacionados por autor. Esto puede ser súper útil, pues por ejemplo, cuando estás leyendo un artículo de un autor en concreto y quieres que se muestren posteriormente otros artículos que ha escrito ese mismo autor. Ya hemos visto cosas en relación a esto. Os enseñé también en la zona Código, que ya sabéis que es parte del área para suscriptores, y que simplemente ahí os pongo por código cómo podéis hacer cosas que sólo tenéis que copiar y pegar en vuestra web para obtener el mismo resultado. Pues en otros vídeos, en vídeos anteriores, como os digo, os enseñé cosas similares. Por ejemplo, os enseñé cómo podíais hacer para mostrar por relacionados, por categoría, por ejemplo, o por etiquetas, ¿Vale? Eso os lo enseñé en el vídeo 19 de la zona Código, que. Y este ya es el 69, en el que, como digo, os enseño a hacerlo por autor, así que tenéis el enlace en las notas del programa. Después tenemos, por supuesto, el curso del mes. Este mes saqué el curso de Funnels de Conversión, que como ya os dije, está recibiendo un feedback tremendo, así que estoy súper contento y el próximo curso que saldrá en menos de 15 días, menos de dos semanas, está ya grabado, está ya preparado y os digo como adelanto que tiene que ver con tiendas online, creo que también os va a gustar porque además es uno de los que me habéis pedido para que salga, así que estoy seguro que os va a encantar. Bien, una vez comentadas las novedades, vamos con el plugin de la semana que es para crear mosaico de galerías de imágenes sin Jetpack. ¿Y por qué digo sin Jetpack? Bueno, porque esto es una opción, es un módulo que traía Jetpack o que trae Jetpack, pero que un desarrollador decidió crear un plugin que te ofreciese el mismo resultado pero sin tener que instalar todo Jetpack. Esto es, ya publiqué incluso un episodio en el que os hablé de un montón de alternativas a Jetpack para si hay algo que os gusta de Jetpack que podáis usar, pues un plugin por separado y no tengáis que instalar Jetpack. Si no queréis hacerlo, podéis hacerlo, por supuesto. Vale, pues esta es una más que se me escapó en su momento y la quería comentar hoy y se llama Tile Gallery Carousel Without Jetpack. Es un nombre bastante explicativo, es el Tile Gallery que ofrece Jetpack, pero te pone Without Jetpack en el nombre. ¿Y qué te permite hacer? Pues mosaicos de imágenes, las puedes hacer rectangulares, cuadradas y circulares, básicamente lo que te permite hacer el módulo de Jetpack. Así que ahí lo tenéis, Child Gallery Carousel Without Jetpack. Os dejo el enlace de las notas del programa. Este es el episodio 118. Y ahora ya sí, vamos con el tema central del programa, con cuatro formas sencillas de configurar Stripe en WordPress. Pero por supuesto vamos a empezar por la base. ¿Qué es Stripe? Bueno, a estas alturas ya sabrás que es una pasarela de pago, es decir, te permite hacer cobros en tu página web, pero tiene algo muy especial, que está enfocada en la sencillez, tanto en la parte frontal, es decir, lo que ven los clientes, los que te van a comprar, como en la parte de administración, ¿Vale? Sobre todo comparado por ejemplo con Paypal o con otras soluciones similares. Está creciendo muchísimo, pero muchísimo. Y además está muy bien establecida porque la usan grandes marcas como Facebook, como Docker, como Spotify, o sea que está súper establecida y por mencionar dos características. Ahora hablaremos de sus ventajas, pero por ejemplo soporta pagos recurrentes y te permite hacer devoluciones automáticas. Sí, pero vamos a entrar en las ventajas de verdad. Las ventajas de usar Stripe frente a otras pasarelas de pago Voy a empezar por lo mejor, que para mí es que tus clientes pueden pagar con tarjeta sin salir de tu web. Por ejemplo, si tú tienes un TPV virtual con tu banco, pues cuando la persona le dé a pagar lo va a llevar fuera, se va a abrir otra página en el navegador para que se haga toda la gestión de compra. Cuando lo haces con paypal, lo mismo, la gente le va a dar a pagar con Paypal y te va a llevar a otra página de paypal donde se puede pagar. En el caso de Stripe no tienes el formulario de pago directamente integrado en la web. Hay varias formas de hacerlo, puedes hacer que aparezca una ventana modal o puedes hacer que esté integrado directamente el formulario. Vale, Ya sólo esto te puede dar más ventas, simplemente porque hay menos riesgos de que se produzca un error. Por ejemplo, si vas a otra página, pues esa página se puede quedar cargando. Puedes decir esto porque me lleva a otro lado, Que sí, que la gente está bastante acostumbrada a eso ya, pero bueno, si te quitas eso, te quitas ese paso de en medio, pues mejor que mejor. Para mí esto es una de las grandes ventajas, junto con que es ideal tanto para el administrador de webs medio, cualquier persona que monte su tienda online o que quiera vender algo y aprenda a usar Stripe y quiera usarlo, como para los que son desarrolladores y los quieren aplicar en proyectos suyos, quieren tenerlo integrado en algo de ellos. ¿Por qué? Pues porque todos coinciden en que su API, que es lo que permite conectar Stripe con cualquier otro software, con cualquier otro programa, pues todos coinciden en que es una pasada, sobre todo porque me imagino lo compararán con el de PayPal, que históricamente los desarrolladores se han quejado mucho de problemas con la API de paypal, de lo compleja que es. Y si escuchas a los grandes desarrolladores, sobre todo en el mundo WordPress, que es lo que yo me muevo, que han tenido que usar la API de Stripe, hablan maravillas de ellas. Así que no sólo es sencillo para ti o para mí, que lo vamos a usar para vender online y que vamos a entrar al panel de administración de Stripe y que vamos a poder gestionar todo desde ahí de forma súper sencilla, sino también para el que va más allá y lo quiere integrar con programas suyos, con software suyo para desarrollar algo diferente. Luego podríamos catalogar de ventaja su sistema sencillo de tarifas, porque solo tiene un sistema y es el que es. Es un 2,9% de la transacción más 0,30€. ¿Puedes encontrar por ejemplo un TPV que te ofrezca mejores condiciones? Sí, sobre todo si vendes con volumen vas a encontrar mejores ofertas. Con un TPV puedes negociar además con un banco. No es lo mismo que con esto que tiene tu sistema, lo tiene y ya está, su tarifa y esto es lo que pagas. Pero al final no deja de ser bueno, por un lado sí, si encuentras algo más barato pues dices bueno, esto ya no es una ventaja. Pero si no su sencillez, que sea simplemente esto es lo que es y y ya está. Pues en este sentido decido ponerlo como una ventaja, pero ya ahí decides tú. Bueno, y si lo comparamos con Paypal es más barato a no ser que tengas mucho volumen. Cuando tienes mucho volumen ahí Paypal baja por encima de 10.000 euros al mes. Empezaría a ser más barato con Paypal, pero bueno, lo normal es que se tengan las dos, tanto Paypal como una buena manera de cobrar por tarjeta, que en este caso sería Stripe. Luego otra súper ventaja que tiene Stripe es una herramienta contra el fraude, que además hace poco la han hecho mejor todavía. Se llama Radar, bueno, Radar y va aprendiendo conforme más compras tienes y demás. Para evitar el fraude. Es una herramienta fantástica, incluso la puedes editar, puedes ponerla más segura, menos segura y parece una tontería, pero no lo es, hazme caso. Sobre todo cuando ya empiezas a tener más ventas es una herramienta fantástica y te puede evitar un montón de problemas. Y luego también otra ventaja es que te mandan el dinero a tu cuenta en dos días si quieres. Si no, lo puedes poner en una semana o en más tiempo o lo que quieras, pero tiene la opción de que te lo envíen en sólo dos días. Bueno, estas son algunas de las ventajas. Tampoco me quiero centrar demasiado en ello, pero creo que te he comentado digamos las más destacadas. Ahora vamos al lío. ¿Cómo podemos configurar Stripe en WordPress? ¿Cómo podemos empezar a vender online utilizando Stripe? Bien, lo primero es que Stripe no tiene ningún plugin oficial para WordPress, pero gracias a su API que os comentaba antes y por supuesto a la gran comunidad que hay en WordPress pues se han encargado de esto y hay plugins que si bien no son oficiales funcionan a las mil maravillas. Y luego dentro de esto tienes varias formas de configurar Stripe en WordPress dependiendo del tipo de web que tengas. Por ejemplo, si no quieres o no tienes ningún plugin de e commerce estilo WooCommerce o estilo Edd pero aún así quieres cobrar con tarjeta, lo puedes hacer. Esa es la primera forma que te voy a explicar. La segunda, si quieres aprovechar tu plugin de formularios para vender productos, también puedes hacerlo. Quizás no conocías esta opción pero es muy interesante, también te voy a hablar de ella. Tercera forma en la que puedes configurar Stripe en WordPress o digamos tercer supuesto en el que te puedes ver cuando tienes un ecommerce con WooCommerce. Y cuarta forma cuando vendes productos digitales con Easy Digital Downloads o con Eddie. Estos son los cuatro supuestos que he pensado que pueden ser más populares y que te voy a explicar uno a uno cómo puedes hacer dependiendo de cuál de los cuatro sea tu caso. Pero antes de continuar ten en cuenta que hay un requisito para usar Stripe y es tener un certificado SSL instalado en tu web. Ya sabéis que ahora existe el certificado gratuito Let's Encrypt que viene en muchos hostings ya incluido, que incluso si no lo tienes ya lo podrías instalar tú mismo en un par de clics. Te dejo un tutorial en el que explico cómo hacerlo. Sobre todo la parte más importante es después en tu web hacer que todo funcione bien, porque a nivel de hosting es bastante sencillo, sobre todo si lo tienen ellos. Por ejemplo en SiteGround es muy fácil, en un par de clics ya lo tienes, pero luego en tu web tienes que hacer algunas cosillas que te las explico en un tutorial que os dejo en esta parte. En el punto 3 del esquema de este episodio. Al final tenéis el enlace con un tutorial sobre cómo instalar el certificado SSL en vuestra web. Bien, pues vamos con el primer supuesto. Si quieres integrar Stripe en una web sencilla, es decir, no tienes un ecommerce pero quieres vender un producto. Esto es muy típico cuando tienes un ebook que vender o un solo curso que quieres vender o algo así muy similar, sobre todo un infoproducto, pero es uno y no te merece la pena o no quieres, puedes instalar WooCommerce o no quieres instalar, pues entonces para eso Tienes el plugin WordPress Simple Pay, bueno, el nombre es más largo, sería Stripe Payment for WordPress WordPress Simple Pay, pero vamos, este es el plugin, os lo dejo en las notas del programa y tiene pues una versión gratuita que es más que suficiente para empezar y luego si necesitas más opciones como por ejemplo aceptar pagos recurrentes, pues ahí ya sí que tienes una versión de pago. Y este plugin pues se vincula muy bien con la API de Stripe y básicamente pues parecería como si fuese el plugin oficial de Stripe, aunque no lo es, porque simplemente instalas Stripe en tu web sin instalar nada más, solo esta pasarela de pago. Y te voy a explicar, lo voy a hacer con todos los casos, cómo configurarlo, ¿Vale? Es muy fácil. Primero instalas y activas el plugin. Segundo, vas a los ajustes y pegas las claves de Stripe, si no sabes dónde encontrarlas en la página del plugin, cuando veas una interrogación o veas algún tipo de de cosa donde te pueden dar información, ahí te van a explicar cómo es o incluso te van a dar un enlace para que vayas directamente a esa página dentro de tu panel de Stripe, pues copias esas claves que te van a decir dónde están y las pegas, ¿Vale? Luego rellenas la pestaña de ajustes, que además de los ajustes digamos de pago, los ajustes para vincular Stripe, tienes ajustes para rellenar tus datos, ahí pones tu nombre, el nombre de tu negocio y algunos datos más, ¿Vale? Esto se explica por sí mismo, no hay mucho más que añadir. Y por último ya puedes empezar a insertar el botón de pago en tu web, que tiene shortcodes con un montón de opciones o incluso en el propio TinyMCE, es decir, en el propio editor de WordPress te va a aparecer un botón donde también vas a poder insertar un botón de pago. Así que por ejemplo ahí creas tu página de venta, pues imagínate de un ebook y luego pones el shortcode debajo para que la gente le dé a comprar. Y ya con eso lo tienes. Cuatro sencillos pasos. Instalas y activas, pegas las claves de Stripe, rellenas los ajustes con tus datos e insertas el botón de pago donde quieras. Esta sería la opción más sencilla si estás empezando o si quieres vender solo un producto, es fantástica. Segundo supuesto, si tienes un plugin de formulario más avanzado, por ejemplo con Contact Form Seven, bueno, no sé si se puede, pero que yo sepa no, pero bueno, seguramente igual si se puede con todas las extensiones que trae Contact Form Seven, lo que pasa que yo no me he encontrado con ello aún. Vale, pero puedes hacerlo con la mayoría de plugins de formularios que hay hoy en día. Y la opción de hacerlo con un plugin de formulario, de vender con un plugin de formulario, es que tienes más versatilidad a la hora de usar campos personalizados, a la hora de pedir a la gente que rellene campos, pues si lo haces con un plugin de formulario vas a poder poner los campos que quieras. Entonces seguro que ya usas algunos. Todo el mundo, o creo que casi todos tenemos un plugin de formulario instalado. Y como te decía, para los más populares hay integraciones, por ejemplo Gravity Forms, Ninja Forms, WordPress Forms. Sí, yo te voy a explicar cómo configurarlo para el que más se usa para vender, que es Gravity Forms, que por supuesto como digo tiene extensión para Stripe. Así que ¿Cómo configurarlo? Paso número uno, instalas y activas Gravity Forms y su extensión para Stripe. Paso número dos, vas a ajustes y pegas las claves de stripe. Paso número 3, este es importante, hay una parte donde vas a ver un enlace que pone ver instrucciones, haces clic ahí y te va a explicar cómo tienes que crear el webhook, que es digamos un gancho con Stripe para que se puedan hacer cosas automáticas, por ejemplo devoluciones y que todo vaya mucho mejor. Si, eso en cuanto a la configuración de Stripe ya lo tendrías luego. Paso 4, creas un formulario e incluyes los campos que quieras, incluido por supuesto no se te olvide el de pagar. Paso número 5, dentro de ese formulario en la configuración tienes que irte a los ajustes de Stripe y asegurarte de que lo activas. Y paso número 6, insertas el formulario en la página de venta donde tú quieras. Sí, básicamente los pasos extra, si lo comparamos con lo anterior, es que tienes que crear el webhook y luego cuando estás creando el formulario, además de por supuesto añadir la opción de que la gente rellene con su tarjeta de crédito, pues tienes que acordarte de en la configuración del formulario, activar, decir que vas a usar ese formulario para vender, básicamente lo estás vinculando con tu cuenta de Stripe. Así que aquí tenemos más pasos, pero también tienes más posibilidades, sobre todo a nivel de lo que quieres que la gente rellene. Siguiente, supuesto, si estás usando WooCommerce. Por supuesto, si usas WooCommerce vas a querer cobrar con tarjeta de crédito casi seguro. Y una de las opciones, además de cualquier TPV virtual que quieras usar, pues es Stripe. Y una cosa muy buena es que empezó a ser gratuito con WooCommerce creo que en 2016 o por ahí, y esto fue algo que muchos consideraron como un gran movimiento, sobre todo porque eliminaba una barrera de entrada más que era una extensión de pago, pues al hacerla gratuita eliminan una barrera de entrada grande. Entonces, si usas WooCommerce, ¿Qué tienes que hacer para poder habilitar cobros con Stripe? Bueno, partiendo desde la base de que tengas WooCommerce ya activado y configurado, que para eso tenéis el curso de WooCommerce y también tenéis varios tutoriales en la web sobre cómo configurarlo, pues los pasos para habilitar Stripe son los siguientes. Primero, instalar y activar el plugin WooCommerce Stripe Payment Gateway. Esto lo buscas en plugins, añadir nuevo, que como digo es gratuito, lo instalas y lo activas. Después solo tienes que ir a los ajustes de WooCommerce, a la pestaña de pagos, ahí buscas entre todas las opciones, que hay un montón, pues buscas la de Stripe y haces clic a la derecha en Gestionar y ahí ya vas a poder ingresar las claves, que también tienes por ahí enlaces si quieres, si no sabes muy bien dónde están, ahí tienes enlaces que te dicen donde encontrarlas en el panel de Stripe. Y ya con eso pues puedes empezar a cobrar con tarjeta a través de Stripe. Es muy sencillo, tres pasos, instalas, configuras, ajustes y a cobrar. Por supuesto, si ya estás usando woocommerce, te aconsejo mucho que integres Stripe hoy mismo porque para mí es una maravilla. Y por último, en el caso de que no uses WooCommerce y utilices el otro grande dentro de los plugins para ecommerce que hay en WordPress, que seguramente sea si vendes productos digitales, pues es EDD, Easy Digital Downloads, ¿Vale? Y al contrario que con WooCommerce, este sí que cobra por su extensión para stripe, que son 89 dólares al año. Como pequeña ventaja podríamos decir que su configuración es un pelín más sencilla y no te hace poner las claves secretas. Vamos a ver cómo configurarlo. Entonces, paso número uno, instalas y activas el plugin IDD Stripe Gateway, que es como se llama el plugin, pero vamos, cuando lo compres, pues nada, te lo descargas y lo instalas. Dos, vas al menú de descargas, que es como se llama el menú de EDD, vas a ajustes y vas a pasarelas de pago. Una vez ahí, por supuesto, haces clic en Stripe. Y ahora viene lo bueno, porque desde hace no mucho tiempo cambiaron la forma en la que se conecta Stripe y ahora simplemente es un botón que tú le das a conectar con Stripe y ya te lleva al panel de Stripe para que sigas los pasos. Pero es súper sencillo conectarlo, como cuando conectas algo, no sé, con una red social, con Facebook, que te lleva a un panel y le dices que sí, que confías o algo de eso, ¿Vale? Pues así de sencillo es conectar Stripe, pero luego te recomiendo, no es obligatorio, pero te lo recomiendo mucho para que sí que lo tengas perfecto, que es que también pegues el webhook en tu cuenta de Stripe. Aquí sigues los pasos, las instrucciones que vas a ver en esa misma página, te vas a tu panel y pegas esa, digamos, URL que te dan para que pegues en tu cuenta de Stripe. Ya por último, rellenas los ajustes que consideres para que Stripe se comporte como tú quieres, que tienes varias opciones. Y eso sí, que no se te olvide activar Stripe como pasarela de pago, porque aquí la configuras, pero para vender con Stripe tienes que activarlo, ¿Vale? En la página principal de las pasarelas de pago, en descargas, ajustes, pasarelas de pago general, ahí marcas la casillita para que también puedas cobrar con Stripe. Y lo mismo que te dije con WooCommerce, en el caso de EDD, lo mismo, si usas EDD, pues esta extensión es una de las mejores inversiones que puedes hacer. Así que estas son las cuatro sencillas formas en las que puedes habilitar el pago con tarjeta en tu web a través de Stripe, que por cierto, yo creo que es más fácil que nunca. Ahora, gracias a Stripe no tienes que lidiar con bancos, no tienes que negociar tarifas. Para mí es que es súper sencillo, ¿Vale? Y además te vas a ir dando cuenta de que su panel de gestión es súper intuitivo, es muy fácil hacer cualquier gestión que necesites, localizar a un comprador, hacer una devolución, devolverle sólo parte del dinero. El sistema que tiene además para avisar al cliente de que el pago ha sido fallido, lo puedes configurar como quieras, que le avise tres veces, que le avise dos veces, que le cancele la cuenta directamente. Es fantástico cuando tienes que lidiar con todo esto que conlleva vender online. Es un gustazo tener una plataforma tan visual y sencilla de manejar como Stripe. Te dejo algunos enlaces interesantes, por ejemplo el curso de cómo vender productos descargables con IDD, ahí por supuesto tenéis la parte en la que configuramos Stripe. Os dejo también, que está muy relacionado, el curso de ecommerce con WooCommerce y os dejo una parte extra que no he hablado de ella, pero por ejemplo, si usáis Paid Memberships Pro, que es otra solución muy popular y de la que tenéis un curso, por supuesto, para hacer cobros recurrentes, pues os enseño en una clase cómo configurar Stripe con este plugin. Os dejo también el enlace en las notas del programa. Y por supuesto, recuerda, para seguir aprendiendo a gestionar tu negocio o proyecto con WordPress, te animo a que pruebes el área para suscriptores durante 15 días, sin compromiso alguno, sólo tienes que probarlo. ¿Que te quieres quedar? ¿No haces nada, que no me contactas? Oye Gonzalo, que no quiero seguir, ¿Vale? Y ahí pues tendrás acceso a todos los cursos, a la zona código, a soporte personalizado conmigo y alguna sorpresita más que solo podrás ver si eres suscriptor. Y por último, si te ha gustado el episodio de hoy y quieres ayudarme a que siga creciendo, a que siga creando episodios como éste, hay una forma en la que puedes aportar tu granito de arena que es dejándome una valoración en iTunes. Te lo agradezco muchísimo, no me cansaré de decirlo. Si lo has hecho ya, pues eso, muchísimas gracias. Si no, te animo a que lo hagas porque además no se tarda nada. Vas a a tu aplicación de podcast, buscas WordPress semanal, le das a reseñas y dejas la reseña que consideres. Si me escuchas desde otras plataformas, desde iVoox, desde Spotify, desde donde sea, pues muchas gracias por lo que sea que puedas hacer o por lo que sea que quieras hacer, un me gusta, un comentario, lo que sea, lo dejamos aquí nada más por este episodio, nos seguimos escuchando. Adiós.