Últimas noticias de SeedProd

Tutoriales, consejos y recursos de WordPress para hacer crecer tu negocio

Cómo aceptar pagos de Stripe en WordPress

Cómo aceptar pagos de Stripe en WordPress de 3 maneras 

Escrito por: avatar de autor Stacey Corrin
avatar de autor Stacey Corrin
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.
     Revisado por: avatar del revisor Turner John
avatar del revisor Turner John
John Turner es el cofundador de SeedProd. Cuenta con más de 20 años de experiencia empresarial y de desarrollo y sus plugins se han descargado más de 25 millones de veces.

¿Quieres aceptar pagos con Stripe en tu sitio WordPress? Con Stripe, puedes aceptar tarjetas de crédito, Apple Pay, Google Pay e incluso suscripciones periódicas sin necesidad de crear una tienda online completa.

En esta guía, le mostraré paso a paso cómo aceptar pagos de Stripe en WordPress utilizando tres métodos sencillos.

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

Stripe es un popular procesador de pagos y proveedor de servicios que hace que aceptar pagos en tu tienda online no suponga ningún esfuerzo.

Funciona a la perfección con cualquier sitio de WordPress, incluidas tiendas de comercio electrónico, sitios web de donaciones e incluso sitios de pequeñas empresas que realizan transacciones en línea. Puedes configurar Stripe para gestionar pagos recurrentes o permitir que los clientes paguen compras puntuales con los datos de su tarjeta de débito o crédito.

Dicho esto, un requisito para procesar pagos con Stripe es que su sitio web debe tener encriptación SSL/HTTPS. Esto es para asegurar que la información de pago de tus clientes, como los números de tarjeta de crédito, estén seguros.

Si necesita ayuda para configurar las medidas de seguridad de su sitio web, consulte nuestro tutorial sobre cómo añadir SSL a WordPress.

Entonces, ¿cómo aceptar pagos con Stripe en WordPress? Aunque existen muchos métodos diferentes, a continuación nos centraremos en las 3 formas más sencillas de configurar los pagos de Stripe para tu sitio.

No dude en utilizar cualquiera de los enlaces siguientes para encontrar el método que necesita:

Método 1. Aceptar pagos de Stripe con SeedProd (Sin código)

SeedProd es la mejor manera sin código para aceptar pagos de Stripe en WordPress. Puede añadir un botón de pago de Stripe a cualquier página de destino o sitio web sin necesidad de instalar WooCommerce. Es perfecto para donaciones, servicios y compras únicas cuando no necesitas una tienda online completa.

SeedProd Creador de sitios web WordPress de arrastrar y soltar

Para esta guía, utilizaremos el plan SeedProd Pro por sus características avanzadas. Sin embargo, también puede utilizar el botón de pago Stripe con SeedProd Lite - la versión gratuita.

Paso 1. Instalar y activar SeedProd Instale y active SeedProd

Lo primero que tendrás que hacer es instalar y activar el plugin SeedProd. Para obtener ayuda con esto, consulte esta guía sobre la instalación de un plugin de WordPress.

Tras la activación, deberá visitar la página SeedProd " Configuración e introducir su clave de licencia. Puede obtener la clave de licencia desde el área de su cuenta en el sitio web de SeedProd.

introduzca su clave de licencia

Segundo paso Elija una plantilla

Después de verificar tu clave, tendrás que crear un diseño con SeedProd.

Puede crear un tema de WordPress personalizado con el Constructor de temas para sustituir el tema que está utilizando. Alternativamente, puedes configurar una página de destino independiente con el constructor de páginas y seguir utilizando tu tema actual.

Para esta guía, utilizaremos la opción de Página de Aterrizaje para mostrarle cómo no necesita un sitio de comercio electrónico completo para añadir opciones de pago de Stripe a WordPress.

Así que diríjase a SeedProd " Páginas de Aterrizaje y haga clic en el botón Añadir Nueva Página de Aterrizaje.

Añadir nueva página de destino SeedProd

En la siguiente pantalla, puede hacer clic en cualquiera de los filtros para elegir una plantilla de página de destino predefinida.

Cuando encuentres un diseño que te guste, pasa el ratón por encima de la imagen en miniatura y haz clic en el icono de la marca de verificación.

Elija una plantilla de página de destino

Ahora verás una ventana emergente que te pedirá el nombre y la URL de tu página de destino.

Introduzca los datos de su página de destino

Una vez que haya introducido esta información, haga clic en el botón Guardar y empezar a editar la página.

Paso 3 Añadir el bloque del botón de pago

Después de iniciar la plantilla, verá un diseño similar al que se muestra a continuación:

Creador de páginas arrastrar-y-soltar SeedProd

Tendrá bloques y secciones a la izquierda y una vista previa completa en vivo a la derecha, donde podrá apuntar y hacer clic para personalizar cualquier elemento.

Por ejemplo, puede hacer clic en la imagen del logotipo y sustituirla por el logotipo de su empresa. O puedes cambiar el color de fondo de una sección para utilizar los colores de tu marca.

