Avisos
Vaciar todo

Problema en móvil Script Paypal

10 Respuestas
3 Usuarios
0 Reactions
29 Visitas
Respuestas: 114
Estimable Member
Topic starter
 

Hola, buenas tardes.

He instalado un script de Paypal en la página https://abacodev.com/curso-python/ de mi web. La finalidad de este script es ofrecer tres métodos diferentes de pago a mis clientes (mediante 3 botones inteligentes), el problema se produce solo desde móvil cuando intentas realizar el pago con tarjeta y ocurre que al hacer clic para escribir el numero de tarjeta se amplia la pantalla del campo de tal forma que la pantalla se vuelve blanca.

Adjunto capturas

Muchas gracias por vuestra ayuda.

pantalla1
Captura de pantalla 2022 02 15 a las 18.00.58

Contenido solo visible a usuarios registrados


 
Respondido : 15/02/2022 5:19 pm
Bruno
Respuestas: 6479
Illustrious Member Moderator
 

Que tal Pablo,

He probado el comportamiento de la opción de tarjeta de credito en dos navegadores distintos (Chrome y Opera) y en dos dispositivos distintos (Android e Iphone) y no logro recrear el error, te dejo capturas

android
ios

Has probado desde otro dispositivo o has limpiado la cache del dispositivo actual donde estas haciendo la visualización?

Verifica y nos comentas, Saludos!


 
Respondido : 15/02/2022 5:42 pm
Respuestas: 114
Estimable Member
Topic starter
 

@bruno-vichetti si estás trabajando desde desktop con un emulador no funciona. tienes que reproducirlo con movil. Aún así he borrado historial en 3 dispositivos, samsung S9, Poco e Iphone y el error persiste

🙁


 
Respondido : 15/02/2022 5:52 pm
Bruno
Respuestas: 6479
Illustrious Member Moderator
 

Hola Pablo,

Respondido por: @pablo-gonzalezslgmail-com

si estás trabajando desde desktop con un emulador no funciona. tienes que reproducirlo con movil.

En efecto, las capturas son de dispositivos reales, no de emuladores 😊 

Te pregunto como has incluido este script en la pagina? si es un código personalizado o hecho a medida debe ser revisado desde el desarrollador o la plataforma donde se genero dicho código.

Por otra parte revisando desde el asistente virtual stephan veo que tienes instalado WP Super Cache, has vaciado la cache del sitio posterior a la visualización de este error en móviles?

Saludos!


 
Respondido : 15/02/2022 6:03 pm
Respuestas: 114
Estimable Member
Topic starter
 

@bruno-vichetti Hecho!

Captura de pantalla 2022 02 15 a las 19.08.50

 Y continua el error 🙁


 
Respondido : 15/02/2022 6:10 pm
Respuestas: 114
Estimable Member
Topic starter
 

El botón lo cree con esta solución directamente desde la página de paypal, (Configurar, copiar y pegar en tu página)

https://www.paypal.com/buttons/smart?flowloggingId=f5756998d3640


 
Respondido : 15/02/2022 6:12 pm
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Pedro, 

He intentado replicar el error al igual que mi compañero Bruno desde mi móvil y no me muestra lo que mencionas

Imagen de iOS (3)

Puedes indicarnos como añades este script?, ten en cuenta si es algo directamente incorporado de Paypal debes consultarlo con el soporte para que te mencionen que puede estar sucediendo. 

Si es posible indícanos más detalle el tipo de código que estás añadiendo, de esta forma podemos verificar con mayor detalle

Un Saludo 


 
Respondido : 15/02/2022 6:16 pm
Bruno
Respuestas: 6479
Illustrious Member Moderator
 

Que tal Pablo,

Pues genial! gracias por las respuestas sin embargo tal como te he mostrado en comentarios anteriores lo hemos probado mis compañeros y yo sin problema, has intentado probar desde otra conexión de internet disponible?

Se que puede sonar redundante pero varios problemas de visualización se deben a la cache almacenada en los navegadores https://guias.webempresa.com/preguntas-frecuentes/limpiar-la-cache-del-navegador/

Si el problema por tu parte persiste puedes intentar generar otro codigo para validar si la sintaxis del anterior tenia que ver con lo que sucede

Saludos!


 
Respondido : 15/02/2022 6:18 pm
Respuestas: 114
Estimable Member
Topic starter
 

@karen Hola!
El código es este:

<div id="smart-button-container">

      <div style="text-align: center;">

        <div id="paypal-button-container"></div>

      </div>

    </div>

  <script src="https://www.paypal.com/sdk/js?client-id=AcmaTbWEUxO3ZCtmLKkMEnBIE4xJYHSR2u3bKTgLwWo4LF2ktutZ2WJclmpbw5wyCwei8fXMbooG6BR5&enable-funding=venmo&currency=EUR" data-sdk-integration-source="button-factory"></script>

  <script>

    function initPayPalButton() {

      paypal.Buttons({

        style: {

          shape: 'pill',

          color: 'gold',

          layout: 'vertical',

          label: 'paypal',

          

        },

 

        createOrder: function(data, actions) {

          return actions.order.create({

            purchase_units: [{"description":"Curso Python - Ábaco Developments","amount":{"currency_code":"EUR","value":601,"breakdown":{"item_total":{"currency_code":"EUR","value":1},"shipping":{"currency_code":"EUR","value":600},"tax_total":{"currency_code":"EUR","value":0}}}}]

          });

        },

 

        onApprove: function(data, actions) {

          return actions.order.capture().then(function(orderData) {

            

            // Full available details

            console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));

 

            // Show a success message within this page, e.g.

            const element = document.getElementById('paypal-button-container');

            element.innerHTML = '';

            element.innerHTML = '<h3>Hemos recibido tu pago, ¡muchas gracias!</h3>';

 

            // Or go to another URL:  actions.redirect('thank_you.html');

            

          });

        },

 

        onError: function(err) {

          console.log(err);

        }

      }).render('#paypal-button-container');

    }

    initPayPalButton();

  </script>

Captura de pantalla 2022 02 15 a las 19.41.20

y adjunto captura de dónde lo estoy metiendo

 

 


 
Respondido : 15/02/2022 6:44 pm
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Pedro, 

En este caso no veo anda en el código que pueda este error, he intentado replicar nuevamente y no lo he logrado. Lo que te recomiendo es que pruebes generar otro codigo y revises si funciona, si no es así puedes consultarlo con el soporte de Paypal para que te indiquen que puede estar sucediendo. 

Pero como te comento actualmente no veo el error al intentar replicarlo

Un Saludo 


 
Respondido : 15/02/2022 7:06 pm