fbpx

Pago con Stripe en WooCommerce

Stripe es la pasarela que está revolucionando el pago online. Hoy vemos como configurar paso a paso y de forma fácil el pago con Stripe en WooCommerce.

Si la semana pasada veíamos como configurar el pago con PayPal, hoy vamos a ver la última de las pasarelas de pago que WooCommerce ha decidido incluir por defecto para las nuevas instalaciones. Ésta es Stripe.

Stripe, es la pasarela de pago que te permite pagos con tarjeta de crédito, Apple Pay y muchas otras formas de pago. Podríamos considerarla la competencia más fuerte de PayPal en este momento.

Quizá, si solamente conoces las pasarelas de pago como usuario, no hayas oído hablar mucho de Stripe hasta la fecha. Pero en los últimos meses, está logrando una gran penetración en el mercado español y en muchos proyectos empieza a ser la referencia por encima de PayPal.

Comisiones y tarifas de Stripe.

Comisiones y tarifas de Stripe.

¿Por qué se está produciendo este cambio? Muy sencillo. Las comisiones. Si la semana pasada veíamos que PayPal establece un 3,4% + 0,35€ de comisión por operación realizada, Stripe tiene una comisión de 1,4% + 0,25€. Lo que supone, que para un pago de 100€ de importe, Stripe se queda solamente 1,65€ frente a los 3,75€ de PayPal. Y eso, son más de dos euros de diferencia. Si multiplicas esos dos euros por cien o por mil operaciones, estás dejando de ganar mucho dinero.

Crear y configurar una cuenta de Stripe

Para crear tu cuenta de Stripe, lo primero que debes hacer es visitar su web.

Vista de la home de Stripe

Vista de la home de Stripe.

Una vez en ella, haz click en el botón Crea tu cuenta.

Completa los datos del formulario de registro

Completa los datos del formulario de registro.

Seguidamente, tendrás que completar los datos del siguiente formulario y hacer click en el botón Create your Stripe account.

Indica tu número de teléfono móvil para poder recuperar tu contraseña en caso de que tu cuenta se vea comprometida.

Indica tu número de móvil para aumentar la seguridad de tu cuenta de Stripe

Indica tu número de móvil para aumentar la seguridad de tu cuenta de Stripe.

El siguiente paso es validar tu registro haciendo click en el botón Confirm email address del email de confirmación que recibirás, ya que si no, tu cuenta permanecerá bloqueada para recibir pagos hasta que no completes este paso.

Activa tu cuenta haciendo click en el botón del email que recibirás en tu bandeja de entrada

Activa tu cuenta haciendo click en el botón del email que recibirás en tu bandeja de entrada.

Una vez hayas completado el paso anterior, tu cuenta de Stripe ya está operativa. Ahora veamos los pasos para configurarla fácilmente.

Business settings

Dentro del dashboard de Stripe, selecciona la opción Business settings de menú lateral izquierdo.

Panel de control de Stripe.

Panel de control de Stripe.

En este panel, deberás completar los datos de tu proyecto, tanto el panel Account settings como el panel Public information.

Completa la información de tu proyecto

Completa la información de tu proyecto.

Una vez hayas terminado, guarda los cambios haciendo click en el botón Save de cada panel.

Configurar Stripe en WooCommerce

Para configurar el pago con Stripe como forma de pago en tu ecommerce, debes dirigirte a los Ajustes de WooCommerce. Y dentro de la pestaña Finalizar compra haz click sobre el link Stripe. Una vez aquí, los ajustes que presenta en su configuración son los siguientes:

Opciones de configuración de Stripe en WooCommerce

Opciones de configuración de Stripe en WooCommerce.

  • Activar/Desactivar: este check habilita o deshabilita el pago con Stripe como forma de pago en tu tienda online.
  • Título: en este campo de texto puedes definir como quieres nombrar esta forma de pago. Puedes personalizarlo como prefieras. Pago con tarjeta de crédito (Stripe), Tarjeta de crédito (Stripe), etc.
  • Descripción: el campo descripción te permite aclarar a tus usuarios en qué consiste esta forma de pago. Este campo de descripción aparece en el selector de forma de pago de tu página de checkout.
  • Variables del webhook: Te indica la URL de notificación entre Stripe y WooCommerce y siempre será similar a la siguiente:
https://www.tudominio.com/?wc-api=wc_stripe

Para configurar el webhook, deberás volver al dashboard de Stripe y seleccionar la opción API del menú lateral izquierdo. Una vez que estés en el panel de API, selecciona la pestaña Webhooks y una vez en él, añade la URL haciendo click en el botón + Add endpoint.

Añade tu URL Webhook en Stripe para conectar la pasarela con WooCommerce

Añade tu URL Webhook en Stripe para conectar la pasarela con WooCommerce.

  • Modo de pruebas: este check te permite realizar operaciones de prueba para comprobar que la configuración es correcta. Si lo activas, los dos campos siguientes cambiarán a las APIs de prueba en lugar de las de producción.

Para configurar tus claves API, deberás volver al dashboard de Stripe y seleccionar la opción API del menú lateral izquierdo. Una vez que estés en el panel de API, selecciona el botón Viewing test data/View test data para ver las claves de producción o las claves de pruebas.

Copia y pega tus API keys de Stripe en los campos correspondientes de la configuración de WooCommerce

Copia y pega tus API keys de Stripe en los campos correspondientes de la configuración de WooCommerce.

Copia cada una de ellas, en los siguientes campos de WooCommerce.

  • Clave secreta de producción: empieza por pk_live_
  • Clave de producción publicable: empieza por sk_live_
  • Clave secreta de pruebas: empieza por pk_test_
  • Clave de pruebas publicable: empieza por sk_test_
  • Formulario integrado para la tarjeta de crédito: este check activa el formulario integrado en el que los campos del número de la tarjeta, fecha de caducidad y CVC se muestran conjuntamente. Si no lo activas, los campos aparecerán por separado.
  • Descripción del estado: en este campo debes indicar el concepto que quieras que figure en el extracto bancario de la tarjeta de crédito del usuario. Cómo máximo puedes incluir 22 caracteres.
  • Captura: si activas el check el cobro al usuario se realiza en el momento de la operación. La opción que deberás seleccionar si tienes un ecommerce. Si no lo marcas, aprueba el cargo en la tarjeta del usuario, pero no lo realiza en el momento. Esta opción se suele utilizar para campañas de crowdfunding.
  • Seguridad 3D: activa la capa 3D Secure que poseen algunas tarjetas de crédito y entidades bancarias, por la cual, al usuario le aparecerá una ventana para confirmar el pago mediante un código que se envía por SMS a su teléfono móvil. Esta validación sólo se producirá para aquellos usuarios que lo tengan activado en su tarjeta de crédito.
  • Ventana de pago Stripe: activa la aparición de una ventana modal de Stripe en lugar del formulario integrado en la página de checkout de WooCommerce.
  • Botones de petición de pago: activa los botones para el cobro mediante Apple Pay.
  • Tarjetas guardadas: al activar este check, cuando un usuario paga con su tarjeta, se le pregunta si quiere guardarla para futuras compras. Esta información se guarda en los servidores de Stripe y nunca en tu instalación de WooCommerce.
  • Registro: al activar este check WooCommerce creará un archivo .log que se guardará en una carpeta de tu alojamiento web en el que se irán recopilando los posibles errores o logs de cada operación. De este modo si algún día tienes un error en alguna operación puedes saber por donde investigar.

Resumiendo

Como ves, Stripe es una pasarela de pago muy fácil de configurar y con más funcionalidades que PayPal. Además su comisión por transacción hace que sea mucho más interesante para aquellos proyectos que están empezando.

Ahora ya solo depende de ti valorar si utilizarla o no. Pero si decides integrar Stripe en WooCommerce y tienes cualquier problema, recuerda que puedes preguntarme cualquier duda que tengas. La semana seguiremos viendo más WooCommerce… ¡Hasta entonces! ?

Author avatar
Ángel Martín
Ayudo a emprendedores y empresas a digitalizar su negocio y sus procesos optimizando sus costes.