Aquí encontrarás las mejores prácticas para la implementación y uso de Paga con Rappi.
Datos personales
Incluso sin Express CheckOut, recibirás la información de contacto de Rappi que el usuario puede modificar para este pago desde su app. Queremos evitar tener que pedir los datos durante el proceso de compra para que sea más fácil y rápido.
Paga con Rappi, devuelve al comercio la información de contacto: E-mail, nombre, apellido, telefono, método de pago. La recibirás en el mail de confirmación y en tu dashboard.
Pedir datos personales genera fricción con los usuarios que lo que buscan es pagar rápido. Evita pedir datos que Rappi ya te entrega y aumenta tu conversión.
Implementación de Iconos y Logos
Recomendamos utilizar el botón que muestra las tarjetas visa, mastercard, amex, rappipay y rappi card con el fin de que los usuarios conozcan los medios de pago que tienen disponibles.
Asegurate de utilizar los elementos visuales correctos, los cuales los podrás encontrar en este enlace
Implementar logos distorsionados o en colores diferentes a los permitidos o versiones anteriores. Puedes conocer más en nuestro manual de imagen.
Información adicional
Al ser un producto nuevo, es importante informar a los usuarios de esta nueva función de forma clara, por eso te recomendamos agregar información adicional que le permita a entender al cliente el flujo de compra y las tarjetas que son válidas. Esta información puede ir en forma de pop up en el home de tu e-commerce, aquí te dejamos algunas plantillas.
Implementación de PopUp de compra
Utiliza el botón custom de paga con Rappi que abra directamente desde la selección de métodos de pago.
Re-dirigir a otra página únicamente para clickear el botón de pago genera fricción a los usuarios y puede representar pérdidas en las ventas de tus comercios.
Implementación de New Tab (Opcional)
En caso de que tu sitio no soporte un Pop Up con JS o que afecte el performance, puedes abrir Paga con Rappi en una nueva pestaña. Tenemos una pantalla con una interfaz dedicada y optimizada para la conversión de las ventas. Nuestra recomendación es utilizar el Pop up pues tiene mejores conversiones pero tenemos esta opcion tambien.
Re-dirigir a otra página únicamente para clickear el botón de pago genera fricción a los usuarios y puede representar pérdidas en las ventas de tus comercios.
Implementación de Express Checkout
Asegúrate de utilizar los elementos visuales correctos, los cuales los podrás encontrar en Assets. El modal debe abrir sobre la misma pantalla ya sea de producto, carrito o finalizar compra.
No debes preguntarle al usuario información para pagar con el express checkout (al finalizar la compra les devolvemos todos los datos del usuario info personal, datos de envío y método de pago).
Express checkout a nivel producto
Express checkout a nivel carrito
Express checkout en la parte superior de la pantalla de finalizar compra
Implementación Checkout
Asegúrate de utilizar los elementos visuales correctos, los cuales los podrás encontrar en Assets. El modal debe abrir sobre la misma pantalla ya sea de producto, carrito o finalizar compra.
Agregar el texto de explicación: “Paga con tu tarjeta de crédito o débito, VISA, Master Card o AMEX usando tus tarjetas que tienes guardadas en tu cuenta en la app de Rappi.”
Dejar la opción de Paga con Rappi sin logo.
Dejar el logo sin proporción al texto.
Implementación del botón en Apps
Asegúrate de utilizar los elementos visuales correctos, los cuales los podrás encontrar en Assets. El modal debe abrir sobre la misma pantalla ya sea de producto, carrito o finalizar compra.
El ancho del botón se debe adaptar al 100% del contenedor o tener la medida del botón primario del App.
El alto del botón debe tener el mismo alto del botón primario del App.
Se recomienda apilar los botones (El de la marca y Paga con Rappi) verticalmente.
Se recomienda que la ubicación del botón esté en la parte inferior de la pantalla.
Usar proporciones diferentes a los del botón primario del App.
.svg){kind=small}
.svg){kind=small}
.png)
.svg){kind=icon}
.png){kind=small}