Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo aceptar pagos con Stripe en WordPress

Stripe es una plataforma popular que le permite aceptar pagos en línea en todo el mundo sin complicaciones.

La pasarela de pago es ideal para tiendas online, blogs, sitios web de donaciones y mucho más.

En WPBeginner, aceptamos pagos con Stripe en varios sitios web de membresía, incluso cuando vendemos nuestras suscripciones de software. Hemos hecho esto usando Easy Digital Downloads, WPForms, WP Simple Pay, y más. Por lo tanto, sabemos lo fácil que es de establecer y cómo puede ampliar su alcance a nuevos clientes en todo el mundo.

Dicho esto, WordPress y la mayoría de los plugins de comercio electrónico compatibles no vienen con Stripe activado por defecto. Tendrás que establecerlo primero.

Por eso, en este artículo, vamos a mostrarle cómo aceptar pagos fácilmente con Stripe en WordPress. Vamos a repasar varios métodos diferentes, para que puedas elegir el que mejor se adapte a tus necesidades particulares.

How to accept payments with stripe WordPress

¿Por qué utilizar Stripe para aceptar pagos en WordPress?

Stripe es una pasarela de pago líder que permite a los propietarios de empresas aceptar pagos en línea sin esfuerzo.

Se integra fácilmente con todo tipo de sitios web WordPress, incluyendo tiendas de comercio electrónico, sitios blog, sitios web sin ánimo de lucro y sitios de membresía. Con Stripe, puede gestionar pagos periódicos u ofrecer a los usuarios una forma de pagar sus compras únicas.

Tenga en cuenta que Stripe requiere que su sitio utilice cifrado SSL/HTTPS. Si aún no dispone de un certificado SSL para su sitio web, consulte nuestra guía paso a paso sobre cómo añadir SSL en WordPress.

Dicho esto, hay diferentes maneras de aceptar pagos con Stripe en WordPress. Vamos a cubrir 4 métodos diferentes para que puedas elegir el que mejor se adapte a tus necesidades.

Para navegar rápidamente, no dude en utilizar los siguientes enlaces:

Personalizar Stripe formularios de pedido en WordPress con WPForms

WPForms es el mejor plugin de formularios para WordPress. Te permite crear formularios de pago personalizados y aceptar pagos fácilmente en tu sitio WordPress usando Stripe y PayPal.

Para más detalles sobre el uso de este plugin, marque / compruebe nuestra reseña completa de WPForms.

Para este tutorial, utilizaremos el plan WPForms Pro porque incluye la extensión Stripe Pro, que ofrece campos de formulario de pago más potentes y sin cuotas de transacción adicionales.

Nota: También hay una versión WPForms Lite que puede utilizar de forma gratuita. Le permite aceptar pagos de Stripe, pero hay una cuota de transacción del 3% para los pagos realizados a través de sus formularios.

Lo primero que debe hacer es instalar y activar el plugin WPForms. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, debe ir a WPForms ” Ajustes para introducir su clave de licencia. Puede obtener esta clave de licencia desde su cuenta en el sitio web de WPForms.

WPForms license key

Después de la verificación, debe dirigirse a la página WPForms ” Extensiones.

Desplácese hasta la extensión “Stripe Pro” y haga clic en el botón “Instalar extensión” situado debajo.

Installing the Stripe Pro addon in WPForms

WPForms instalará y activará automáticamente la extensión Stripe forms.

A continuación, debe visitar la página WPForms ” Ajustes y hacer clic en la pestaña ‘Pagos’.

Una vez allí, deberá hacer clic en el botón “Conectar con Stripe”.

Click the connect with Stripe button

Después de eso, acceda a su cuenta de Stripe y conecte su cuenta con WPForms.

Una vez hecho esto, será redirigido a la página de ajustes de pago de WPForms. Ahora debería poder ver una marca de verificación verde en la sección “Estado de la conexión”, lo que indica que su cuenta está conectada.

See connected status

A continuación, debe crear un formulario para aceptar pagos en su sitio de WordPress.

Simplemente diríjase a la página WPForms ” Añadir nuevo. Esto iniciará la interfaz del editor de arrastrar y soltar formularios WPForms.

Select the ‘Billing / Order Form’ Template

WPForms viene con plantillas de formularios listas para usar.

Puede seleccionar entre varias opciones de formulario, incluyendo un formulario de pedido / orden, formulario de donación, y más. También puedes crear un formulario en blanco para aceptar pagos con Stripe.

Customize your billing form

Puede añadir nuevos campos de formulario simplemente arrastrándolos y soltándolos desde la columna de la izquierda a la plantilla. También puede editar un campo de formulario simplemente haciendo clic en él.

Para aceptar pagos en línea, tendrá que añadir un campo de formulario ‘Tarjeta de crédito Stripe’. Encontrará el campo en la sección “Campos de pago”.

Add stripe payment field

Si a continuación hace clic en el campo Tarjeta de crédito de Stripe, encontrará más opciones de personalización, como editar la etiqueta y añadir una descripción.

Una vez que esté satisfecho con el formulario, debe hacer clic en la pestaña Pagos ” Stripe en el maquetador de formularios WPForms.

Enable Stripe payments

Ahora, debe marcar la casilla situada junto a la opción “Activar pagos de Stripe” e introducir una descripción del pago. También puede seleccionar el envío de un recibo de pago.

No olvides guardar tus ajustes cuando hayas terminado.

Ya está listo para añadir este formulario a cualquier entrada o página de WordPress que desee.

Hay varias formas de incrustar su formulario de pago. Basta con hacer clic en el botón “Incrustar” del maquetador de formularios y seleccionar una página existente o crear una nueva.

Click the 'Create New Page' Button

Para este tutorial, elegiremos la opción “Crear nueva página”.

Ahora, introduce un nombre para tu página y haz clic en el botón “¡Vamos!”.

Enter the name of the page

WPForms añadirá ahora el formulario a su editor de contenido de WordPress.

También puede añadir manualmente el formulario a su sitio web utilizando el bloque WPForms y eligiendo su formulario en el menú desplegable.

Add the WPForms Block to Any Post or Page and Select the User Login Form

A continuación, haga clic en el botón de vista previa para ver el aspecto de su formulario.

Después, publique la página y visite su sitio web para ver el formulario de pago de Stripe en acción.

Stripe payment form preview

Botón de compra Stripe con WP Simple Pay plugin

Otro método que puede utilizar para aceptar pagos en línea es mediante el uso de WP Simple Pay. Tenemos mucha experiencia con esta herramienta, y creemos que es el mejor plugin de pago de Stripe para WordPress. Te permite cobrar pagos sin establecer un carrito de la compra.

Para más información, puede que desee echar un vistazo a nuestra reseña / valoración de WP Simple Pay.

Para este tutorial, usaremos el plan WP Simple Pay Pro porque te permite mostrar un formulario de pago en tu sitio web. Además, tienes más opciones de pago y permite a los usuarios pagar una sola vez o establecer pagos periódicos.

Nota: También hay una versión gratuita de WP Simple Pay que puede utilizar para aceptar pagos de Stripe.

Lo primero que tienes que hacer es instalar y activar el plugin WP Simple Pay. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado, el plugin iniciará el asistente de configuración. Solo tienes que hacer clic en el botón “Empecemos”.

WP Simple Pay setup wizard

A continuación, el asistente de instalación le pedirá que introduzca la clave de licencia. Puedes encontrar tu clave de licencia de WP Simple Pay en el área de cuenta bajo ‘Licencias.’

Después de introducir la clave, siga adelante y haga clic en el botón “Activar y continuar”.

You’ll Be Asked to Enter Your WP Simple Pay License Key

Ahora, tendrás que conectar WP Simple Pay con tu cuenta de Stripe.

Para ello, basta con hacer clic en el botón “Conectar con Stripe”.

Connecting WP Simple Pay to Stripe

En el siguiente paso, accede a tu cuenta de Stripe y sigue las instrucciones en pantalla para conectarla con el plugin WP Simple Pay.

Una vez que la cuenta esté correctamente conectada, se le redirigirá de nuevo al asistente de configuración.

