Con la integración de Wix, tus clientes pueden pagar con tarjeta de crédito o débito a través de QPayPro directamente en el checkout de tu tienda Wix. Al confirmar el pedido, el cliente pasa a la página segura de pago de QPayPro y regresa a tu tienda con el pedido marcado como pagado.

¿Qué hace QPayPro con tu tienda Wix?

• Checkout: agrega la opción Tarjeta de crédito o débito (QPayPro), con el logo de QPayPro, al checkout de Wix.
• Pago seguro: el cliente ingresa los datos de su tarjeta en la página de QPayPro; tu tienda nunca ve la tarjeta.
• Pedidos: cuando el pago se completa, Wix marca el pedido como pagado en Ventas → Pedidos.
• Moneda: cobra en la moneda de tu sitio (por ejemplo GTQ o USD).

Antes de empezar

• Tu sitio Wix debe tener un plan Premium que permita recibir pagos (Business o eCommerce) y Wix Stores instalado.
• Necesitas tu llave pública (x_login) y tu llave privada (x_api_key) de QPayPro. Las encuentras en tu portal de QPayPro.
• La moneda de tu sitio Wix debe ser la misma que la de tu cuenta QPayPro (Wix: Ajustes → Idioma y región → Divisa).
• Descarga el archivo qpaypro-wix-plugin.zip que está adjunto al final de esta guía y descomprímelo. Trae los 3 archivos del plugin (qpaypro-config.js, qpaypro.js y http-functions.js) y un LEEME.txt.

Paso 1. Activa el modo desarrollador

Abre tu sitio en el Editor de Wix. En el menú superior haz clic en Modo desarrollador y luego en Activar.

Modo desarrollador activado en el Editor de Wix

Paso 2. Crea el plugin de pago

1. En la barra izquierda haz clic en el ícono { } (Backend y público).
2. En Complementos de servicio haz clic en + y elige Pago.
3. Acepta el aviso legal de Wix.
4. Escribe el nombre qpaypro (en minúsculas) y haz clic en Agregar y editar código.

Complementos de servicio: agregar Pago

Paso 3. Pega el código

1. Abre qpaypro-config.js, borra todo su contenido y pega el archivo qpaypro-config.js del archivo que descargaste.
2. Abre qpaypro.js, borra todo y pega el archivo qpaypro.js. En la línea 4 cambia la dirección por la de tu tienda, por ejemplo const SITE_URL = 'https://www.mitienda.com';
3. En Backend haz clic en + → Exponer API del sitio. Se crea http-functions.js: borra todo y pega el archivo http-functions.js.

Paso 4. Publica tu sitio

Haz clic en Publicar (arriba a la derecha). El plugin solo funciona en el sitio publicado.

Paso 5. Conecta tu cuenta de QPayPro

1. En el panel de tu sitio entra a Ajustes → Aceptar pagos.
2. Busca Tarjeta de crédito o débito (QPayPro) y haz clic en Conectar.

QPayPro en Ajustes > Aceptar pagos

3. Ingresa tu llave pública y tu llave privada.
4. En Ambiente elige Producción para cobrar de verdad, o Sandbox (pruebas) si usas credenciales de prueba.
5. Haz clic en Conectar.

Formulario Conecta QPayPro

Paso 6. Haz una compra de prueba

Agrega un producto al carrito, ve al checkout y elige Tarjeta de crédito o débito (QPayPro). Completa el pago en la página de QPayPro y verifica que el pedido aparezca como pagado en Ventas → Pedidos.

Preguntas frecuentes

No aparece QPayPro en el checkout. Revisa que el sitio esté publicado y que QPayPro esté conectado y activo en Aceptar pagos.

Aparece un error al colocar el pedido. Verifica tus llaves y que el ambiente (Producción o Sandbox) corresponda a esas llaves.

¿Puedo hacer reembolsos desde Wix? Por ahora los reembolsos se gestionan desde tu portal de QPayPro.

¿Necesitas ayuda? Escríbenos a soporte de QPayPro y con gusto te ayudamos con la instalación.