Cómo personalizar la página de pago de WooCommerce

¿Le gustaría averiguar cómo personalizar la página de pago de WooCommerce? Su página de pago es el último lugar crítico para causar una buena impresión en los clientes potenciales. Por lo tanto, hacer el proceso de pago correcto puede mejorar significativamente sus tasas de conversión. En este artículo, le mostraremos cómo personalizar la página de pago de WooCommerce para brindar a los clientes la mejor experiencia.
¿Por qué debería personalizar la página de pago de WooCommerce como se mencionó anteriormente? La página de compra es lo último que los clientes ven antes de completar la compra. Puede significar la diferencia entre la conversión y la generación de ingresos o abandonar la canasta y la pérdida de ventas.
Por lo tanto, es esencial asegurarse de que su página de pago de WordPress esté bien diseñada y funcione de una manera que fomente las conversiones. El pago predeterminado de WooCommerce es un lugar maravilloso para comenzar para tiendas más pequeñas. Tiene todo lo que necesita para abrir una tienda en línea. Pero a medida que su negocio crezca, pronto descubrirá que puede dar una mejor experiencia:
Incluida su marca personalizada
Agregar campos de formulario personalizados y campos de devolución al formulario de pago (como la dirección de envío)
Eliminar campos que no se requieren
Cambiar el diseño y la apariencia de la página
Productos de conexión directa a la página del carrito y la página de pago
Cambiar las etiquetas de los campos de la introducción y el texto de los botones
Proporcionar otros productos o servicios
Agregar más opciones de pago
Ya sea que desee rediseñar toda su página de pago de WooCommerce o hacer algunos cambios menores, hay una cosa que recordar. ¡Debería ser fácil! Afortunadamente, la siguiente solución hace que personalice la página de pago de WooCommerce. Cómo personalizar su página de pago de WooCommerce Si no tiene tiempo para aprender cómo codificar o presupuestar para contratar a un desarrollador, personalizar su pago de WooCommerce en una página puede parecer casi imposible. Pero la verdad es que no es con las herramientas adecuadas en cuestión. En el tutorial a continuación, le mostraremos cómo personalizar su página de pago de WooCommerce con SeedProd. Y la buena noticia es que no tendrá que agregar un niño de WordPress adicional para hacerlo.
Seedprod es el mejor generador de páginas de destino de WordPress con funcionalidad de arrastrar y soltar. Puede usarlo para construir y personalizar visualmente cualquier página de WordPress. Esto significa que puede usar el editor de páginas con deslizamiento y colocación para crear páginas personalizadas y ver los resultados en tiempo real. Elimina la necesidad de codificar el manual de su página, lo cual es una excelente noticia para personas con habilidades técnicas y de diseño limitadas. Además, puede crear una página de WooCommerce que pronto se le ocurra la forma construida que vendrá pronto. Seedprod viene con más de 150 plantillas de páginas de destino diseñadas profesionalmente para comenzar rápidamente. Luego puede personalizar cada plantilla en el editor visual utilizando bloques de página flexibles como:

Formularios de opción y formularios de inicio de sesión
Fotos y videos
Texto y títulos
Perfil de las redes sociales y los botones para compartir
Formularios de contacto personalizados con complementos de tercera parte como WPFORMSCADADURI RaffInpress
Testimonios y evaluaciones de estrellas
Cronómetros y barras de progreso
Menús de navegación y acordeón
Y otra.
Seedprod también tiene bloques de destino dedicados a las tiendas de WooCommerce, incluidos los botones en el carrito, la finalización del hogar, el carrito de compras y las redes de productos flexibles. Esto significa que puede crear fácilmente un producto versátil, una canasta, páginas de productos y páginas de pago para su comercio electrónico, sin contratar a un desarrollador.
En vista de esto, veamos cómo personalizar la página de pago de WooCommerce con SeedProd.
contenido
1. Instale y active Seedprod
2. Cree una nueva página de destino
3. Agregue el bloque de finalización del pedido a su página
4. Personalice el diseño de su página de pago
5. Configure la configuración de su página de pago
6. Publique su página de pago personalizada
7. Asigne su página de pago a WooCommerce
1. Instale y active SeedProd El primer paso para optimizar el pago es comenzar con SeedProd y descargar el complemento en su computadora. Para acceder a las funciones de integración de WooCommerce de SeedProd, necesitará al menos un SeedProd Pro.
Haga clic aquí para obtener Seedprod Pro después de descargar Seedprod, debe instalar y activar el complemento en su sitio web de WordPress. Puede seguir estos pasos para instalar un complemento de WordPress si necesita ayuda. Después de activar el complemento, verá una pantalla de bienvenida. La pantalla le pide que ingrese la clave de licencia SeedProd. Puede encontrar su clave conectando a su cuenta de SeedProd y haciendo clic en la vista de licencia, los detalles y el enlace de descargas. Después de eso, inserte la tecla al campo requerido y haga clic en el botón de verificación de la tecla.
Ahora desplácese un poco hacia abajo en la página y haga clic en el botón Crear su primera página.
Esto lo lleva al tablero de la página Seedprod. En la parte superior de la página hay 4 formas diferentes de página:

