¿Quieres personalizar tu página de pago de WooCommerce?

La página de pago predeterminada de WooCommerce no está optimizada para las conversiones. Al personalizar y optimizar sus páginas de pago, puede aumentar las conversiones y las ventas.

En este artículo, le mostraremos paso a paso cómo personalizar fácilmente las páginas de pago de WooCommerce sin escribir ningún código.

Cómo personalizar la página de pago de WooCommerce (la manera fácil)

¿Por qué personalizar las páginas de pago de WooCommerce en WordPress?

Los estudios muestran que del 70% al 85% de todos los carritos de compras se abandonan. En otras palabras, la mayoría de los usuarios abandonan su página de pago sin realizar una compra.

La creación de una página de pago personalizada de WooCommerce le brinda la última oportunidad de convertir a los visitantes de su sitio web en clientes antes de que abandonen su tienda.

Con una página de pago personalizada, puede agregar elementos de testimonios/pruebas sociales para generar confianza, agregar productos relevantes para aumentar los ingresos y optimizar el diseño general de la página para obtener mejores tasas de conversión.

Ejemplo de página de pago

Todo esto aumentará las tasas de conversión y hará que sus visitantes tengan más probabilidades de convertirse en clientes a largo plazo.

Antes de continuar, es posible que también desee personalizar su página de carrito de WooCommerce para aumentar las conversiones aquí.

Si usa WooCommerce tanto para el carrito como para las páginas de pago, querrá que esas páginas tengan una marca similar para brindarles a sus visitantes una excelente experiencia de pago.

Al personalizarlos juntos, puede aumentar su tasa de conversión general y obtener más ingresos. Para obtener más detalles, consulte nuestra guía sobre cómo crear una página de carrito de WooCommerce personalizada sin escribir ningún código.

Dicho esto, echemos un vistazo a cómo personalizar fácilmente las páginas de pago de WooCommerce y obtener más de su tienda en línea.

Cómo personalizar su página de pago de WooCommerce en WordPress

SeedProd es el mejor generador de páginas de WordPress de arrastrar y soltar utilizado por más de 1 millón de sitios web. Le permite personalizar fácilmente su página de pago de WooCommerce para realizar más ventas.

Lo primero que debe hacer es instalar y activar el complemento. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar complementos de WordPress.

notas: Hay una versión gratuita de SeedProd disponible, pero en este tutorial mostraremos la versión Pro porque tiene un bloque de WooCommerce integrado.

Después de activar el complemento, vaya a SeedProd » Ajustes e ingrese su clave de licencia.

Clave de licencia de SeedProd

Puede encontrar esta información en el sitio web de SeedProd en la página de su cuenta.

Después de eso, navegue a SeedProd » Página Luego haga clic en el botón “Agregar nueva página de inicio de sesión”.

Agregar nueva página de destino de SeedProd

A continuación, se le pedirá que elija una plantilla de página de destino. Hay docenas de plantillas diseñadas profesionalmente para elegir.

Notarás que las plantillas están filtradas por diferentes categorías. Elegir la categoría de plantilla que coincida con el tipo de página que desea crear puede ayudarlo a crear páginas más rápido.

Dicho esto, no importa qué plantilla elija, cada plantilla es totalmente personalizable.

Para este tutorial, elegiremos la plantilla “en blanco”, ya que esto nos permite crear el tipo exacto de página de pago que queremos.

Para seleccionar una plantilla, pase el cursor sobre ella y haga clic en el icono de marca de verificación.

Seleccione una plantilla SeedProd en blanco

Después de eso, se le pedirá que nombre la página. El nombre de la página también coincidirá con la URL de su página de pago.

Luego, haga clic en el botón “Guardar y comenzar a editar la página”.

Nombre Página de pago

Esto lo llevará al editor de arrastrar y soltar donde puede crear su página de pago personalizada de WooCommerce.

A la derecha verás una vista previa de tu página y a la izquierda un panel de opciones para ayudarte a personalizarla.

Primero, agregaremos un encabezado para que pueda mantener su marca.

Para hacer esto, haga clic en la opción de menú Secciones en el panel izquierdo, luego haga clic en la categoría Títulos.

Insertar sección de encabezado

Después de eso, pase el cursor sobre la plantilla “Encabezado 1” y haga clic en el icono “Más”.

A continuación, haga clic en la sección “Imágenes” de la página y cargue el logotipo de su tienda en el menú de la izquierda.

Agregar logotipo de título

A continuación, puede eliminar el menú de navegación pasando el cursor sobre él y haciendo clic en “Eliminar bloque”.

Eliminar otros elementos del menú reducirá las salidas de la página y aumentará la probabilidad de que los visitantes completen una compra.

eliminar bloque de menú

Cuando haya terminado, haga clic en el botón llamado “Llamado a la acción”.

Cambiaremos el texto para que diga “Ver carrito”.

Editar texto del botón

Esto permite que sus usuarios regresen a su página de carrito para agregar artículos o cambiar cantidades.

Luego, agregue la URL de su página de carrito de WooCommerce al cuadro etiquetado como “Enlace”.

Puede hacer que el enlace no siga o se abra en una nueva pestaña, pero mantendremos el valor predeterminado.

Editar URL del botón

A continuación, haga clic en Diseño de contenido y barra lateral en la sección “Elija su diseño:”.

Esto le permite crear una sección para pagar, así como una sección de productos recomendados.

Elija un diseño de dos columnas

Después de eso, busque el bloque “Pagar” en la sección WooCommerce y arrástrelo a su página.

Puede personalizar completamente el aspecto de su pago, incluido el esquema de colores, la selección de fuentes, los colores de los enlaces, los botones y más.

