Post Top Ad

Your Ad Spot

miércoles, 26 de agosto de 2020

Checkout de Magento: personalización, pruebas A / B, optimización

Aquí aprenderá sobre el proceso de pago en Magento 2: sus capacidades de personalización básicas y más avanzadas. También enumeramos las diferencias entre los pagos de Magento 1 y Magento 2 y compartimos consejos probados sobre la optimización del pago y las pruebas A / B.
Checkout en Magento 1 vs Magento 2: ¿Cuáles son las diferencias?
Cómo personalizar el pago de Magento: agregue un paso adicional
Pruebas A / B de Magento Checkout
Los mejores consejos de marketing: cómo optimizar su proceso de pago

Checkout en Magento 1 vs Magento 2: ¿Cuáles son las diferencias?

El proceso de pago en Magento 2 se ha mejorado significativamente en comparación con Magento 1. Ahora, la navegación del usuario es mucho más fácil: en lugar de los seis pasos que un usuario tuvo que seguir en Magento 1, la segunda versión ofrece un pago simple de dos pasos de Magento .
Antes de:

magento 1 pago

Después:

magento pago en dos pasos

También hay un pago para invitados de Magento disponible ahora (si se selecciona  en la configuración del sitio web). Además de eso, Magento 2 puede buscar automáticamente los clientes registrados existentes, analizando sus correos electrónicos. La optimización del proceso de realización de pedidos y el uso de pasarelas de pago populares permitió acelerar el proceso de pago en un 38% .
Por lo tanto, la opinión general es que en Magento 2, el proceso de pago se ha vuelto más simple, más rápido y más fácil de usar.
Además de eso, Magento 2 ofrece una mayor escalabilidad. Una pila de tecnología más actualizada permite que la plataforma procese alrededor de 250.000 pedidos por hora, un 117% más de lo que Magento 1 podría procesar. La segunda versión más nueva también puede manejar más de 2 millones de visitas al catálogo por hora.
La migración a Magento 2 puede reducir la tasa de abandono del carrito debido a que el proceso de pago es más corto y sencillo, además de brindarle acceso a algunas funciones modernas útiles, que incluyen:
  • No uso de versiones de PHP obsoletas
  • Capacidades de SEO extendidas (metaetiquetas, URL canónicas, interfaz amigable para dispositivos móviles)
  • Capacidades de búsqueda extendidas, incluido el uso de Elasticsearch
  • Características adicionales de la pasarela de pago
migración a magento 2

Migración a Magento 2

Lleve su tienda en línea al siguiente nivel con BelVG Magento Migration
MIGRAR HOY

Cómo personalizar el pago de Magento: agregue un paso adicional

Hay una variedad de módulos de terceros que ayudan en la personalización del proceso de pago y lo hacen más simple y conveniente para el usuario final. La mayoría de estos módulos permiten crear un checkout de M agento en un solo paso . Puede encontrar algunas de las soluciones listas para usar en el mercado oficial.
También puede agregar un paso personalizado adicional manualmente. Este paso debe implementarse como un componente de la interfaz de usuario. Para garantizar la compatibilidad, las actualizaciones fáciles y el mantenimiento sencillo, no debe editar el código de Magento, lo que significa que debe implementarse un paso adicional como un módulo separado.
Paso # 1 . Creemos una parte de vista para implementar un nuevo paso de pago:
1. Primero, es necesario crear un directorio para los módulos; todos los módulos de usuario deben almacenarse allí. Para un funcionamiento correcto, el nuevo módulo debe tener una dependencia del Magento_Checkoutmódulo. No debe usar Ui como parte del nombre del módulo personalizado ya que el uso de %Vendor%_Uipuede causar un error.
2. Necesita crear un archivo .js que implemente el módulo de vista.
3. Luego, debe crear una plantilla .html para un componente.

Aquí hay una instrucción más detallada del Paso # 1:

Agregue un archivo JS que implemente un nuevo paso
El nuevo paso de pago debe implementarse como un componente de la interfaz de usuario, lo que significa que su implementación JS debe ser un módulo de JavaScript. Otro punto importante es que este archivo debe estar ubicado en el <your_module_dir>/view/frontend/web/js/viewdirectorio. <your_module_dir>aquí muestra la ruta al directorio del módulo desde el directorio raíz. Será una app/code/<YourVendor>/<YourModule>o la otra vendor/<yourvendor>/module-<module>-<name>.
Por ejemplo <your_module_dir>/view/frontend/web/js/view/example-step.js:

Agrega una plantilla .html.

En el directorio del módulo, debe agregar una plantilla .html para un componente. Debería estar ubicado en el <your_module_dir>/view/frontend/web/templatedirectorio.
Por ejemplo example-step.html:

Paso 2. Agregue su paso al diseño de la página de pago.
Para que su nuevo paso sea visible en la página, debe declararlo en el diseño de la página de pago que se define en checkout_index_index.xml.
Es por eso que necesita agregar un checkout_index_index.xml archivo extensible aquí:<your_module_dir>/view/frontend/layout/checkout_index_index.xml
checkout_index_index.xml El ejemplo se ve así:

Pruebas A / B de Magento Checkout

Para evaluar la efectividad de los cambios implementados, puede utilizar las pruebas A / B . El objetivo es clasificar a los visitantes del sitio web en segmentos al azar. Uno de los segmentos no verán cambios - es un control segmento A . Evaluaremos la efectividad de los cambios implementados en base a los datos de este segmento. Los visitantes del sitio web que pertenecen al segmento B verán la versión del sitio web ajustada.
Luego, debe disminuir la influencia de factores externos asegurándose de que los usuarios vean las páginas en el mismo período de tiempo. También es importante no confundir los segmentos.
Las pruebas A / B funcionan bien para los siguientes casos:
1. Pago de invitado de Magento frente a pago de miembro
Los pagos de miembros e invitados son bastante diferentes. Cuando los visitantes del sitio web se registran, obtienen algunas ventajas, incluido el historial de pedidos y un proceso de pago más sencillo en el futuro. Además, el usuario puede recibir varias notificaciones, por ejemplo, sobre buenas ofertas. Parece atractivo, pero también tiene una desventaja: un paso más de pago. ¿No asusta a los clientes potenciales? Gracias a las pruebas A / B, puede averiguar y comparar las tasas de conversión con los pagos de clientes o miembros.
2. Señales de confianza y seguridad
Con la ayuda de las pruebas A / B, puede evaluar cómo las señales de confianza y seguridad influyen en la tasa de conversión. Un usuario puede asumir que los signos particulares en una página de pago significan que los datos se almacenarán de forma segura. Puede animar a este usuario a pedir un producto del sitio web sin dudarlo.
3. Elimine cualquier punto de fricción a lo largo del camino de pago.
Si elimina elementos que pueden distraer a un usuario del proceso de pago, también puede aumentar el número de pedidos completados con éxito. Por ejemplo, puede probar si un panel de navegación o un chat en vivo influyen en la cantidad de personas que completan el proceso de pago.
4. Pago en un solo paso o en varias páginas
También puede ser útil descubrir cómo el cambio de la cantidad de pasos de pago influye en si las personas completan el pedido o no y cuándo abandonan la página si lo hacen.
5. Llamados a la acción
Los CTA se utilizan para navegar por los usuarios del sitio web y animarlos a realizar una acción específica: leer, descargar, compartir, comprar u otros. El objetivo principal aquí es dejar claras tus llamadas a la acción. Si simplemente agrega los botones Continuar o Enviar , es posible que no haya ninguna diferencia para un usuario. Puede experimentar con colores, íconos, sus tamaños y ubicaciones de botones para encontrar la mejor combinación.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas