evertec / athmovil-javascript-api

Technical documentation used to integrate ATH Móvil's Payment Button on websites using HTML and Javascript.
6 stars 0 forks source link

Imposible colocar contenido debajo de botón de pago en webpage usando HTML y CSS #31

Open educadisllc opened 4 months ago

educadisllc commented 4 months ago

The

statement always places de payment button as the last statement on the webpage. I found it impossible to put any text or graphics below the button. As it is it is V4 is useless for me. V3 has served me well up to this point.

osquiabro commented 1 month ago

lograstes hacer que funciona la version 4?

educadisllc commented 1 month ago

No tuve éxito. Ver imágenes con V3 y V4

V3

[image: educadis_button_v3.png]

V4

[image: educadis_button_v4.png]

Atentamente Jorge L. López, PhD, PE

On Tue, Sep 24, 2024 at 3:54 PM osquiabro @.***> wrote:

lograstes hacer que funciona la version 4?

— Reply to this email directly, view it on GitHub https://github.com/evertec/athmovil-javascript-api/issues/31#issuecomment-2372247315, or unsubscribe https://github.com/notifications/unsubscribe-auth/BJFH6B2F74VYEMDIRUAJEALZYG7PPAVCNFSM6AAAAABJSTHJUGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGNZSGI2DOMZRGU . You are receiving this because you authored the thread.Message ID: @.***>

osquiabro commented 1 month ago

no se ven las imágenes.

educadisllc commented 1 month ago

Atentamente Jorge L. López, PhD, PE

On Tue, Sep 24, 2024 at 5:58 PM osquiabro @.***> wrote:

no se ven las imágenes.

— Reply to this email directly, view it on GitHub https://github.com/evertec/athmovil-javascript-api/issues/31#issuecomment-2372459973, or unsubscribe https://github.com/notifications/unsubscribe-auth/BJFH6BZQNOG3IYLOOBWM7UTZYHN73AVCNFSM6AAAAABJSTHJUGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGNZSGQ2TSOJXGM . You are receiving this because you authored the thread.Message ID: @.***>

lopezjorgel commented 1 month ago

https://educadis-storage.s3.us-east-1.amazonaws.com/courseimages/educadis_button_v3.png

https://educadis-storage.s3.us-east-1.amazonaws.com/courseimages/educadis_button_v4.png

Jorge L. López

On Tue, Sep 24, 2024 at 6:01 PM educadisllc @.***> wrote:

Atentamente Jorge L. López, PhD, PE

On Tue, Sep 24, 2024 at 5:58 PM osquiabro @.***> wrote:

no se ven las imágenes.

— Reply to this email directly, view it on GitHub < https://github.com/evertec/athmovil-javascript-api/issues/31#issuecomment-2372459973>,

or unsubscribe < https://github.com/notifications/unsubscribe-auth/BJFH6BZQNOG3IYLOOBWM7UTZYHN73AVCNFSM6AAAAABJSTHJUGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGNZSGQ2TSOJXGM>

. You are receiving this because you authored the thread.Message ID: @.***>

— Reply to this email directly, view it on GitHub https://github.com/evertec/athmovil-javascript-api/issues/31#issuecomment-2372463546, or unsubscribe https://github.com/notifications/unsubscribe-auth/ADUIFCSUPPPFNHWIWPMMHO3ZYHOLLAVCNFSM6AAAAABJSTHJUGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGNZSGQ3DGNJUGY . You are receiving this because you are subscribed to this thread.Message ID: @.***>

osquiabro commented 1 month ago

creo que me esta ocurriendo lo mismo, no me sale el botón en la versión 4, pero el problema es que nadie de Evertec entra a ver los problemas reportados y en diciembre según un comunicado van a eliminar la versión 3

fjcolonrodz commented 1 month ago

Saludos, el 4 de septiembre envié un email a support con esta misma situación. De hecho, hice referencia a este Issue. Abajo screenshot del email enviado:


Screenshot 2024-09-24 at 6 16 23 PM

La única respuesta que he recibido fue el 5 de septiembre diciendo:

Referiremos su consulta al grupo de programación. Tan pronto tengamos una respuesta nos comunicaremos con usted.

osquiabro commented 1 month ago

por lo menos logras ver el boton, yo no logro verlo, ahora bien cree un html en mi web server con el script tal cual el ejemplo y logre ver el boton, solo si en env es produccion " env: 'production' " si es sandbox no aparece. Pero cuendo inserto dentro de mi app el codigo no aparece y no tengo ningun error en la consola

<!DOCTYPE html>

Payment
educadisllc commented 1 month ago

Resultados de mi investigación.

1) En esta imagen pueden ver copia de mi script de php que "enseña" el botón de pago para la versión 3. Este script funciona apropiadamente.

https://educadis-storage.s3.us-east-1.amazonaws.com/courseimages/educadis_phpscript_v3.JPEG

2) En esta imagen pueden ver lo que se refleja en la página cuando la misma es usada con versión 3 (F12 en Chrome). Se hace evidente que lo que la página refleja es lo mismo que está en el script.

https://educadis-storage.s3.us-east-1.amazonaws.com/courseimages/educadis_Chrome_F12_v3.JPEG

3) En esta imagen pueden ver copia de mi script de php que "enseña" el botón de pago para la versión 4. Las únicas diferencias son a) la llamada al javascript del botón y b) el nombre del botón de pago que ahora es "ATHMovil_Checkout_Button_payment" en lugar de "ATHMovil_Checkout_Button".

https://educadis-storage.s3.us-east-1.amazonaws.com/courseimages/educadis_phpscript_v4.JPEG

4) En esta imagen pueden ver lo que se refleja en la página cuando la misma es usada con versión 4 (F12 en Chrome). Se hace evidente que lo que la página refleja NO es lo mismo que está en el script., falta el

