Cuando se trata de elegir una pasarela de pago para usar en su sitio WordPress, hay dos populares que suelen venir a la mente, PayPal y Stripe. Hace años PayPal solía ser una de las únicas soluciones fáciles para los sitios de comercio electrónico, pero ya no es el caso. Stripe proporciona tarifas de transacción más bajas y es muy popular en la comunidad de desarrolladores por su API flexible. Hoy vamos a sumergirnos en 4 formas sencillas de configurar Stripe para WordPress, sin necesidad de codificación. Para los startups, las empresas y los que ejecutan tiendas WooCommerce y EDD, Stripe puede ser una gran solución asequible.
¿Qué es Stripe?
Stripe es una pasarela de pago de crecimiento rápido que es capaz de manejar los pagos recurrentes y puede procesar reembolsos automáticamente. Es confiable y usado por las grandes marcas de nombres de todo el mundo, algunos de las cuales incluyen Best Buy, Target, Lyft, Docker, HubSpot, Facebook, Shopify e IndieGoGo. En realidad, los usamos aquí en Kinsta para aceptar los pagos de todos nuestros clientes de hosting web.
Stripe fue fundada en 2010 por dos hermanos, John y Patrick Collison. Se lanzó públicamente en 2011 y ha recibido múltiples rondas de financiación. Incluso se clasificó #4 en la lista Forbes Cloud 100 en 2016. Hay un montón de pasarelas de pago para elegir, pero el enfoque de Stripe en la simplicidad, junto con su popular Stripe API es lo que los ha diferenciado de los competidores. Su estructura gratuita es mucho más fácil de entender, como para aquellos que hacen menos de $1 millón al año es una tasa fija de 2.9% + 30¢. También le permiten cargar las tarjetas de crédito de su propio sitio de forma gratis, mientras que PayPal te cobra $30/mes más sus honorarios de transacción. Stripe tampoco tiene ningún cargo por reembolsos o autorizar tarjetas. PayPal sin embargo se vuelve más barato con mayor volumen de transacciones.
Configure Stripe para WordPress
Stripe no tiene un plugin o integración oficial de WordPress, pero gracias a la impresionante comunidad de WordPress que ha utilizado su API, ahora hay muchas opciones para obtener fácilmente Stripe en su sitio. A continuación, entraremos en la configuración de Stripe para WordPress en un sitio básico, con un plugin de formulario y campos personalizados, así como plataformas de comercio electrónico como WooCommerce y Easy Digital Downloads. Es importante tener en cuenta que SSL es necesario en las páginas de pago de Stripe para comunicar los datos de pago de forma segura. Muchos hosts, incluso Kinsta, ahora ofrecen certificados SSL gratis con Let’s Encrypt. Tenga cuidado sin embargo, usted puede dañar su sitio si usted no migra correctamente, así que asegúrese de revisar nuestra guía de migración de HTTP a HTTPS en profundidad.
- Configure Stripe en el Sitio WordPress Básico
- Configure Stripe Con Gravity Forms
- Configure Stripe en WooCommerce
- Configure Stripe en Easy Digital Downloads
Todos estos tutoriales suponen que tiene una cuenta de Stripe. Si no la tiene, puede inscribirse para una cuenta de Stripe gratuita.
Cómo Configurar Stripe en Sitio de WordPress Básico
La primera forma de configurar Stripe para WordPress es en un sitio básico. Tal vez usted no tenga ninguna configuración de soluciones de comercio electrónico y simplemente tenga un producto que desee vender en una página. Esto puede ser una gran manera de aceptar los pagos de un libro electrónico o descarga digital sin ningún cargo adicional en su sitio. Para ello recomendamos el plugin gratuito de WP Simple Pay Lite for Stripe en el que puede empezar en tan sólo 4 pasos sencillos. Tienen una versión profesional del plugin, lo que permite pagos periódicos y una multitud de otras características, pero si necesita algo simple y rápido, puede irle muy bien con la versión gratuita. Actualmente cuenta con más de 8,000 instalaciones activas con un 4.6 de 5 estrellas.
Paso 1
Descargue e instale el plugin WP Simple Pay Lite for Stripe desde el repositorio de WordPress o al buscarlo en el panel de control de WordPress en «Añadir Nuevo» (Add New) plugins.
Paso 2
Lo primero que tendrá que hacer es hacer clic en la configuración del plugin e ingresar sus llaves de Stripe API, que puede obtener de su panel de cuenta de Stripe. A continuación, haga clic en «Guardar Cambios» (Save Changes). Se dará cuenta de que hay un interruptor de encendido (On) y apagado (Off). Puede mantenerlo apagado hasta que tenga todo configurado.
Paso 3
Haga clic en la pestaña «Configuración predeterminada» (Default Settings). Allí es donde puede dar a su sitio un nombre, establecer la moneda, proporcionar una imagen, etc. Una configuración importante es la URL de redirección de éxito. Si está realizando un seguimiento de las conversiones con una página de agradecimiento, deberá habilitarlo. Vea nuestra guía de seguimiento de conversión en profundidad. Luego desplácese hacia abajo y haga clic en «Guardar cambios» (Save Changes).
Paso 4
Después, puede insertar un botón de pago en cualquier página o publicación en su sitio WordPress con un código corto simple. Recuerde que puede cambiar el texto en el botón de pago en la configuración del plugin. He aquí un ejemplo de un código corto que puede pegar en su página o publicación:
[stripe name="My Store" description="My Product" amount="1999"]
Vea todos los códigos cortos de WP Simple Pay. ¡Y eso es todo! Agregar Stripe a su sitio de WordPress no podría ser más fácil. Asegúrese de cambiar el modo en vivo a «Sí» (On) si aún no está en la configuración. También puede aprovechar su plugin compañero gratuito que agrega un botón en su editor de WordPress para agregar más fácilmente botones de pago. No hay necesidad de tomar ningún código corto.
Cómo Configurar Stripe con Gravity Forms
Una segunda configuración común cuando se utiliza Stripe para WordPress es utilizarlo junto con un plugin de formulario. La razón por la que quizá quiera hacer esto es porque le da más flexibilidad al poder añadir sus propios campos personalizados en el proceso de pago. Muchos de los plugins de formulario populares tienen integraciones y extensiones de Stripe fáciles, como Gravity Forms, Ninja Forms, y WP Forms. La integración de Stripe es típicamente un complemento premium. En nuestro ejemplo, vamos a usar el plugin de Gravity Forms.
Paso 1
Descargue e instale el plugin de Gravity Forms junto con su complemento de extensión Stripe. Esto requiere una licencia de desarrollador.
Paso 2
Lo primero que tendrá que hacer es hacer clic en la configuración del plugin e ingresar sus llaves de Stripe API, que puede obtener de su panel de cuenta de Stripe. A continuación, haga clic en «Guardar cambios» (Save Changes). Se dará cuenta de que hay un modo en Vivo (Live) y Prueba (Test). Puede mantenerlo en modo de prueba hasta que tenga todo configurado correctamente.
Paso 3
Desplácese hacia abajo y tendrá que configurar Webhooks. Gravity Forms requiere que se agregue una URL a la lista de webhooks de su cuenta Stripe para que todo funcione correctamente.
- Haga clic en el siguiente enlace e inicie sesión para acceder a la página de administración de Stripe Webhooks:
https://dashboard.stripe.com/account/webhooks - Haga clic en el botón «Añadir Punto Final» (Add endpoint) situado encima de la lista de URL de Webhook.
- Ingrese la siguiente URL en el campo «URL»:
https://yourdomain.com/?callback=gravityformsstripe - Seleccione «En Vivo» (Live) en el menú desplegable «Modo» (Mode).
- Haga clic en el botón «Crear punto final» (Create endpoint).
A continuación, marque la casilla que indica que ha habilitado la URL del webhook y que ha hecho clic en «Actualizar configuración» (Update Settings).
Paso 4
Ahora es el momento de configurar su formulario. Si todavía no tiene uno, tendrá que crear un nuevo formulario.
Paso 5
En el formulario puede configurarlo para aceptar cualquier dato que desee. Usted podría incluso tener un campo obligatorio para un mensaje. Como puede ver esto ofrece mucha más personalización que el plugin Simple Pay que explicamos anteriormente. Sólo asegúrese de tener el campo de la tarjeta de crédito y el precio. Todo es arrastrar y soltar en Gravity Forms por lo que es rápido y fácil de crear esto.
Paso 6
Después de crear su formulario necesita conectarlo a Stripe con un feed. Haga clic en los ajustes del formulario en sí y en «Stripe». Puede establecer el tipo de transacción y el importe del pago. Después, haga clic en «Actualizar configuración» (Update Settings).
Paso 7
A continuación, puede insertar su formulario en una página o publicación. En el editor de WordPress, Gravity Forms tiene un botón llamado «Añadir Formulario» (Add Form). Seleccione el formulario que ha creado y haga clic en «Insertar Formulario» (Insert Form).
Y eso es. Su formulario es ahora una forma completamente funcional que se integra con Stripe y es capaz de capturar pagos.
Cómo Configurar Stripe en WooCommerce
Una tercera configuración común cuando se utiliza Stripe para WordPress es utilizarlo con WooCommerce. Con más de 1 millón de instalaciones activas, una calificación por usuarios de 4.6 en WordPress.org, WooCommerce es una de las soluciones de comercio electrónico gratuitas más populares para WordPress. De acuerdo a BuiltWith, desde Enero 2017, WooCommerce potencia a 42% de todas las tiendas online.
Y la gran noticia es que, a partir de febrero de 2016, Stripe es gratis de usar con WooCommerce! Anteriormente había que comprar la pasarela de pago Stripe directamente de WooCommerce, que comenzaba en $79 para una sola licencia de sitio. Esto reduce significativamente la barrera de entrada para cualquier persona que desee lanzar una tienda de WooCommerce y aceptar tarjetas de crédito con Stripe. Este tutorial a continuación supone que ya tiene WooCommerce en funcionamiento. Si no lo hace, eche un vistazo a nuestro tutorial de WooCommerce en profundidad.
Paso 1
Lo primero que tendrá que hacer es instalar el plugin gratuito de WooCommerce Stripe Payment Gateway. En la actualidad cuenta con más de 100,000 instalaciones activas con un 4.7 de 5 estrellas.
Puede descargar el plugin desde el repositorio de WordPress o buscarlo en el panel de WordPress en los «Añadir nuevo» (Add New) plugins.
Paso 2
A continuación, haga clic en Ajustes de WooCommerce en el panel de control y haga clic en la pestaña «Pago» (Checkout). Desea activar Stripe e ingresar sus llaves de API Stripe, que puede obtener de su panel de cuenta de Stripe. También puede elegir si desea activar o no el «Pago de Stripe» (Stripe Checkout). El Pago de Stripe muestra un botón de pago y un formulario de tarjeta de crédito modal en la caja en lugar de los campos clásicos de la tarjeta de crédito. Luego desplácese hacia abajo y haga clic en «Guardar cambios» (Save Changes).
Paso 3
A continuación, en la pestaña Pago, haga clic en «Opciones de Pago» (Checkout Options). Deberá activar «Force secure checkout». Recuerde que Stripe requiere SSL para aceptar tarjetas de crédito de forma segura en su sitio de WordPress. Luego desplácese hacia abajo y haga clic en «Guardar cambios» (Save Changes).
Y eso es. Sus páginas de pago ahora deben ser capaces de aceptar tarjetas de crédito con Stripe. Aquí hay un par de ejemplos.
Pago por Defecto de WooCommerce Stripe
Este es el aspecto predeterminado de Stripe en una página de compra de WooCommerce con los campos de la tarjeta de crédito en línea en la página.
WooCommerce con la Opción de Pago de Stripe Habilitada
Este es el aspecto si habilita la opción «Stripe Checkout» en los ajustes. El cliente hace clic en «Continuar con el pago» (Continue to payment) y obtiene el modo Stripe.
Cómo Configurar Stripe en Easy Digital Downloads
Una cuarta configuración común cuando se utiliza Stripe para WordPress es usarlo con Easy Digital Downloads. Al igual que WooCommerce, Easy Digital Downloads es una popular solución de comercio electrónico gratuita para WordPress. Principalmente se utiliza para vender productos digitales, sin embargo, también hay una extensión para adaptarlo a productos físicos. Realmente se ha convertido en una alternativa de WooCommerce ahora. En la actualidad cuenta con más de 50,000 instalaciones activas con 4.8 de 5 estrellas. Este tutorial a continuación supone que tiene EDD ya en funcionamiento. Si no lo tiene, eche un vistazo a la documentación de Easy Digital Downloads.
La única caída en la integración de Easy Digital Downloads Stripe es que requiere la extensión premium, que comienza en $89.00 para una licencia de sitio único. Sin embargo, eso podría valer la pena para usted si usted prefiere EDD y desea utilizar Stripe.
Paso 1
Descargue, instale, y active la extensión de pasarela de pago de Stripe.
Paso 2
En Descargas (que es EDD), haga clic en Configuración (Settings) y, después, en el gabinete de Pasarela de Pago (Payment Gateways). En la configuración de puerta de enlace que desea comprobar Stripe para habilitarlo. Después, cambie la puerta de enlace predeterminada a Stripe. Después, también puede seleccionar los iconos de tarjetas de crédito para mostrar en el pago. A continuación, haga clic en «Guardar cambios» (Save Changes).
Paso 3
En la pestaña de Pasarela de Pago, haga clic en «Stripe». Desea ingresar las llaves de Stripe API, que puede obtener de su panel de cuenta de Stripe. También es necesario configurar Webhooks.
- Haga clic en el siguiente enlace e inicie sesión para acceder a la página de administración de Stripe Webhooks:
https://dashboard.stripe.com/account/webhooks - Haga clic en el botón «Añadir Punto Final» (Add Endpoint) situado encima de la lista de URL de Webhook.
- Ingrese la siguiente URL en el campo «URL»: https://yourdomain.com/index.php?edd-listener=stripe
- Seleccione «En Vivo» (Live) en el menú desplegable «Modo» (Mode).
- Haga clic en el botón «Crear punto final» (Create Endpoint).
Hay algunas opciones adicionales que puede configurar. Puede elegir si desea habilitar o no el «Proceso de Pago de Stripe» (Stripe Checkout). La opción de pago de Stripe muestra un botón de pago y un formulario de tarjeta de crédito modal en la cuenta de pago en lugar de los campos clásicos de la tarjeta de crédito. Luego desplácese hacia abajo y haga clic en «Guardar cambios» (Save Changes).
Y eso es todo. Sus páginas de pago ahora deben ser capaces de aceptar tarjetas de crédito con Stripe. Aquí hay un par de ejemplos.
Pago por Defecto de EDD Stripe
Este es el aspecto predeterminado de Stripe en una página de pago EDD con los campos de la tarjeta de crédito en línea en la página.
Easy Digital Downloads con la opción de Pago de Stripe habilitada
Este es el aspecto si habilita la opción «Pago de Stripe» (Stripe Checkout) en los ajustes. El cliente hace clic en «Continuar con el pago» (Continue to payment) y obtiene el modo Stripe.
Resumen
Como puede ver, es bastante sencillo poner a Stripe para WordPress en funcionamiento. De hecho, las cuatro integraciones anteriores sólo tardan unos minutos. Es mucho más fácil de lo que era hace un par de años. También es cada vez más barato ya que muchas de las soluciones son ahora gratuitas. ¿Cuál ha sido su experiencia? ¿Está usando Stripe en su sitio WordPress?
Brian tiene una gran pasión por WordPress, lo ha estado utilizando durante más de 10 años e incluso ha desarrollado un par de plugins premium. Brian disfruta de los blogs, las películas y el senderismo. Conéctese con Brian en Twitter.
Increible post sobre Stripe, me ha ido de maravilla !!
Gracias y saludos.
Nos alegra escucharlo Robert! Mantén conectado a nuestro blog!
un saludo,
Peter
Me temo que Stripe ya no está incluido en la versión gratuita de Easy Digital Downloads. Hay que comprarlo aparte y es bastante caro
Hola Manuel, gracias por seguir nuestro blog!
Tienes razón! En los últimos años Stripe ya no fue incluido en la versión gratuita de EDD.
Un saludo,
Peter
Tengo una consulta, cuando quiero conectar Strip me pide que selecciones el país de recidencia. Vivo en uruguay y no está dentro de las opciones. ¿Qué opciones tengo para realizarlo?
Hola Carlos, gracias por tu pregunta.
Parece que Stripe no soporta Uruguay de momento. Yo que tú usaría Payulatam que sí funciona en tu país!
Saludos,
Peter