Guía 2021 | Cómo configurar Stripe en WooCommerce

Inicio - Blog - Diseño Web - Guía 2021 | Cómo configurar Stripe en WooCommerce

En esta guía, aprenderas a configurar Stripe en su tienda de WooCommerce.

Antes de empezar, debes asegurarte de que has descargado el plugin oficial de Stripe del mercado de WooCommerce.

Asegúrate de que este plugin está instalado, activo y configurado correctamente.

¡Vamos a saltar a la acción!

1. Habilitar Stripe en WooCommerce

El primer paso es ir a tu panel de control en WordPress, pasar por encima de WooCommerce, e ir a la Configuración.

A continuación, haz clic en la pestaña Pagos.

Por último, haz clic en la casilla para activar el método de pago de Stripe y haz clic en Configurar/Gestionar.

configurar-stripe-woocommerce

Si aún no ha creado una cuenta de Stripe, crea una cuenta de empresa antes de continuar. Necesitará una cuenta de empresa para obtener sus claves API de Stripe.

2. Obtener las claves de la API de Stripe

A continuación, agrega las claves API de su cuenta de Stripe.

Para obtener las claves de su cuenta de Stripe, deberá iniciar sesión en su panel de control de Stripe.

En el panel de Stripe, haz clic en Desarrolladores > Claves de API.

configurar-stripe-woocommerce-wordpress

Entonces, podrás ver tus claves publicables y secretas. Copie estos valores.

A continuación, pegue estos valores en la sección de credenciales de la API. Guarda los cambios.

A continuación, desde el panel de control de Stripe, haz clic en «añadir punto final», y copia el punto final del webhook en WooCommerce y pega este valor en la url del punto final en Stripe.

Finalmente, copia el codigo secreto webhook en Stripe y pega este valor en WooCommerce en la configuración de Stripe.

3. Comprueba que Stripe funciona

Por último, realiza una transacción en vivo en su sitio web utilizando Stripe con los datos de su propia tarjeta de crédito. De esta manera sabremos que cuando lleguen los pedidos reales todo estará bien configurado.

IMPORTANTE

Actualiza un producto de tu tienda para que sea por valor de 1 euro y haz una transacción real con Stripe para asegurarte de que todo funciona.

Abre un navegador en su teléfono u ordenador y vaya a su sitio web y añada uno de sus productos a la cesta.

Debería ver la opción de pagar con tarjeta de crédito. Completa el proceso de compra y añade los datos de tu tarjeta de crédito.

Después, en tu panel de control de WordPress, ve a WooCommerce -> Pedidos y asegúrate de que el pedido se ha procesado correctamente.

¿Cómo configurar el modo de prueba de Stripe en WooCommerce?

En tu panel de control de WordPress, pasa por encima de WooCommerce y haz clic en Configuración.

A continuación, haz clic en la pestaña Pagos y haz clic en Gestionar junto a Stripe.

En Webhook Endpoints, busca «Test mode» y haz clic en «Enable Test Mode».

Si se desplaza hacia abajo en la página de configuración de Stripe, observará que necesitamos insertar nuestra clave publicable de prueba, la clave secreta de prueba y el secreto de Webhook de prueba.

Para obtenerlas, debemos ir a nuestra cuenta de desarrollador de Stripe e iniciar sesión.

En su panel de control de Stripe, busque las claves API y haga clic en el enlace.

A continuación, activa «Ver datos de prueba» en la parte superior derecha y copia y pega la nueva clave publicable de prueba y la clave secreta de prueba en WooCommerce.

A continuación, copie y pegue la nueva clave publicable de prueba y la clave secreta de prueba en la configuración de Stripe de WooCommerce.

Haga clic en Guardar cambios.

Su cuenta de Stripe está configurada.

Si necesitas ayuda para configurar tu cuenta de Stripe para tu tienda online contactame sin compromiso. Todas las webs online que diseño tendrán incluido la configuración de Stripe.

Deja un comentario

disenador-web-freelance-experto-en-wordpress

¡En los últimos 7 años, he trabajado con freelancers, autonomos, startups y empresas con sede en el Reino Unido, España y los EE.UU. y en toda la honestidad, probablemente una ciudad cerca de tí!

Contacto

Mihai Dobre LTD

20-22 Wenlock Road, London, England, N1 7GU