Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Problema en móvil Script Paypal  

 
Pablo
 Pablo
Estimable Member

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

Citar
Respondido : 15/02/2022 5:19 pm
Bruno
 Bruno
Soporte CMS Webempresa 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!

ResponderCitar
Respondido : 15/02/2022 5:42 pm

Pablo
 Pablo
Estimable Member

@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

🙁

ResponderCitar
Respondido : 15/02/2022 5:52 pm
Bruno
 Bruno
Soporte CMS Webempresa 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!

ResponderCitar
Respondido : 15/02/2022 6:03 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pablo
 Pablo
Estimable Member

@bruno-vichetti Hecho!

Captura de pantalla 2022 02 15 a las 19.08.50

 Y continua el error 🙁

ResponderCitar
Respondido : 15/02/2022 6:10 pm
Pablo
 Pablo
Estimable Member

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

ResponderCitar
Respondido : 15/02/2022 6:12 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Karen Rios
 Karen Rios
Soporte CMS Webempresa 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 

ResponderCitar
Respondido : 15/02/2022 6:16 pm
Bruno
 Bruno
Soporte CMS Webempresa 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!

ResponderCitar
Respondido : 15/02/2022 6:18 pm

Cursos Gratuitos WordPress

Pablo
 Pablo
Estimable Member

@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

 

 

ResponderCitar
Respondido : 15/02/2022 6:44 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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 

ResponderCitar
Respondido : 15/02/2022 7:06 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress