Raya Es una pasarela de pago popular y potente que admite una amplia gama de métodos de pago y es adecuada para pagos transfronterizos y una gran variedad de escenarios empresariales. Integre Stripe en Sitio web de WordPressPuede ayudar a los webmasters a implementar rápidamente la función de pago en línea. Aquí están los pasos detallados deInstale el plugin para configurar la función de pagoEstamos aquí para ayudarle con su integración de Stripe.
![Imagen [1] - Cómo integrar Stripe en un sitio web WordPress: Tutorial completo paso a paso](https://www.361sale.com/wp-content/uploads/2025/01/20250103104552991-image.png)
preliminar
Antes de empezar, prepárese para ello a continuación:
1. Tener una cuenta Stripe
- Si no, vaya Sitio web oficial de Stripe Regístrese para obtener una cuenta.
- Consígalo en el backend de su cuenta
Clave API(ContieneClaves de publicaciónresponder cantandoclave privada) para conectarse al sitio de WordPress.
2. Instalar WordPress
- Asegúrese de que el sitio de WordPress está en funcionamiento y puede instalar el plugin.
montajeWordPressPara más detalles, consulte nuestro artículo:
Tutorial ultradetallado para la instalación manual de WordPress en Tencent Cloud mediante 1Panel
Cómo configurar Stripe en un sitio web WordPress
Si sólo quiere empezar conVentas a precio fijoUn artículo (por ejemplo, suscripción de membresía a un sitio web, etc.), entonces lo ideal es utilizar Stripe.
Paso 1: Instale el plugin de Stripe
Instalación y activación "Stripe Payments WordPress Plugin - WP Simple Pay" Complementos.
![Imagen [2] - Cómo integrar Stripe en un sitio web WordPress: Tutorial completo paso a paso](https://www.361sale.com/wp-content/uploads/2025/01/20250103100338228-image.png)
Este plugin está disponible tanto en versión gratuita como de pago.
Pago simple WP es un plugin independiente que facilita la integración de Stripe con WordPress.
Las características de la versión gratuita del plugin incluyen:
- Se integra con Stripe Checkout y admite un número ilimitado de formularios de pago.
- Muestre imágenes de la marca o del producto en la página de pago de Stripe.
- Recopile funciones como las opciones de facturación y dirección de envío del cliente.
Instalación y activación Pago simple WP Después de instalar el plugin, verá en la esquina superior derecha del panel de control de WordPress un "Modo de prueba activado"Aviso.
![Imagen [3] - Cómo integrar Stripe en un sitio web WordPress: Tutorial completo paso a paso](https://www.361sale.com/wp-content/uploads/2025/01/20250103100452665-image.png)
Paso 2: Configurar su cuenta de Stripe
Vaya a la página de Configuración
Navegue en el backend de WordPress hasta "Simple Pay Lite > Configuración".
![Imagen [4] - Cómo integrar Stripe en un sitio web WordPress: Tutorial completo paso a paso](https://www.361sale.com/wp-content/uploads/2025/01/20250103100705341-image.png)
patrón de prueba
En la página de ajustes, verá "patrón de prueba"El valor predeterminado es "Activado". Cuando el sitio se ponga oficialmente en marcha o empiece a cobrar los pagos, cámbielo por "Discapacitados".
Ficha Configuración
WP Simple Pay utiliza varias pestañas para gestionar los ajustes, incluyendo "Configuración de la raya".y"General". responder cantando "Confirmación de pago".
![Imagen [5] - Cómo integrar Stripe en un sitio web WordPress: Tutorial completo paso a paso](https://www.361sale.com/wp-content/uploads/2025/01/20250103101227737-image.png)
Ajustes generales (General)
- Configure páginas relacionadas con el pago, como "Página de éxito del pago", "Página de fracaso del pago" y "Página de cancelación del pago".
- La lista Páginas muestra las páginas que ya existen en su sitio WordPress.
- Configure el tipo de moneda y seleccione la moneda adecuada para el negocio de su sitio web (por ejemplo, USD, GBP, etc.).
![Imagen [6] - Cómo integrar Stripe en un sitio web WordPress: Tutorial completo paso a paso](https://www.361sale.com/wp-content/uploads/2025/01/20250103101352209-image.png)
Confirmación de pago (Confirmación de pago)
- Configure el mensaje que aparecerá en pantalla tras un pago efectuado con éxito.
- La información de la página de éxito puede personalizarse utilizando las etiquetas de plantilla que se proporcionan en la página.
Conectar raya
- volver (o irse) "Configuración de Stripe" pulse "Conectar con Stripe". para conectar Stripe al sitio de WordPress.
![Imagen [7] - Cómo integrar Stripe en un sitio web WordPress: Tutorial completo paso a paso](https://www.361sale.com/wp-content/uploads/2025/01/20250103101414139-image.png)
- Si ya tiene una cuenta de Stripe, haga clic en la esquina superior derecha de la página para "Iniciar sesión" para iniciar la sesión.
- Si no tiene una cuenta, rellene el formulario y active su cuenta.
Activación de la cuenta
- Tras activar su cuenta, la dirección de correo electrónico utilizada para el registro aparecerá como "Administrador (propietario)", indicando que la cuenta de Stripe se ha conectado correctamente al sitio web.
![Imagen [8] - Cómo integrar Stripe en un sitio web WordPress: Tutorial completo paso a paso](https://www.361sale.com/wp-content/uploads/2025/01/20250103101422551-image.png)
Paso 3: Crear formulario de pago
Ir a la página del formulario de pago
En el backend de WordPress, navegue hasta "Simple Pay Lite > Formularios de pago".
Esta página listará todas las formas de pago creadas en el sitio.
Creación de un nuevo formulario
- golpe (en el teclado) "Añadir nuevo".
![Imagen [9] - Cómo integrar Stripe en un sitio web WordPress: Tutorial completo paso a paso](https://www.361sale.com/wp-content/uploads/2025/01/20250103101644110-image.png)
- Añada un título al formulario (sólo para referencia en el backend, no se mostrará en el frontend).
![Imagen [10] - Cómo integrar Stripe en un sitio web WordPress: Tutorial completo paso a paso](https://www.361sale.com/wp-content/uploads/2025/01/20250103103212898-image.png)
Configuración de las opciones del formulario
En la página Configuración del formulario, hay que rellenar las pestañas siguientes:
- Opciones de pago::
- Establezca el modo de pago en "Configuración global" por defecto.
- Configure el importe a tanto alzado (por ejemplo, $1).
![Imagen [11] - Cómo integrar Stripe en un sitio web WordPress: Tutorial completo paso a paso](https://www.361sale.com/wp-content/uploads/2025/01/20250103103238675-image.png)
- Visualización del formulario in situ (configuración de la visualización del formulario)::
- Personalice el texto del botón de pago (por ejemplo, "Pague ahora").
- Pantalla de pago Stripe::
- Rellene el nombre, la descripción y la imagen del producto, que se mostrarán en la página de pago de Stripe.
- Personalice el color y el estilo del botón de envío según sus necesidades.
![Imagen [12] - Cómo integrar Stripe en un sitio web WordPress: Tutorial completo paso a paso](https://www.361sale.com/wp-content/uploads/2025/01/20250103103357263-image.png)
Configuraciones opcionales
- Si lo desea, existe la opción de recoger "dirección de entrega"y"dirección de facturación".
- Opciones de suscripciónEsta función sólo está disponible en la versión Pro del plugin, por lo que si necesita el modo de suscripción, deberá adquirir la versión Pro.
![Imagen [13] - Cómo integrar Stripe en un sitio web WordPress: Tutorial completo paso a paso](https://www.361sale.com/wp-content/uploads/2025/01/20250103103454120-image.png)
Formularios de contabilización
- Una vez completados todos los ajustes, pulse en la parte derecha de la pantalla "Publicar" Botón.
- Tras la publicación, el formulario de pago se mostrará en el "Simple Pay Lite > Formularios de pago" Página.
![Imagen [14] - Cómo integrar Stripe en un sitio web WordPress: Tutorial completo paso a paso](https://www.361sale.com/wp-content/uploads/2025/01/20250103103508934-image.png)
Copie el código corto
- En la página Lista de formularios de pago, copie el shortcode para el nuevo formulario.
- A continuación, se puede incrustar el shortcode en el formulario de pago que debe mostrarse en elPágina o artículoMedio.
Paso 4: Integrar el formulario de pago de Stripe en la página
Crear nueva página
Navegue en el backend de WordPress hasta "Páginas > Añadir nueva página".
Nombrar la página
Nombre la página, por ejemplo "Mi página de libros electrónicos".
![Imagen [15] - Cómo integrar Stripe en un sitio web WordPress: Tutorial completo paso a paso](https://www.361sale.com/wp-content/uploads/2025/01/20250103103859356-image.png)
Añadir widget shortcode
En el editor de páginas, añada un widget shortcode.
![Imagen [16] - Cómo integrar Stripe en un sitio web WordPress: Tutorial completo paso a paso](https://www.361sale.com/wp-content/uploads/2025/01/20250103103909703-image.png)
Inserte el código corto
Copie el shortcode del formulario de pago copiado anteriormentePegue en el widget. Guarde y publique la página.
![Imagen [17] - Cómo integrar Stripe en un sitio web WordPress: Tutorial completo paso a paso](https://www.361sale.com/wp-content/uploads/2025/01/20250103104002463-image.png)
Ver botón de pago
En la página, verá unbotón "PAGAR CON TARJETA". Tras hacer clic en el botón, será redirigido a la página de pago.
![Imagen [18] - Cómo integrar Stripe en un sitio web WordPress: Tutorial completo paso a paso](https://www.361sale.com/wp-content/uploads/2025/01/20250103104034748-image.png)
Llegados a este punto, ¡la página de pago se ha configurado y la función de pago de Stripe se ha integrado correctamente en el sitio web de WordPress!
| Contacte con nosotros | |
|---|---|
| ¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas |
Servicio de atención al cliente WeChat
|
| ① Tel: 020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| (iii) Correo electrónico: info@361sale.com | |
| ④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres | |
Enlace a este artículo:https://www.361sale.com/es/32419El artículo está protegido por derechos de autor y debe ser reproducido con atribución.






















![Emoji[wozuimei]-Photonflux.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Emoticono [baoquan] - Photon Wave Network | Servicios profesionales de reparación de WordPress, cobertura mundial, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Sin comentarios