Saltar al contenido principal

Proceso de instalación para el plugin de Woocommerce

Cómo instalar el plugin de pago Hero Gateway para Woocommerce

Paso 1: Descargar e instalar el plugin

  1. Descargue el Plugin haciendo clic en este enlace: descargar plugin WooCommerce.

  2. Vaya a Plugins / Añadir nuevo y haga clic en el botón Subir Plugin

    Subir Plugin
  3. Elija el archivo .zip del Plugin que acaba de descargar

    Elegir archivo zip
  4. Haga clic en Instalar ahora para comenzar la integración del plugin Hero Woocommerce. Una vez finalizada la instalación, haga clic en Activar Plugin

    Instalar ahora
    Activar Plugin

Paso 2: Configurar el plugin

  1. Después de activar el Plugin, escriba Hero en Buscar plugins instalados y haga clic en Ajustes para configurar el Plugin:

    Buscar y configurar plugin
  2. En el Paso 1 de la configuración del módulo Hero, debe ingresar la clave API de prueba. Copie la clave API de prueba proporcionada aquí y péguela en el campo - Su clave API de prueba:

    Clave API de prueba:

    key_72057320-53e6-4943-a777-a9a033ac9742
    Introducir clave API de prueba
  3. Una vez pegada la clave API de prueba en el campo, haga clic en Verificar mi clave API de prueba.

    Verificar clave API

Paso 3: Verificar la integración

  1. En el Paso 2, siga las instrucciones. Haga clic derecho en Visitar tienda y verifique que todo lo descrito en los pasos de prueba funcione correctamente.

    Instrucciones de verificación
    Pasos de prueba (expandir para detalles)
    1. Explore su sitio y añada uno de los productos al carrito, para probar la página de pago y la redirección.
    2. Una vez que añada el producto, inicie el proceso de pago. Debería poder ver el método de pago Hero en la página de pago de su sitio:
      Método de pago Hero
    3. Cuando haga clic en Pagar, debería redirigirle a la página de pago de prueba de Hero
      Página de pago de Hero
  2. Una vez que haya finalizado las verificaciones, marque la casilla - Certifico que he realizado todas las verificaciones anteriores y haga clic en Siguiente paso:

    Certifico verificaciones

Paso 4: Realizar un pago de prueba

  1. En el Paso 3, realice un pedido de prueba en su sitio con los datos de tarjeta de crédito de PRUEBA. Si la prueba es exitosa, puede continuar con la configuración del plugin, de lo contrario, escríbanos a support@hero.fr.

    Credenciales de pago de prueba:

    Tarjeta de pago: 4010 0617 0000 0021
    Vencimiento: 12/34
    CVV: 123
    Código 3DS (3D Secure): Checkout1!
    Prueba de pago
    Procedimiento de prueba de pago (expandir para detalles)
    1. Inicie el pago nuevamente en su sitio web e introduzca los datos de tarjeta de crédito de PRUEBA en la página de pago de Hero:
      Introducir datos de tarjeta
    2. Introduzca el código 3DS de prueba: Checkout1! - para confirmar el pago de PRUEBA:
      Código 3DS
    3. Una vez que el pago sea exitoso, verá la página de confirmación de compra y después será redirigido de vuelta a su sitio web para ver el pedido de PRUEBA:
      Confirmación de compra
    4. Desde su panel de administración de Woocommerce, haga clic en Woo y verifique que el pedido exitoso sea visible en sus pedidos:
      Admin pedidos 1
      Admin pedidos 2
  2. Una vez que haya finalizado las verificaciones, marque la casilla - Certifico que he realizado todas las verificaciones anteriores y haga clic en Siguiente paso:

    Certifico prueba

Paso 5: Configuración de producción

  1. En el Paso 4, debe pegar su clave API de Producción, que podrá encontrar en el panel de administración de Hero, vaya al sitio web de Hero e inicie sesión en su cuenta: https://onboarding.heropay.eu/signin?flow=registered&country=FR

    Inicio de sesión Hero
    Obtener su clave API de producción (expandir para detalles)
    1. Una vez que inicie sesión, haga clic en Encaissements
      Menú Encaissements
    2. Después de llegar a la página Encaissements, haga clic en Paramètres, luego haga clic en Configuration site Internet y copie su clave API haciendo clic en el botón Copier la clé API
      Copiar API
    3. Después de copiar la clave API, péguela en este campo en su página de administración de WooCommerce y haga clic en Activar el módulo
      Activar módulo
  2. En el Paso 5, marque la casilla - Certifico que he realizado todas las verificaciones anteriores y haga clic en Completar configuración

    Completar configuración

Paso 6: Configurar el orden de visualización de pagos

  1. Haga clic en el icono Woocommere y luego haga clic en Ajustes

    Menú ajustes
  2. Después de ir a Ajustes, haga clic en Pagos para cambiar la posición deseada del método de pago Hero en la página de pago

    Pagos