Ahora, introduzca su dirección de correo electrónico y configure los avisos por correo electrónico que desea recibir. Por ejemplo, puedes activar correos electrónicos para recibos de pago, próximas facturas y avisos de pago.

Configure Your WP Simple Pay Emails

Sigue adelante y haz clic en el botón “Guardar y continuar”.

El último paso del asistente de configuración es crear un formulario de pago. Basta con hacer clic en el botón “Crear un formulario de pago”.

WP Simple Pay Setup Is Complete

Así podrá elegir la plantilla que mejor se adapte a sus necesidades.

O simplemente enlaza el “formulario básico”.

Selecting a WPSimple Pay template

A continuación, verá diferentes ajustes del formulario de pago.

En la pestaña “General”, puedes editar el título del formulario, la descripción, el tipo de formulario y mucho más. También hay una opción para activar CAPTCHA.

General settings of a payment for in WP Simple Pay

A continuación, puede dirigirse a la pestaña “Pago”.

Aquí encontrarás opciones para introducir los precios de tus productos y servicios. WP Simple Pay también te permite seleccionar una opción de pago único o una opción de suscripción periódica.

Payment settings in WP Simple Pay form

Incluso puede activar el “Modo de compra” para ofrecer varias opciones a la vez. Además, en esta pantalla puede configurar las tasas de impuesto.

A continuación, puede desplazarse hacia abajo para elegir múltiples opciones de pago para sus clientes, como tarjetas de crédito, Apple Pay, pagos ACH, comprar ahora pagar más tarde y más.

Payment methods in WP Simple Pay

Por último, puede ir a la pestaña “Campos del formulario” del maquetador de formularios. En esta pestaña, puede añadir más campos de formulario y reorganizar su orden.

Cuando haya terminado de personalizar su formulario de pago, sólo tiene que hacer clic en el botón “Publicar”.

A continuación, puede añadir el formulario de pago en cualquier lugar de su sitio web WordPress utilizando el bloque WP Simple Pay.

Simplemente añade una nueva página o edita una existente. Una vez que estés en el editor de contenido de WordPress, haz clic en el botón ‘+’ y añade un bloque de WP Simple Pay.

Add a WP Simple Pay block

Después, seleccione su formulario en el menú desplegable del bloque WP Simple Pay.

Ahora, puede obtener una vista previa y publicar la página. Para ver el formulario de pago en acción, simplemente visite su sitio web.

WP Simple Pay payment form preview

Añadir pasarela de pago Stripe en WooCommerce

Si tiene una tienda online en WordPress con WooCommerce, aquí le explicamos cómo aceptar pagos con Stripe.

En primer lugar, necesitas instalar y activar el plugin gratuito Stripe Payment Gateway for WooCommerce, creado por FunnelKit. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado el plugin, haga clic en el botón “Iniciar asistente de puesta en marcha”.

Start Onboarding Wizard for the Stripe Payment Gateway for WooCommerce plugin

Se abrirá una página.

Aquí, puedes conectar tu tienda WooCommerce a tu cuenta de Stripe al hacer clic en el botón ‘Conectar con Stripe’.

Connect your WooCommerce store with Stripe

A continuación, se le indicará que introduzca la dirección de correo electrónico y la contraseña de su cuenta de Stripe.

Después, haga clic en el botón “Acceder” para continuar.

Log into Stripe

A continuación, seleccione la cuenta de Stripe que desea conectar con el plugin Stripe Payment Gateway for WooCommerce.

A continuación, haz clic en el botón “Conectar”.

Select Stripe account and click Connect

Ahora, puedes activar todas las pasarelas de pago que quieras ofrecer en tu tienda WooCommerce, incluyendo Stripe, Débito Directo SEPA, iDEAL, y más.

Después, haz clic en el botón “Guardar y continuar”.

Activate payment methods for Stripe Payment Gateway for WooCommerce

A continuación, tendrás que establecer los webhooks.

Para ello, basta con hacer clic en el botón “Configurar Webhook ahora”.

Click the Setup Webhook button

A continuación, el plugin te indicará que actives la opción de finalizar compra / pago exprés, que permite a los clientes pagar a través de Google Pay y Apple Pay.