Agregar bloque de pago

A continuación, puede agregar secciones de Productos populares o Productos recomendados. Esto le permite aumentar las ventas al promocionar otros productos que pueden interesar a los compradores.

Para agregarlo, simplemente arrastre desde la sección “WooCommerce” al bloque “Productos más vendidos”.

También puede elegir cualquier otro bloque de productos de WooCommerce.

Agregar bloque de productos de WooCommerce

A continuación, puede agregar un título sobre sus productos populares.

Simplemente arrastre el bloque “Título” a la página sobre los productos populares. Puede personalizar la fuente, el tamaño, el texto, el color, etc.

Agregar bloque de título del producto

Una vez hecho esto, puede agregar bloques de referencia. Esto actúa como prueba social y asegura a sus visitantes que tomaron la decisión correcta.

Busque el bloque “Recomendado” y arrástrelo debajo de sus productos populares.

Agregar bloque de recomendaciones

Los bloques de referencia se pueden personalizar por completo.

Puede agregar fotos de clientes, títulos de trabajo y más.

Bloque de referencia personalizado

Otra cosa que puede hacer para impulsar aún más su prueba social es agregar calificaciones de estrellas debajo de sus testimonios.

Simplemente seleccione el bloque “estrella” y arrástrelo debajo de su recomendación.

Agregar bloque de estrellas

Una vez que haya terminado de personalizar su página de pago de WooCommerce, puede activarla haciendo clic en la flecha desplegable junto al botón “Guardar” y seleccionando “Publicar”.

Publicar página de pago

En lugar de la página de pago predeterminada de WooCommerce, ahora ha creado una página de pago de WooCommerce de alta conversión.

Siéntase libre de continuar personalizando su página y probar diferentes elementos, secciones y bloques.

Ejemplo de página de pago de WooCommerce

Consejo profesional: Puede realizar un seguimiento del rendimiento de la página de pago de WooCommerce para ver si sus personalizaciones han mejorado los ingresos. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo configurar el seguimiento de conversiones de WooCommerce.

Asigne su página de pago a WooCommerce

Una vez que haya terminado de personalizar la página de pago y la haya hecho funcionar, debe cambiar la configuración predeterminada de la URL de WooCommerce.

Cambiar la URL permite a sus clientes ir automáticamente a su nueva página de pago de WooCommerce en lugar de la opción predeterminada.

Primero, ve a WooCommerce » Configuración y haga clic en la pestaña Avanzado.

Cambiar la URL del carrito de WooCommerce

Luego, seleccione la nueva URL de la página de pago de WooCommerce en el menú desplegable.

Asegúrese de hacer clic en “Guardar cambios” en la parte inferior de la pantalla.

Ahora, cuando los visitantes hagan clic en “Continuar con el pago”, serán dirigidos a la nueva página de alta conversión que acaba de crear.

Algunos temas de WooCommerce incluso les dan a los clientes la opción de ir directamente a la página de pago.

Ejemplo de pago directo

Cómo reducir el abandono de la página de pago

Un abandono de la página de pago es cuando un cliente comienza el proceso de pago pero no completa el pago. Es similar al abandono del carrito, pero es un paso más para completar un pago y convertirse en cliente.

Personalizar su página de pago con el tutorial anterior contribuirá en gran medida a optimizar su página de pago para las conversiones.

Sin embargo, hay algunas cosas que puede hacer para reducir aún más el abandono del pago.

Reduzca las tarifas de pago adicionales

Cuando los clientes llegan a su carrito, esperan que el precio total sea similar al precio total del producto.

Si ven impuestos, gastos de envío elevados y otros extras al finalizar la compra, es muy probable que no completen la compra.

Agregar un ejemplo de tarifa

Si los clientes piensan que el costo es razonable, pueden continuar comprando. Sin embargo, su mejor opción es fijar el precio por adelantado.

Si tiene muchos cargos adicionales para cumplir con su producto, agregue esos cargos al precio total de su producto. Alternativamente, explique el motivo de la tarifa adicional.

Amazon domina el espacio de comercio electrónico al ofrecer envío gratuito de 2 días.

Considere ofrecer envío gratuito en sus productos u ofrecer envío gratuito en pedidos superiores a una determinada cantidad.

Hacer que la creación de cuentas sea opcional o más simple

Requerir el registro de la cuenta antes de completar una compra puede resultar en el abandono. Esto aumenta sus suscriptores de correo electrónico pero agrega fricción al proceso de compra.

Puede permitir que sus usuarios creen una cuenta, pero no es necesario que sea un requisito.

En su lugar, puede configurar un formulario de registro para hacer crecer su lista de correo electrónico después de que los usuarios completen una compra.

También puede simplificar los campos obligatorios en la página de pago. Si necesita recopilar más información, puede hacerlo después de finalizar la compra.

El objetivo debe ser eliminar tantas áreas (puntos de fricción) como sea posible del camino del usuario para que pueda completar una compra.

Ofrece más opciones de pago de pago

Otra razón por la que sus visitantes no pasarán por el proceso de pago es que no ha proporcionado suficientes opciones de pago.

Su tienda en línea debe ofrecer los métodos de pago más comunes.

Ejemplo de método de pago

Tus clientes utilizarán el método de pago que más les convenga.

Consulte nuestra lista de las mejores pasarelas de pago de WooCommerce para WordPress para obtener más detalles.

Esperamos que este artículo le haya ayudado a personalizar su página de pago de WooCommerce con facilidad. También puede consultar nuestras selecciones de expertos para el mejor alojamiento de WooCommerce, así como nuestra lista de los mejores complementos de WooCommerce para su tienda.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.