WooCommerce

El proceso de pago es uno de los pasos más importantes en el recorrido del comprador: es la última oportunidad que tiene para convencer a los compradores para que realicen una compra. Pero un increíble 63,23% de los carritos de compras de comercio electrónico están abandonados. Eso es un montón de compradores en línea que deciden comprar un producto pero cambian de opinión en el último segundo.

Hay una variedad de factores que afectan a los carritos abandonados (como los costos de envío y las opciones de pago), pero la página de pago en sí también juega un papel importante. Si es demasiado complicado, demasiado largo o requiere información demasiado personal, los clientes pueden irse y comprar un producto similar en otro lugar.

¿Una forma de optimizar tu página de pago? Campos de pago personalizados según las necesidades de su negocio y el público objetivo. Por ejemplo: Si normalmente no vendes a empresas, elimina el campo Nombre de la empresa. Si envías sorpresas de cumpleaños a tus clientes, incluye un campo de Fecha de nacimiento. Si vende productos para mascotas, puede tener sentido preguntar por el tipo de mascota.

En este artículo, te explicaremos cómo personalizar tu página de pago para satisfacer las necesidades de tu público objetivo y de tu empresa.

Modificaciones del campo de pago

WooCommerce proporciona todos los campos esenciales para su página de pago. De forma predeterminada, pide a los clientes:

• detalles de Facturación
• Primer nombre
• apellido
• nombre de la Empresa
• País
• Dirección
• Ciudad/la Ciudad de
• Distrito de
• código POSTAL
• Teléfono
• dirección de Correo electrónico
• notas de Pedido

Hay un montón de maneras de personalizar la página, incluyendo:

• Editar el diseño
• Cambiar el texto en el botón «Realizar pedido»
• Eliminar un campo
• Hacer que un campo sea obligatorio (o no obligatorio)
• Cambiar las etiquetas de campo de entrada y el texto del marcador de posición
• Recopilar los números de cuenta de los clientes
• Verificar una preferencia de entrega
• Permitir a los clientes solicitar una fecha o fecha límite de entrega
• Establecer un método de contacto preferido

Estas son solo algunas de las personalizaciones que puede realizar; WooCommerce proporciona una flexibilidad casi infinita para todos los niveles de experiencia. Si se siente cómodo editando código, puede personalizarlo con fragmentos de código. Si prefiere un poco más de estructura, hay una variedad de extensiones y complementos para editar los campos de pago.

Personalizar los campos de pago con fragmentos de código

Nota: Si no está familiarizado con el código y la resolución de posibles conflictos, seleccione un experto en Woo o un desarrollador para obtener ayuda. No podemos proporcionar soporte para personalizaciones bajo nuestra Política de soporte.

Los fragmentos de código son formas flexibles para que los desarrolladores y los propietarios de tiendas personalicen los campos de pago de WooCommerce. Aquí tienes una lista de etiquetas principales, incluidas clases e ID, que puedes usar para personalizar el diseño visual de tu página de pago. Agregue el CSS personalizado al tema de su hijo o al Personalizador de WordPress.

Para ver todas las clases y selectores, usa el inspector de tu navegador en tu sitio web para encontrar el área exacta que deseas personalizar.

Por ejemplo, si desea cambiar el color de fondo de los cuadros de entrada de texto y darles esquinas redondeadas, agregaría:

input { border-radius: 10px !important; background-color: #222 !important;}

Eliminar un campo de pago:

Esto es bastante sencillo, pero tenga cuidado, ya que este cambio podría causar conflictos con otras extensiones y complementos.

Agregue el siguiente código al archivo functions.php del tema de su hijo. Ten en cuenta que pegar el código completo eliminará todos los campos de la página de pago, así que asegúrate de incluir solo los campos que deseas eliminar.

Nota: El campo País es obligatorio. Si lo elimina, los pedidos no se pueden completar y su formulario de pago mostrará el siguiente error: «Por favor, ingrese una dirección para continuar.»

Crear un campo obligatorio No obligatorio:

En el siguiente ejemplo, editaremos el campo Teléfono de facturación. Agregue este código al archivo functions.php del tema de su hijo.

Alternativamente, si desea hacer que un campo sea obligatorio, cambie el texto » falso «a » verdadero».»

Cambie las etiquetas de campo de entrada y los marcadores de posición:

Agregue el siguiente código al archivo functions.php del tema de su hijo y personalícelo para que se ajuste a sus necesidades.

Personalizar los campos de pago con complementos

WooCommerce proporciona algunas extensiones excelentes para editar los campos de pago sin tocar una línea de código.

Editor de campos de pago

La extensión Editor de campos de pago le permite agregar y eliminar campos de pago, o actualizar el tipo, la etiqueta y el valor del marcador de posición con unos pocos clics. También puede marcar cada campo de pago como «obligatorio» o «no obligatorio».»

Al agregar un campo nuevo, puede elegir entre los siguientes tipos:

• Texto – entrada de texto estándar
• Contraseña – entrada de texto con contraseña
• Área de texto – Un campo de área de texto
• Seleccionar – Un cuadro desplegable/de selección
• Selección múltiple-Un cuadro de selección múltiple
• Radio – Un conjunto de entradas de radio
• Casilla de verificación: Un campo de casilla de verificación
• Selector de fecha: Un campo de texto con un selector de fecha adjunto
• Encabezado: Un encabezado, para organizar una página más larga

Si sus productos se regalan comúnmente, puede ofrecer varias opciones de embalaje. Puedes usar botones de opción para permitir a los clientes seleccionar entre empaquetado genérico, empaquetado con temática de cumpleaños o empaquetado con temática de aniversario. Puede hacer que este campo sea obligatorio, establecer la etiqueta en » Elija su tipo de paquete «y establecer el marcador de posición en «plano».»

Para ayudar con las personalizaciones avanzadas, el Editor de campos de pago proporciona documentación útil.

Complementos de pago de WooCommerce

La extensión de Complementos de pago de WooCommerce te da la flexibilidad de ofrecer complementos gratuitos o de pago en el proceso de pago, como cumplimiento urgente, envoltura de regalos o ventas adicionales como pegatinas o seguros. Puede agregar varios tipos de campos a su página de pago, incluidos campos de texto, áreas de texto, desplegables, selecciones múltiples, botones de opción, casillas de verificación, casillas de verificación múltiples y cargas de archivos.

En tu panel de control, también podrás ordenar y filtrar pedidos en función de las opciones que hayas creado. Esto puede ser útil si desea priorizar los pedidos por fecha de entrega o mostrar solo los pedidos con procesamiento acelerado. O es posible que desee empacar pedidos envueltos para regalo al mismo tiempo.

WooCommerce One Page Checkout

¿Desea simplificar aún más su proceso de pago? La extensión de pago de una página de WooCommerce convierte cualquier página en una página de pago.

Según un estudio del Instituto Baymard, uno de cada cuatro compradores abandonó un carrito en el último trimestre debido a un proceso de pago largo o complicado. WooCommerce One Page Checkout combate esto al permitir a los clientes agregar productos a su carrito y enviar el pago en la misma página.

Incluso puedes agregar campos de pago a las páginas de destino, lo cual es particularmente útil si eres una empresa basada en servicios.

Inicio de sesión social de WooCommerce

Forzar a un cliente a crear una cuenta en su sitio web es una barrera potencial para comprar. Darles la capacidad de usar sus perfiles de redes sociales existentes para crear una cuenta ayuda a romper esta barrera.

La extensión de inicio de sesión social de WooCommerce hace que este proceso sea lo más fácil y seguro posible. Instagram Facebook, Twitter, Google, Amazon, LinkedIn, PayPal, Instagram, Disqus, Yahoo o VK, en lugar de crear nueva información de inicio de sesión, los clientes pueden iniciar sesión en su sitio web con sus cuentas de Facebook, Twitter, Google, Amazon, LinkedIn, Instagram, Disqus, Yahoo o VK.

Comienza a personalizar

El proceso de pago puede tener un impacto significativo en tu tasa de conversión, por lo que debes realizar cambios cuidadosamente, con un objetivo específico en mente.

Afortunadamente, WooCommerce te da la flexibilidad de personalizar tu proceso de pago para servir mejor a tus clientes en línea. Ya sea que necesite realizar cambios visuales o agregar y eliminar campos de pago, tiene muchas soluciones para elegir.