Pronto

el modo de mantenimiento

404
Acceso
Cada modo de página le permite activar ciertas páginas de solo clic -solo -clic. Por ejemplo, puede activar Próximamente en modo para agregar una página pronto que le diga a las personas sobre su nueva tienda. O puede activar el módulo de página 404 para agregar una página de error 404 personalizada en su sitio y no necesitará instalar complementos de WordPress separados.
En esa sección, verá una lista de cualquier otra página que cree con SeedProd. Debido a que aún no hemos creado uno, haga clic en el botón Cree una nueva página de destino para comenzar.
2. Cree una nueva página de destino Después de hacer clic en el botón para crear una nueva página de destino, verá la biblioteca de plantilla de plantilla.

Puede filtrar plantillas por lente o industria haciendo clic en las pestañas en la parte superior: pronto
el modo de mantenimiento

404 página

rebaja
Seminario web
Aprieto de plomo
Gracias
Acceso
Cada plantilla es multifuncional. Como tal, puede usar cualquier diseño y personalizarlo en el editor de arrastrar y soltar para mostrar cómo desea.
Para esta guía, le mostraremos cómo crear y personalizar su página de pago de WooCommerce desde cero usando la plantilla en blanco. Esto le dará una excelente imagen general sobre lo fácil que es usar SeedProd. Así que coloque el mouse sobre la miniatura de la plantilla en blanco y haga clic en el icono de verificación.
Luego hay una ventana emergente que le pide que ingrese un nombre y una URL para su página. Puede cambiar esta configuración más tarde, así que llámelo como desee.
Ahora haga clic en el botón Guardar y comience a editar la página para iniciar su página.
En la siguiente pantalla, verá el editor de la página de destino Seedprod.
Tiene un aspecto simple con 2 paneles:

Panel izquierdo: bloques de páginas y secciones para crear y personalizar la página

Panel derecho: Vista previa de cómo muestra su página de destino en tiempo real
Agregar contenido a su página es tan simple para sacar un bloque desde la izquierda y colocarlo en posición. Te mostraremos cómo hacer esto en el siguiente paso. 3. Agregue el bloque de finalización del pedido a su página antes de comenzar a personalizar su página de pago de WooCommerce, para configurar una estructura básica de la página de pago. En el panel derecho, elija una apariencia de página haciendo clic en cualquiera de las opciones de columna.

Como puede ver a continuación, agregue un marco simple a su página aquí se encuentra cualquier elemento de página que agregue. Luego haga clic en el bloque de pago y tómelo en una de las columnas que ha creado anteriormente.
Ahora debería ver su formulario de pago de WooCommerce dentro del diseño de la página de diseño. Al hacer clic en el formulario de finalización de pago, verá el editor de campo de compra y la configuración de estilo en el panel izquierdo.
En esta área, puede personalizar su formulario de pago de WooCommerce por:
Realización 1 o 2 columnas

Cambiar las fuentes y colores de encabezado

Personalice las fuentes de campo de pago, los campos de texto, la forma de la forma, los colores, el espacio y las fronteras

Cambiar el estilo, la fuente y el color del botón de finalización