que tiene el nombre de botón de pago "ATHMovil_Checkout_Button_payment".

https://educadis-storage.s3.us-east-1.amazonaws.com/courseimages/educadis_Chrome_F12_v4_parte_A.JPEG

5) Finalmente, pueden ver que el

que tiene el botón de pago "ATHMovil_Checkout_Button_payment" se ha movido al final de la página y tiene dimensiones que no estaban en mi libreto. Además ahora aparece un

— Reply to this email directly, view it on GitHub https://github.com/evertec/athmovil-javascript-api/issues/31#issuecomment-2374273112, or unsubscribe https://github.com/notifications/unsubscribe-auth/BJFH6B4OUK2V53CMGGONQILZYLCYHAVCNFSM6AAAAABJSTHJUGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGNZUGI3TGMJRGI . You are receiving this because you authored the thread.Message ID: @.***>

osquiabro commented 1 month ago

en adiccion en ambiente de sandbox no funciona el boton

fjcolonrodz commented 1 month ago

@osquiabro entiendo que el entorno sandbox lo deshabilitaron en la nueva versión. Según la documentación:

Disclaimer: We currently do not have a Testing environment. You need to have an active ATH Business account and a active ATH Móvil account.

osquiabro commented 1 month ago

@fjcolonrodz, lei el Disclaimer pero es confuso ya que entiendo que se debe tener una ATH Business activa para poder obtener los tokens, pero para uno hacer pruebas del flujo debe de haber un ambiente de prueba, imagina que todas las pruebas se tenga que estar enviando dinero y luego que te lo devuelvan.

osquiabro commented 1 month ago

Saludos, logre que aparezca el botón pero en efecto lo pone en la parte izquierda del footer, sin posibilidad de poder ponerlo donde uno quiere.

En adicción es importante que se cuente con un ambiente de prueba, todos los engines de pagos que he trabajado lo tienen. @educadisllc @fjcolonrodz

educadisllc commented 1 month ago

Para bien o para mal, es bueno saber que no soy el único que estoy confrontando este problema.

Atentamente Jorge L. López, PhD, PE

On Thu, Sep 26, 2024 at 10:34 AM osquiabro @.***> wrote:

Saludos, logre que aparezca el botón pero en efecto lo pone en la parte izquierda del footer, sin posibilidad de poder ponerlo donde uno quiere.

En adicción es importante que se cuente con un ambiente de prueba, todos los engines de pagos que he trabajado lo tienen. @educadisllc https://github.com/educadisllc @fjcolonrodz https://github.com/fjcolonrodz

— Reply to this email directly, view it on GitHub https://github.com/evertec/athmovil-javascript-api/issues/31#issuecomment-2377153480, or unsubscribe https://github.com/notifications/unsubscribe-auth/BJFH6B4UYSYMU5JCGZDJK4TZYQLPXAVCNFSM6AAAAABJSTHJUGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGNZXGE2TGNBYGA . You are receiving this because you were mentioned.Message ID: @.***>

gissimo commented 1 month ago

Hola, yo estoy usando V3 y tengo claro que dentro de poco habrá que pasar a V4. Aún no me he podido poner con ello, en cuanto pueda compartiré experiencia. Vistos los problemas, se agradecería soporte de la parte de Evertec (@joel27martinez, @duhamel-rosado, @diegomevertec, @atomicalsoftwares). Gracias y saludos, Giorgio

atomicalsoftwares commented 1 month ago

Hola, yo estoy usando V3 y tengo claro que dentro de poco habrá que pasar a V4. Aún no me he podido poner con ello, en cuanto pueda compartiré experiencia. Vistos los problemas, se agradecería soporte de la parte de Evertec (@joel27martinez, @duhamel-rosado, @diegomevertec, @atomicalsoftwares). Gracias y saludos, Giorgio

No trabajo para Evertec amigo, sin duda alguna no habrian tantos Q&A abiertos :'D

Pero para compartir, este problema del payment button v4 no me ocurre, tienen algun repositorio publico que puedan compartir para probar? (Repositorio de ejemplo).

fjcolonrodz commented 1 month ago

Saludos, ayer di follow-up a support y recibí esta respuesta. Tan pronto tenga información adicional, les dejo saber.


Screenshot 2024-09-26 at 5 17 22 PM
gustavoelizalde commented 1 week ago

Saludos comunidad... ¿tenemos alguna novedad sobre esto? Evertec sigue enviando el correo que en Diciembre dan de baja la versión anterior, pero será que solucionaron la nueva versión?

lopezjorgel commented 1 week ago

Hoy recibí llamada de Evertec y me informaron que están trabajando el problema y que la fecha de implementación de la versión 4 será movida para 2025.

Jorge L. López

On Thu, Oct 24, 2024 at 5:16 PM Gustavo Sebastian Elizalde Ibañez < @.***> wrote:

Saludos comunidad... ¿tenemos alguna novedad sobre esto? Evertec sigue enviando el correo que en Diciembre dan de baja la versión anterior, pero será que solucionaron la nueva versión?

— Reply to this email directly, view it on GitHub https://github.com/evertec/athmovil-javascript-api/issues/31#issuecomment-2436351173, or unsubscribe https://github.com/notifications/unsubscribe-auth/ADUIFCSW4NWSOHY64DO5SNDZ5FPRBAVCNFSM6AAAAABJSTHJUGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIMZWGM2TCMJXGM . You are receiving this because you commented.Message ID: @.***>

gustavoelizalde commented 1 week ago

Muchas gracias por el update @lopezjorgel

osquiabro commented 1 week ago

curiosamente el 25 de Octubre volvieron a enviar el mensaje que la versión 4 entra en vigor el 1 de diciembre