Cómo personalizar la página de pago de WooCommerce (la forma más fácil)

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

La página de pago predeterminada de WooCommerce no está optimizada para conversiones. Al personalizar y optimizar su página de pago, puede aumentar sus conversiones y generar más ventas.

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

Cómo personalizar la página de pago de WooCommerce (la forma más fácil)

¿Por qué personalizar la página de pago de WooCommerce en WordPress?

Los estudios muestran que entre el 70 y el 85% de todos los carros están abandonados. En otras palabras, la mayoría de los usuarios abandonan sus páginas de pago sin realizar una compra.

La creación de una página de pago personalizada de WooCommerce le brinda una última oportunidad para convertir a un visitante del sitio web en un cliente antes de que salga de su tienda.

Con una página de pago personalizada, puede agregar testimonios / elementos de prueba social para generar confianza, agregar productos relacionados para aumentar los ingresos y optimizar el diseño general de la página para obtener mejores conversiones.

Ejemplo de página de pago

Todo esto elevará las conversiones y hará que sea más probable que su visitante se convierta en un cliente a largo plazo.

Antes de seguir adelante, es posible que también desee personalizar la página del carrito de WooCommerce para mejorar las conversiones aquí también.

Si está utilizando el carrito de WooCommerce y las páginas de pago juntas, querrá que estas páginas tengan una marca similar para ofrecer a sus visitantes una excelente experiencia de pago.

Al personalizarlos juntos, puede mejorar sus conversiones generales 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 puede personalizar fácilmente su página de pago de WooCommerce y ganar más dinero con su tienda en línea.

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

SeedProd es el mejor creador 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 hacer 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 un complemento de WordPress.

Nota: hay una versión gratuita de SeedProd que está disponible, pero para este tutorial, mostraremos la versión Pro ya que tiene bloques de WooCommerce incorporados.

Una vez que el complemento está activado, vaya a SeedProd »Configuración e ingrese su clave de licencia.

Clave de licencia de SeedProd

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

Después de eso, navega a SeedProd »Páginas y luego haga clic en el botón ‘Agregar nueva página de destino’.

Agregar nueva página de inicio 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 que elijas.

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

Dicho esto, cada plantilla se puede personalizar completamente, sin importar la plantilla que elija.

Para este tutorial, seleccionaremos la plantilla ‘En blanco’ ya que esto nos permite crear el tipo exacto de página de pago que queremos.

Para seleccionar una plantilla, coloque el cursor sobre ella y haga clic en el icono ‘Marca de verificación’.

Seleccione la plantilla SeedProd en blanco

Después de eso, se le pedirá que nombre su 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 de la página de pago

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

El lado derecho será la vista previa de su página y el lado izquierdo es el panel de opciones para ayudarlo a personalizar.

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 de la izquierda y luego haga clic en la categoría ‘Encabezado’.

Insertar sección de encabezado

Después de eso, coloque el cursor sobre la plantilla ‘Encabezado 1’ y haga clic en el icono ‘Más’.

A continuación, haga clic en la sección ‘Imagen’ de su página y cargue el logotipo de su tienda en el menú de la izquierda.

Agregar logotipo de encabezado

Luego, puede eliminar el menú de navegación colocando el cursor sobre él y haciendo clic en ‘Eliminar bloque’.

Eliminar los otros elementos del menú reduce la cantidad de salidas de página y aumenta la probabilidad de que su visitante complete su compra.

Eliminar bloque de menú

Una vez que haya hecho eso, haga clic en el botón etiquetado como ‘Llamada a la acción’.

Vamos a cambiar el texto para que diga ‘Ver carrito’.

Editar el texto del botón

Esto permite a sus usuarios volver a la página de su carrito para agregar artículos o cambiar la cantidad.

Luego, agregue la URL de la página de su carrito de WooCommerce en el cuadro etiquetado como ‘Enlace’.

Puede hacer que el enlace sea nofollow o se abra en una nueva pestaña, pero dejaremos la configuración predeterminada.

Editar URL del botón

A continuación, haga clic en el contenido y el diseño de la barra lateral en la sección ‘Elija su diseño:’.