Agregar un color de alerta personalizado
Cambiar el texto, los colores, los bordes y las fuentes en el carrito
Agregar fuentes y colores personalizados a la sección Detalles del pago
Ahora haga clic en la pestaña Plantilla y verá diferentes estilos personalizados para sus campos de pago. Haga clic en cualquier estilo para agregarlo instantáneamente al formulario de pago.
Antes de continuar, haga clic en el botón Green Guardar en la esquina superior derecha para guardar su progreso. 4. Personalice el diseño de su página de pago dado que su página de destino se ve más como debería, para ver otras formas de personalizar su página de pago de WooCommerce. Agregar un encabezado a su página de pago de WooCommerce para ayudar a los clientes a encontrar su camino, es una buena práctica agregar un encabezado a su página de pago. Seedprod ofrece una manera fácil de hacer esto con secciones. Cerca del panel de bloque, haga clic en la pestaña Secciones. Esto muestra varios aspectos prefabricados que puede agregar a su página con un solo clic. Por ejemplo, haciendo clic en la sección del encabezado, hay 3 estilos de encabezado prefabricados diferentes. Elija un diseño que le guste y haga clic en el icono más para importarlo en su diseño.
De manera predeterminada, se agrega cualquier sección nueva a la parte inferior de su página para moverla al área del encabezado, cruzar el mouse sobre ella y haga clic en la sección Mover. Luego tire de la sección completa en la parte superior de la página.
Después de eso, puede hacer clic en cualquier elemento en la sección del encabezado para ver las opciones de personalización en el panel izquierdo. Por ejemplo, haciendo clic en el bloque de imágenes dentro de la sección del encabezado, le permite cargar una nueva imagen para usar como logotipo.
Incluso puede eliminar el bloque de encabezado en el encabezado y reemplazarlo con los iconos de su perfil social.
Agregar los productos sugeridos en su página de pago de WooCommerce con la poderosa integración de WooCommerce de SeedProd, es fácil vender y promocionar sus productos y servicios en cualquier página de destino. La gama de bloques de cuadrícula de productos le permite mostrar: productos recientes

Productos de venta

Los mejores productos de venta


Productos Recomendados

Productos superiores

Simplemente seleccione el bloque de cuadrícula de productos y tírelo en su página. Luego puede hacer clic en el bloque para ver la configuración en el panel izquierdo.

En este panel, puede elegir cuántas columnas de productos mostrar y agregar paginación a la cuadrícula del producto. También puede filtrar los productos que los visitantes ven al elegir un tipo de consulta en el menú desplegable. Después de eso, puede establecer el pedido del producto por:
Fecha
Identificación
El orden del menú
Popularidad
aleatorio

EVALUACIÓN

Título
También puede optar por mostrarlos en orden aumentado o descendente. Agregar testimonios a su página de pago testimonios y evaluaciones de estrellas son otra excelente manera de agregar confianza y credibilidad a su página de pago. Si los clientes potenciales ven que las personas evalúan positivamente sus productos, es más probable que completen el proceso de completar la compra en lugar de renunciar al carrito de compras. Para agregar testimonios de clientes a su página de pago de WooCommerce, extraiga el bloque de testimonios del panel izquierdo y colóquelo en su página. Luego puede hacer clic en el bloque para ver la configuración y agregar los testimonios de sus clientes.
Puede incluir cuántos testimonios desea e incluso mostrarlos como un carrusel de testimonio deslizante. Configuración de personalización global Si desea cambiar el aspecto general de su página de pago de WooCommerce, puede hacerlo con la configuración de personalización global de SeedProd. Haga clic en el icono de la rueda en la esquina inferior izquierda de la pantalla. Muestra un panel de configuración global para fuentes, colores, fondo y CSS personalizados. Las fuentes que extienden el título de fuente le permite cambiar sus fuentes y pesas para el encabezado y el cuerpo. Es tan fácil como elegir una fuente de Google en el menú desplegable.
O puede hacer clic en el botón Temas de fuentes para ver ejemplos de diferentes pares de fuentes. Desde allí, es solo un clic para aplicarlos en su página.
Colores La sección de color es similar. Haga clic en cualquier color para ver una herramienta de goteo de color y seleccionar colores individuales para títulos, texto, botones y más.
O puede hacer clic en el botón Color Pale para elegir entre más de 20 esquemas de color previo al diseño.
Antecedentes En la sección de fondo, puede cambiar el color del fondo, el gradiente y la imagen. Incluso puede agregar un fondo de video o una presentación de diapositivas en todo el ancho.
CSS personalizado y finalmente en la sección CSS CSS, puede agregar un código personalizado para personalizar aún más la página de pago de WooCommerce. Cuando esté satisfecho con cómo se ve todo, haga clic en el botón Guardar. 5. Configure la configuración de su página de pago con sus personalizaciones en su lugar, para ver algunas otras configuraciones que puede cambiar en su página de pago. Conectando su lista de correo electrónico primero están la configuración de marketing por correo electrónico. Seedprod le permite conectar fácilmente su página de destino a la lista de correo electrónico. Haga clic en Conectar a la parte superior de la pantalla y verá una amplia gama de servicios populares de marketing por correo electrónico. Por lo tanto, si desea pedir a los usuarios que se suscriban al boletín informativo en su página de pago, use este panel para conectar su servicio de marketing de correo electrónico. Elija su proveedor favorito y siga los pasos de nuestra documentación de integración de correo electrónico para configurar .
En la misma pantalla, puede conectar su página de pago a miles de aplicaciones a través de la nieve, monitorear el rendimiento de su sitio con Google Analytics y protegerla de Spam con Recaptcha. Configuración de la configuración de su página Después de conectar la lista de correo electrónico, haga clic en la pestaña Página Settare para ver otras configuraciones que puede configurar en SeedProd. Por lo general, hay 5 secciones en la página de configuración, pero esto depende del tipo de página que cree y su plan Seedprod. Configuración general