Para activar el pago exprés, ponga el conmutador en “Activado” y haga clic en el botón “Confirmar”. De lo contrario, puede omitir este paso.

Enable express checkout with Stripe Payment Gateway for WooCommerce

En el último paso del asistente de puesta en marcha, puede seleccionar si desea ejecutarlo en modo “Prueba” o en modo “Activo”.

A continuación, haga clic en el botón “Guardar y reseñar ajustes”.

Select Test or Live mode for Stripe Payment Gateway for WooCommerce

Ahora será redirigido a la página de ajustes de Stripe en WooCommerce.

Si antes elegiste el modo “Prueba” para probar el proceso de pago en tu tienda, aquí puedes cambiarlo al modo “En vivo” cuando estés listo para aceptar pagos reales.

Switch to Live mode in Stripe WooCommerce settings

No olvides guardar los cambios para almacenar tus ajustes.

Sus usuarios verán ahora Stripe como opción de pago en la página de finalizar compra / pago.

Stripe checkout example in WooCommerce

Relacionado: Consulta este tutorial sobre cómo personalizar la página de finalizar compra / pago de WooCommerce.

Pagos de Stripe con Easy Digital Downloads

Easy Digital Downloads es uno de los mejores plugins de comercio electrónico para WordPress del mercado. Te permite vender fácilmente productos digitales desde tu sitio WordPress.

Lo primero que debe hacer es instalar y activar Easy Digital Downloads. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Para activarlo, debe visitar la página Descargas ” Ajustes y, a continuación, hacer clic en la pestaña “Pagos”.

Aquí, busque las “Pasarelas activas” y simplemente active el botón situado junto a “Stripe”.

Enabling Stripe in Easy Digital Downloads

Haz clic en el botón “Guardar cambios” situado en la parte inferior de la página para establecer tus ajustes.

A continuación, debe ir a la sección de ajustes de “Stripe” en la pestaña “Pagos” de Easy Digital Downloads. Aquí, haz clic en el botón “Conectar con Stripe”.

Connecting to Stripe in Easy Digital Downloads

A continuación, acceda a su cuenta de Stripe y siga las instrucciones para conectarla con Easy Digital Downloads.

No olvides guardar o ahorrar, según contexto, los cambios cuando hayas terminado.

Sus usuarios ahora verán la opción de pagar usando Stripe al finalizar compra / pago.

Pay for digital downloads through Stripe

Esperamos que este artículo te haya ayudado a aprender cómo aceptar pagos con Stripe en WordPress. También puedes consultar nuestras guías sobre cómo añadir un botón de donación de PayPal en WordPress o cómo aceptar Google Pay en WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

15 comentariosDeja una respuesta

  1. Chirag swami

    Is it possible for Working with Multiple Subscriptions for single customer with WP Simple Pay plugin?

    • WPBeginner Support

      You would want to check with the plugin with the specific setup you’re wanting to see if that is available.

      Administrador

    • WPBeginner Support

      The WooCommerce plugin is one free plugin.

      Administrador

  2. alzihad

    Hello,

    How can I redirect a thank you page with stripe integration?

    Thank you!

    • WPBeginner Support

      Hi Alizhad,

      Edit your form and then click on Settings. From here click on the ‘Confirmation’ section. Here you can select what to do when a user fills out the form. You can redirect them to any page on your website or show them a message.

      Administrador

  3. Jaymin

    Hello,

    I have implemented stripe payments with Custom Stripe integration in my WordPress website and it is working fine.

    How would like create UI in wordpress admin to get all the stripe transaction? I need that transaction list and details in admin panel.

    Any article? Documentation?

    Thanks,

  4. Asad Ullah

    Please make a video tutorial. I will be thankful to you.

  5. Deb Harrison

    Very good intuitive guide, but I was wondering is there a method where you can set the form up so clients can pay their invoices where they have to enter the invoice total.

  6. Arvind

    can WPForms plugin allows or accept payments on our WordPress site other than Stripe and PayPal ?

  7. Dmitry

    Hi there, are you able to set up recurring payments with this plugin using Stripe?

  8. Kanishk Mathur

    I want to ask that how you create featured images of your posts.

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.