Esto le permite crear una sección para su pago, además de una sección de productos recomendados.

Seleccionar diseño de dos columnas

Después de eso, ubique el bloque ‘Checkout’ en la sección WooCommerce y arrástrelo a su página.

Puede personalizar completamente el aspecto de su pago, incluida la combinación de colores, la elección de la fuente, el color del enlace, los botones y más.

Agregar bloque de pago

A continuación, puede agregar una sección de productos populares o productos recomendados. Esto le permite mejorar sus ventas promocionando otros productos en los que los compradores podrían estar interesados.

Para agregar esto, simplemente arrastre sobre el bloque ‘Productos más vendidos’ de la sección ‘WooCommerce’.

También puede elegir cualquiera de los otros bloques de productos de WooCommerce.

Agregar bloque de productos WooCommerce

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

Simplemente arrastre el bloque ‘Título’ a su página sobre los productos populares. Puede personalizar la fuente, el tamaño, el texto, el color y más.

Agregar bloque de título de producto

Una vez que haya hecho eso, puede agregar un bloque de testimonios. Esto actúa como prueba social y asegura a sus visitantes que están tomando la decisión correcta.

Busque el bloque ‘Testimonios’ y arrástrelo debajo de sus productos populares.

Agregar bloque de testimonios

El bloque de testimonios se puede personalizar por completo.

Puede agregar una foto de cliente, título de trabajo y más.

Personalizar bloque de testimonios

Otra cosa que puede hacer para mejorar aún más la prueba social es agregar una calificación de estrellas justo debajo de su testimonio.

Simplemente seleccione el bloque ‘Calificación de estrellas’ y arrástrelo debajo de su testimonio.

Agregar bloque de calificación con 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 seleccione ‘Publicar’.

Publicar página de pago

Ahora, en lugar del pago predeterminado de WooCommerce, ha creado una página de pago de WooCommerce de alta conversión.

Siéntase libre de continuar personalizando su página y probando 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 están mejorando 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 su página de pago y la haya activado, debe cambiar la configuración predeterminada de la URL de WooCommerce.

Cambiar la URL hace que sus clientes vayan 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 un visitante haga clic en “Proceder al pago”, se le dirigirá a su nueva página de alta conversión que acaba de crear.

Algunos temas de WooCommerce incluso brindan 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

El abandono de la página de pago es cuando un cliente inicia el proceso de pago, pero no completa su pago. Es similar al abandono del carrito, pero es un paso más para completar el 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.

Reducir cualquier cargo adicional por pago

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

Si llegan a pagar y ven impuestos, altos costos de envío y otras tarifas adicionales, es muy probable que no completen la compra.

Ejemplo de tarifas agregadas

Un cliente puede continuar con la compra si cree que los costos están justificados. Sin embargo, lo mejor que puede hacer es ser sincero con sus precios.

Si tiene muchas tarifas adicionales por cumplir con sus productos, agréguelos a los precios totales de sus productos. O explique el motivo de los costos adicionales.

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

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

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

Requerir el registro de una cuenta antes de completar una compra puede conducir al abandono. Esto puede aumentar sus suscriptores de correo electrónico, pero agrega más 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 el usuario complete su 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 del pago.

El objetivo debe ser eliminar la mayor cantidad de campos (puntos de fricción) del camino del usuario, para que pueda completar la compra.

Ofrecer más opciones de pago de Checkout

Otra razón por la que sus visitantes no seguirán con el proceso de pago es que no ofrece suficientes opciones de pago.

Su tienda en línea debe proporcionar las opciones de pago más comunes.

Ejemplo de opciones de pago

Sus clientes utilizarán el método de pago que les resulte más conveniente.

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

Esperamos que este artículo le haya ayudado a personalizar fácilmente la página de pago de WooCommerce. Es posible que también desee ver nuestras selecciones de expertos del mejor alojamiento de WooCommerce y nuestra lista de los mejores complementos de WooCommerce para su tienda.

Si le gustó este artículo, suscríbase a nuestro canal de YouTube para tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Publicaciones relacionadas

Botón volver arriba