La configuración general le permite cambiar el nombre y la URL de la página de pago de WooCommerce. También puede cambiar entre publicado y boceto. Para evitar cualquier conflicto de complementos y acelerar su página, puede activar el modo de aislamiento. Esto evita la ejecución de ciertos scripts de encabezado y sótano e interfiere con su rendimiento de SEO y Analyticssub SEO, puede usar un complemento SEO WordPress para configurar la etiqueta de la página de título, la escritura de meta, etc. Uno de los mejores complementos para esto es todo en un SEO. Lo mismo es cierto para la pestaña Análisis. Aquí puede conectar su complemento favorito de Google Analytics y monitorear el rendimiento de la página de destino. ¿Por qué no pruebas MonsterInsights para Google Analytics? Si desea más detalles, siempre puede consultar nuestra revisión de MonsterInsights. guiones

En el área de las Escrituras, puede agregar código al encabezado, el cuerpo y el sótano de la página. Esto podría ser algo similar a las cookies de seguimiento, el píxel de seguimiento de Facebook o incluso su script de análisis. Dominio personalizado

Si usted es un usuario del plan Pro Al Seedprod, puede darle a cualquier página de destino un dominio personalizado que no esté conectado a su sitio web existente. Por ejemplo, si desea lanzar un nuevo sitio web y no lo ha configurado, puede crear una página que pronto llegará a Seedprod en su sitio web existente y puede ir a su nuevo sitio. Con esta táctica, puede atraer nuevos suscriptores a la lista del sitio web futuro sin configurar una nueva instalación de WordPress. Después de configurar la configuración, guarde los cambios y haga clic en la pestaña Diseño. 6. Publique su página de pago personalizada antes de activar su página de pago es una buena idea para probarla en dispositivos móviles. Si su página de pago no responde a los dispositivos móviles, no se verá y no funcionará tan bien en pantallas táctiles más pequeñas, como tabletas y teléfonos inteligentes. Incluso podría hacer que los usuarios abandonen sus carritos de compras debido a la frustración. La buena noticia es que SeedProd tiene una opción de vista previa móvil construida para que pueda verificar que su página sea compatible con dispositivos móviles. Simplemente haga clic en el icono móvil en la parte inferior de la pantalla. Ahora puede ver cómo se ve su página de pago móvil y puede cambiar lo que no se vea o no funcione correctamente.

Cuando todo se ve muy bien, es hora de publicar. Haga clic en la flecha hacia abajo al lado del botón de rescate verde y haga clic en Publicar.

A continuación, verá una ventana que le informa que su página ha sido publicada.

Para ver una vista previa en vivo, vaya más allá y haga clic en el botón Vista de la página en vivo.

¡Buen trabajo! ¡Ahora tiene una página de pago de WooCommerce WooCommerce maravillosa! 7. Asigne su página de pago a WooCommerce sigue siendo un paso hasta que la nueva página de pago esté lista para recoger pedidos. Debe establecerlo como una página de pago predeterminada en WooCommerce. Para hacer esto, explore la configuración de WooCommerce »y haga clic en la pestaña Avanzada. Luego acceda al título de la página de pago y elija la página que acaba de crear en el menú desplegable. No olvide hacer clic en los cambios Guardar para almacenar su configuración. ¡Y eso es! Ahora sabe cómo personalizar la página de pago de WooCommerce con el generador de páginas Seedprod. La integración de WooCommerce de SeedProd hace que el control del diseño de su tienda en línea sea muy fácil. El complemento no solo es rápido y sin hinchazón, sino que es tan fácil de usar que incluso los principiantes pueden crear una tienda personalizada sin contratar a un desarrollador. Entonces, ¿por qué no probar solo?

Comience con Seedprod hoy

Si le gustó este artículo, síganos en Twitter y Facebook para obtener un contenido más útil para ayudar a desarrollar su negocio.