Opciones de personalización de secciones

Consejo profesional: Haga clic en el botón Guardar para guardar los cambios antes de añadir el botón de pago.

Para añadir un enlace de pago de Stripe a su página, busque el bloque Botón de pago y arrástrelo a su vista previa en vivo.

Cómo aceptar pagos con stripe con el botón de pago de SeedProd

Desde allí, haga clic en el botón Conectar con Stripe para vincular su cuenta de Stripe.com a SeedProd. Una vez completado el proceso de autenticación, volverás al generador de páginas de destino.

Conectar SeedProd a stripe

Ahora, puede utilizar la configuración del bloque para personalizar su botón de Stripe. Por ejemplo, puede editar la descripción y el texto del botón, introducir un precio de pago personalizado, cambiar la alineación del botón, ajustar la divisa de USD a otra y añadir iconos de botón.

Configuración del botón de pago

También puede hacer clic en la pestaña Avanzado para cambiar el estilo del botón Comprar ahora, incluidas las sombras, el tipo de botón, los márgenes, los colores, etc.

Configuración avanzada del botón de pago

Paso 4. Publique sus cambios Publique sus cambios

Cuando esté satisfecho con todo, estará listo para publicar su página de pago. Para ello, haz clic en el botón Guardar y selecciona Publicar en el menú desplegable.

Publicar página de destino con botón de pago stripe

Ahora, cuando los visitantes hagan clic en el botón Comprar ahora de su página de destino, verán el proceso de pago de Stripe.

Realice un pago con stripe utilizando el botón de pago de SeedProds

Método 2. Aceptar suscripciones de Stripe con WP Simple Pay

WP Simple Pay es la forma más fácil de aceptar pagos de suscripción de Stripe en WordPress. Puedes crear formularios de pago para compras únicas, facturación recurrente o incluso donaciones, sin necesidad de configurar un carrito de la compra. Esto lo hace ideal para sitios de membresía, sin fines de lucro, o creadores que venden contenido digital.

Página de inicio de WP Simple Pay

WP Simple Pay es una excelente solución si no necesita utilizar un plugin constructor de páginas como SeedProd.

Para este método, utilizaremos el plan WP Simple Pay pro porque le permite mostrar un formulario de pago en su sitio WordPress. También ofrece más opciones de pago y permite a los compradores pagar una vez o regularmente con pagos periódicos.

Paso 1. Instalar y activar WP Simple Pay Instalar y activar WP Simple Pay

Para empezar, instale y active el plugin WP Simple Pay. Tras la activación, el plugin iniciará automáticamente su asistente de configuración, así que haz clic en el botón Empecemos.

Asistente de configuración de WP Simple Pay

Segundo paso Complete el asistente de configuración

Ahora el asistente de instalación le pedirá que introduzca la clave de licencia de su plugin. Puede encontrar su clave de licencia de WP Simple Pay en Licencias en el área de su cuenta de usuario.

Activar clave de licencia WP Simple Pay

Después de introducir la clave, puede hacer clic en el botón Activar y continuar.

El siguiente paso es conectar su cuenta de Stripe con WP Simple Pay. Para ello, haga clic en el botón Conectar con Stripe.

Conectar con Stripe

En la siguiente pantalla, accede a tu cuenta de Stripe y sigue las instrucciones para conectar tu cuenta con el plugin WP Simple Pay. Después, serás redirigido de nuevo al asistente de configuración.

Ahora, introduzca su dirección de correo electrónico y elija las notificaciones que desea recibir. Por ejemplo, puedes recibir correos electrónicos sobre recibos de pago, próximas facturas y notificaciones de pago.

Configurar el correo electrónico

Una vez elegidas las notificaciones, haz clic en el botón Guardar y continuar.

El último paso del asistente de configuración es crear un formulario de pago. Para ello, haga clic en el botón Crear un formulario de pago.

Crear un formulario de pago

Paso 3. Crear un formulario de pago

En la siguiente pantalla, verá varios ajustes del formulario de pago.

En la pestaña General , puede cambiar el título del formulario, la descripción, el tipo de formulario y seleccionar opciones para su página de éxito de pago. También puedes activar reCAPTCHA para evitar el spam de pago.

configuración general del formulario de pago

Una vez configurados estos ajustes, puede pasar a la pestaña Pago.

En esta pestaña puede introducir los precios de sus productos o servicios. También puede elegir entre una opción de pago único o suscripciones periódicas.

Seleccione sus opciones de precios

Ahora, vaya a la pestaña Campos del formulario en el constructor de formularios. Aquí es donde puedes añadir más campos de formulario y cambiar el orden en que aparecen.

Añadir más campos de formulario

Además, puede ampliar el campo Método de pago y elegir varias opciones de pago, como Apple Pay, pagos ACH, tarjetas de crédito, comprar ahora, pagar más tarde, etc.

Después de personalizar su formulario de pago, haga clic en el botón Publicar.

Paso 4. Añadir formulario de pago a la página de WordPress

El siguiente paso es añadir el formulario de pago a su sitio WordPress. Puedes añadirlo en cualquier lugar con el bloque WP Simple Pay WordPress.

Para ello, cree o edite una página de WordPress y, a continuación, dentro del editor de contenido de WordPress, haga clic en el botón "+" y elija el bloque WP Simple Pay.

Añadir el bloque WP Simple Pay WordPress

A continuación, puede seleccionar su formulario en el menú desplegable del bloque WP Simple Pay.

Después de actualizar o publicar su página, puede previsualizar su formulario en acción.

Formulario de pago WP Simple Pay Stripe

Método 3. Aceptar Stripe en una tienda online WordPress (WooCommerce)

Si desea ejecutar un sitio de comercio electrónico completo, puede utilizar la pasarela de pago WooCommerce Stripe. Esta es la mejor forma de aceptar Stripe en WordPress si vendes productos físicos, necesitas opciones de envío o quieres funciones de pago avanzadas como Apple Pay, Google Pay y Buy Now Pay Later.

En primer lugar, instale y active el plugin WooCommerce Stripe Payment Gateway.

Una vez que hayas activado el plugin, tendrás que dirigirte a la página WooCommerce " Configuración y hacer clic en la pestaña Pago.

Pestaña de pagos de WooCommerce

En esta pantalla, verás las diferentes soluciones de pago que puedes ofrecer a los compradores en tu tienda WooCommerce. Los diferentes proveedores y métodos de pago incluyen tarjetas de débito y crédito, Google Pay, PayPal, Apple Pay, pagos directos a cuentas bancarias y mucho más.

Por ahora, desplácese hacia abajo hasta la sección "Formas recomendadas de cobrar" y haga clic en el botón Empezar junto a la opciónPagos con Stripe.

Empezar a pagar con Stripe

Para aceptar pagos en línea, tendrás que vincular WooCommerce a tu cuenta de comerciante de Stripe. Haz clic en el botón Crear o Conectar una cuenta para hacerlo.

Conectar Stripe con WooCommerce

A continuación, inicia sesión en tu panel de Stripe y sigue las instrucciones para autorizar tu cuenta con WooCommerce.

Después de conectar tu cuenta de Stripe, volverás a la página de configuración de Stripe en WooCommerce. Asegúrese de marcar la opción "Activar Stripe" en esta página y, a continuación, guarde los cambios.

Habilitar pagos Stripe en WooCommerce

Una vez hecho esto, los visitantes de su sitio web podrán ver una opción de pago de Stripe en la página de pago.

Vista previa de pago Stripe en WooCommerce

Pro Tip: WooCommerce funciona a la perfección con SeedProd, lo que le permite crear una tienda completa WooCommerce sin código.

Preguntas frecuentes

¿Puedo aceptar pagos con Stripe en WordPress sin WooCommerce?
Sí. Puedes utilizar plugins como SeedProd o WP Simple Pay para añadir botones o formularios de pago de Stripe sin necesidad de configurar WooCommerce. Esta es la forma más sencilla de cobrar pagos si no necesitas una tienda completa.
¿Cómo acepto pagos recurrentes con Stripe en WordPress?
Stripe admite la facturación periódica. WP Simple Pay te permite crear formularios de suscripción, mientras que WooCommerce ofrece pagos recurrentes a través de su complemento Suscripciones.
¿Funciona Stripe con Apple Pay y Google Pay en WordPress?
Sí, Stripe incluye las opciones de pago Apple Pay y Google Pay. WP Simple Pay y WooCommerce Stripe Gateway admiten estos métodos de pago cuando están habilitados en la configuración de su cuenta.
¿Es Stripe seguro para sitios web WordPress?
Stripe cumple la normativa PCI y es seguro. Para utilizarlo en WordPress, tu sitio debe tener habilitado SSL/HTTPS para proteger los datos de pago de los clientes.
¿Cuáles son las alternativas a Stripe para WordPress?
Algunas alternativas populares son PayPal, Authorize.net y Square. Muchos sitios de WordPress ofrecen Stripe y PayPal para dar a los clientes más opciones de pago.

¡Ya está!

Esperamos que este artículo le haya ayudado a aprender cómo aceptar pagos de Stripe en WordPress. Nuestra forma favorita de aceptar pagos de Stripe es usando el bloque de botones de pago de Stripe de SeedProd.

Es rápido y sencillo y te ayuda a personalizar tu sitio de WordPress sin necesidad de contratar a un desarrollador.

Puede que también te guste leer las siguientes guías de WordPress:

Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en unirte a la conversación en YouTube, X y Facebook para obtener más consejos y contenidos útiles para hacer crecer tu negocio.

avatar de autor
Stacey Corrin Escritor
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, es posible que ganemos una comisión. Sólo recomendamos productos que creemos que aportarán valor a nuestros lectores.