Hace poco estuve explicando en mi grupo gratuito de facebook cómo configurar el plugin WP Simple Pay para aceptar pagos por Stripe.
Sin embargo, si te lo perdiste, no te preocupes, que aquí te dejo el vídeo con la grabación y un resumen.
Como te he comentado en post anteriores, sin duda Stripe es mi pasarela de pago preferida básicamente por dos razones fundamentales:
- Me proporciona tarifas de transacción más bajas a comparación de Paypal.
- Y lo mejor, es que mis clientes pueden pagar con tarjeta sin salir de la web.
Y para integrar Stripe directamente en WordPress tenemos el plugin WP Simple Pay.
Del que puedes empezar utilizando una versión gratuita (accesible desde el repositorio de plugins de WordPress) y en caso de necesitar más personalización o implementar pagos periódicos pues te puedes pasar a una de las opciones de pago.
¿De qué va esto?
Características de WP Simple Pay
Algunas de las características más relevantes en la versión gratuita son:
- La disponibilidad de tener una página de agradecimiento personalizada por cada producto.
- Te permite colocar los botones de «Comprar ahora» en cualquier lugar de tu web.
- Soporte para varios idiomas.
- Modo de «prueba» y «en real«.
- Muestra una pequeña imagen de tu marca o producto en el formulario de compra.
- Diseño responsive por lo que es compatible con todos los dispositivos y navegadores.
- …
Instalación y configuración de WP Simple Pay
Entra en «Agregar nuevo» en el panel de plugins.
En el buscador de plugins, escribe WP Simple Pay.
Descubre los 21 Errores que dinamitan tu web en WordPress
Una vez dado tu consentimiento, pasarás a formar parte de mi lista de suscriptores y recibirás boletines con recursos que te ayudarán en tu emprendimiento digital y ofertas de mis productos y servicios.
Haz clic en «Instalar ahora» y después «Activar«.
Una vez activado el plugin, te aparecerá en la barra lateral de tu menú WP.
Después, tienes que abrir la pestaña de «Settings«. Aparecerán tres pestañas horizontales: «Stripe Setup«, «General» y «Payment Confirmation«. Desde donde podrás configurar las opciones generales.
Lo primero es conectar tu cuenta de Stripe con el plugin pulsando sobre el botón «Connect with Stripe» como aparece en la siguiente imagen.
Tienes la opción de trabajar en modo real y modo Test (desde donde puedes probar las transacciones sin que se produzca el cargo).
En la pestaña «General«, puedes escoger las opciones por defecto para la página de «gracias por tu compra«, escoger la moneda, el idioma, el texto de los botones…
Y desde «Payment Confirmation» puedes configurar el email que recibirá tu cliente, una vez efectuado el pago.
Crear los botones de pago y colocarlos en cualquier página
Para crear los botones de pago tienes que entrar en el apartado «Payment Forms» del plugin.
Sólo tienes que añadir un nuevo botón y rellenar los datos correspondientes al importe de la compra, estilos del botón, si va a usar las opciones por defecto…
Y para finalizar sólo tienes que copiar el shortcode que se genera y pegarlo en la página de venta de tu producto. la que quieras.
Cuando empieces a recibir pagos con tarjeta, verás lo fácil que es gracias a Stripe. Además te irás dando cuenta de que su panel de gestión es muy intuitivo.
¿Qué te parece esta pasarela de pago? A mi me funciona súper bien y si quieres saber más sobre ella puedes echarle un vistazo a mi taller «Cómo utilizar Stripe para gestionar pagos con tarjeta» que encontrarás dentro de la Comunidad Tu Academia Online
Si tienes dudas o quieres contarme qué tal te fue con la instalación, me puedes escribir en los comentarios.
Hola Jessica, aunque veo que el video no es de hace mucho noto que han cambiado varias cosas. El check out ya no es pop-up (al menos no me sale así en mi wordpress) y luego me encuentro con el problema de que aún habiendo marcado «YES» en «Require Billing Address», no cobra el IVA cuando corresponde (soy autónoma en España).
¿SAbes dónde podría estar el problema?
Tienes razón, han cambiado el diseño y ahora el checkout se abre en una ventana completa.
Y sobre lo de los impuestos… El plugin no hace los cálculos y es cosa tuya hacer e desglose en el momento de generar las facturas.
Hola Jessica, me has ayudado mucho con este vídeo, sin embargo, tengo un problema que me esta dando dolores de cabeza.
Yo solo tengo 3 tarifas de precios y por ejemplo, uno de ellos es de 6,95€, cuando lo genero, no tengo ningún problema pero al acceder a la compra pasa de 6,95€ a 695,00€ y no se porque pasa esto, quizá tu puedas ayudarme.
Muchas gracias.
Pues no lo sé… Lo único que se me ocurre es que sea un tema del . o la , en los decimales. Prueba a cambiar la forma en la que lo introduces y si no te va contacta con el equipo de soporte del plugin ;)
Hola Jessica, muchas gracias por el video tutorial. ¿Con WP simple Pay de Stripe se puede tener un carrito? es decir, si un cliente quiere comprar varios artículos y pagarlos todos a la vez… ¿este pluging te lo permite? Gracias de nuevo por tu ayuda :)
Pues, que yo recuerde, solo eran pagos de un único producto y suscripciones. Para tener un carrito igual te va mejor WooCommerce
Hola Jessica.
He seguido al pie de la letra todo, pero me sale un mensaje de error cuando hago la prueba de hacer el pago. Cuando tiene que salir la página de confirmación, me sale el mensaje «ERROR 403». Tengo absolutamente bien todo puesto, pero nada, no hay manera. El pago SÍ que se realiza bien (lo compruebo entrando en mi dashboard de Stripe y mirando los pagos de prueba). Lo que no funciona es que aparezca la página de confirmación de pago (que es ahí donde tengo puesto el link que lleva al infoproducto que estoy vendiendo).
Me estoy volviendo loco con el problema.
Gracias.
Un error 403 suele ser un tema de permisos. Prueba a contactar con el servicio de soporte del hosting por si te pueden echar una mano.
Buenas tardes, tras seguir los pasos el botón instalado no hace nada. He mirado en la consola de la pagina y me sale esto:
recaptcha__es.js:137 Uncaught Error: Invalid site key or not loaded in api.js: pk_live_P1YPO3pPqubMKDUVe6Pcci0p00wf9QrJmP
at Array. (recaptcha__es.js:137)
at recaptcha__es.js:26
at setup.js:71
¿como se podria soluciar? Muchas gracias
Pues podrían ser varias cosas y con el texto del error no puedo decirte qué puede estar fallando. Tengo que entrar en la web, investigar y dar con lo que provoca el error.
Este tipo de problemas son los que puedo solucionar con una bolsa de horas, tienes aquí toda la información.
Hola Jessica,
Muchas gracias por este post. Me he decidido a instalar el plugin y al tratar de conectar stripe (con la cuenta ya creada y demás), aparece el siguiente mensaje desde el plungin:
Unable to validate your Stripe Account with the API keys provided. If you have manually modified these values after connecting your account, please reconnect below or update your API keys.
¿Sabes a que puede deberse?
Por más que busco información no veo como arreglarlo,
Gracias!
Revisa que estas metiendo bien los datos del API de Stripe. A mi una vez me paso que los copié en el orden que no era y me dio error un par de veces antes de darme cuenta. Y si no contacta con la gente de Stripe, a ver si te pueden echar una mano.
Hola Jessica,
he instalado el plugin y tengo el siguiente problema: Al pulsar sobre el botón de pago no hace ninguna acción, o sea no se abre el chek out, ni en ventana ni en página ni nada, simplemente no hace nada de nada.
¿sabes a que puede ser debido?
Saludos y gracias
Con este plugin es necesario conectar las keys de stripe?
¿por qué no veo nada en el preview del Payment Form?
Muchas gracias!!!!!
Lo tienes en el settings del plugin