Stripe Embedded Checkout ofrece una experiencia de pago moderna, rápida y totalmente segura sin redirecciones externas.
Permite mantener al usuario dentro del flujo de su tienda WooCommerce
reduciendo el abandono de carrito y mejorando la conversión
Pasos para la implementación
Cree una cuenta en Stripe
Active los modos Live y Test.
Obtenga las claves públicas y secretas
Desde el panel de Stripe → Developers → API Keys.
Integre Stripe con WooCommerce
Mediante el plugin de Stripe para Woocommerce o mediante código.
Productos y Precios
Defina sus productos y los precios en el panel de Stripe.
Botón de pago
Interte el botón de pago en un bloque de WordPress o mediante código.
Tabla de referencia
| Elemento | Descripción | Fuente |
|---|---|---|
|
public_key |
Clave pública para frontend |
Stripe Dashboard |
|
secret_key |
Clave privada para servidor |
Stripe Dashboard |
|
price_id |
ID de producto/precio |
Stripe → Products |
|
success_url |
Redirección tras pago exitoso |
Su dominio |
|
cancel_url |
Redirección tras cancelación |
Su dominio |
Bloque de código: ejemplo de botón embebido.
<script async src="https://js.stripe.com/v3/buy-button.js"></script>
<stripe-buy-button
buy-button-id="buy_btn_1234abcd"
publishable-key="pk_live_xxxxxxxxxxxxxxxx">
</stripe-buy-button>
Recomendaciones finales:
- Utilice modo prueba antes de activar producción.
- Asegúrese de que las URL de éxito y cancelación usen HTTPS.
- Verifique el cumplimiento de SCA (Strong Customer Authentication) en su país.