4 Maneras Simples De Configurar Stripe Para WordPress

Actualizado October 30, 2017

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

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.

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.

wp simple pay lite for stripe plugin

WP Simple Pay Lite for Stripe WordPress plugin

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.

Instalar WP Simple Pay Lite plugin

Instalar WP Simple Pay Lite plugin

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.

Clavi API de WP Simple Pay Lite plugin

Clavi API de WP Simple Pay Lite plugin

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).

Configuración de WP Simple Pay Lite plugin

Configuración de WP Simple Pay Lite plugin

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"]
Caja de WP Simple Pay

Caja de WP Simple Pay

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.

Stripe botón de código corto

Stripe botón de 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.

gravity formsPaso 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.

Configuración de Gravity Forms

Configuración de Gravity Forms

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).
Stripe webhook para Gravity Forms

Stripe webhook para Gravity Forms

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).

Actualizar Stripe webhooks

Actualizar Stripe webhooks

Paso 4

Ahora es el momento de configurar su formulario. Si todavía no tiene uno, tendrá que crear un nuevo formulario.

Crear formulario nuevo en Gravity Forms

Crear formulario nuevo en Gravity Forms

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.

Formulario de facturación

Formulario de facturación

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).

Fuente de formulario de facturación

Fuente de formulario de facturación

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).

Insertar formulario

Insertar formulario

Y eso es. Su formulario es ahora una forma completamente funcional que se integra con Stripe y es capaz de capturar pagos.

Tarjetas de crédito en Gravity Forms

Tarjetas de crédito en Gravity Forms

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.

woocommerce

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.

WooCommerce Stripe Payment Gateway plugin

WooCommerce Stripe Payment Gateway plugin

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).

Ajustes de WooCommerce Stripe

Ajustes de WooCommerce Stripe

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).

Forzar pago seguro

Forzar pago seguro

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.

Pago con tarjeta de crédito

Pago con tarjeta de crédito

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.

Pago mediante Stripe en WooCommerce

Pago mediante Stripe en WooCommerce

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.

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).

Configuración de pago en EDD

Configuración de pago en EDD

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).

Ajustes de Stripe en EDD

Ajustes de Stripe en EDD

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.

Pago con tarjeta de crédito en EDD

Pago con tarjeta de crédito en EDD

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.

Pago mediante Stripe en EDD

Pago mediante Stripe en EDD

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?

Este artículo fue escrito por Brian Jackson
Brian enfoca en nuestros esfuerzos de marketing a través de las redes sociales: desde el desarrollo de la nueva estrategia de crecimiento online, creación de contenido, optimización técnica de buscadores hasta nuestra expansión en la comunidad WordPress. Es apasionado por Wordpress lleva usándolo desde hace más de 8 años e incluso está desarrollando su propio plugin exclusivo. A Brian le encanta el blogueo, películas, montar en bici y trabajar con sitios web.

Artículos relacionados

Deja un comentario

kinsta newsletter

¿Utilizas WordPress?

¡Únete a más de 20.000 lectores que ya reciben nuestro newsletter semanal GRATUITO con consejos de WordPress sobre cómo generar más tráfico e ingresos para tu negocio!

You have Successfully Subscribed!

Send this to a friend