Cómo personalizar las páginas de productos de WooCommerce (sin método de código)

¿Le gustaría personalizar las páginas de productos de WooCommerce sin tener que escribir ningún código? Al personalizar las páginas de productos de WooCommerce, puede mejorar su tasa de conversión y generar más ventas de los visitantes a su sitio web existente. En este artículo, le mostraremos cómo personalizar las páginas de productos de WooCommerce sin conocimiento técnico.

¿Por qué personalizar las páginas de productos de WooCommerce en WordPress? Sus páginas de productos de WooCommerce son algunas de las páginas más valiosas de su tienda en línea. El problema es que las páginas de valores predeterminados de WooCommerce no están optimizadas para las conversiones.
Al personalizar las páginas del producto WooCommerce, puede crear las páginas de destino únicas del producto, que convertirán a sus visitantes en clientes a una tarifa mucho más alta. Esto significa que su tienda puede obtener más ingresos sin necesidad de tráfico adicional. Antes de comenzar a personalizar sus páginas de productos de WooCommerce, debe asegurarse de tener el alojamiento de WooCommerce más rápido para admitir su tienda en línea porque la velocidad tiene un impacto en la conversión. Dicho esto, echemos un vistazo a cómo puede personalizar las páginas de productos de WooCommerce.
Cómo personalizar sus páginas de productos de WooCommerce en WordPress Seedprod es el mejor constructor de páginas de arrastrar y soltar utilizados por más de 1 millón de sitios web. Le permite personalizar fácilmente sus páginas de WooCommerce y aumentar las ventas. Lo primero que debe hacer es instalar y activar el complemento SeedProd. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress. Nota: Hay una versión gratuita de SeedProd que puede usar, pero para este tutorial, mostraremos la versión Pro, porque ha construido en bloques de WooCommerce. En la activación, debe visitar la configuración de Seedprod »e ingresar la clave de licencia.
Puede encontrar esta información en su cuenta en el sitio web de SeedProd. Luego debe visitar las “páginas de Seedprod y luego hacer clic en” Agregar una nueva página de destino “.

En la siguiente pantalla, se le pedirá que elija una plantilla. Seedprod tiene docenas de plantillas de diseño profesionalmente para elegir. Debido a que crea una página de WooCommerce de alta conversión, seleccione la opción “Ventas”, luego elija una de las plantillas. Simplemente haga clic en una plantilla para seleccionarla.

Usaremos la plantilla “Venta de ventas”, pero puede elegir cualquier plantilla que desee.

Luego, se le pedirá que le dé un nombre a la página y luego haga clic en “Guardar y comenzar a editar la página”.
Esto iniciará la interfaz de generación de páginas con amor y caída. Verá una vista previa en vivo de la plantilla que seleccionó, donde puede indicar y hacer clic para seleccionar y editar cualquier elemento en la página.

La columna izquierda tiene nuevos bloques que puede agregar a la página del producto. Luego agregaremos algunos bloques para que esta página sea más como una página de productos de WooCommerce. Primero, haga clic en la imagen y reemplácela con una imagen de su producto. Cargará una imagen o la seleccionará desde la biblioteca de medios. Después de eso, puede cambiar el título y el texto del producto haciendo clic en los elementos respectivos y cambiándolos directamente al editor de páginas. El menú izquierdo le permite cambiar el tamaño, la alineación y más.

Finalmente, agregaremos un botón “Agregar en el carrito” al igual que una página estándar del producto WooCommerce. Debe encontrar el bloque WooCommerce “Agregar al carrito” y sacarlo en su página.

Ahora que tiene los conceptos básicos de su página de productos de WooCommerce, le mostraremos cómo agregar elementos que mejoren sus conversiones. En primer lugar, agregue una evaluación de las estrellas del producto para mostrar a los clientes que su producto es de alta calidad.

Simplemente extraiga el bloque de “evaluación de estrella” y colóquelo en la vista previa de la página donde desea que se muestre.

Tiene un control completo sobre el número de estrellas, el tamaño, el número de evaluación total y más. Después de eso, agregaremos un bloque de testimonios de clientes. Agregar testimonios de productos puede ayudarlo a mejorar su evidencia social y sus conversiones de productos. Si está buscando una forma de recopilar testimonios de clientes, consulte nuestra lista de los mejores testimonios de WordPress. Para agregar testimonios, simplemente extraiga el bloque “Testimonios” en la página donde desea que se muestre.
Puede personalizar completamente el testimonio, agregar una imagen y cambiar el texto del testimonio. Después de hacer clic en el elemento de confirmación, puede cambiar todas las opciones de visualización desde el menú izquierdo. Si desea agregar más testimonios, haga clic en el botón “Agregar testimonio”. Esto creará automáticamente un carrusel giratorio con los testimonios de sus clientes. Haga clic en el bloque “Accordion” y tírelo en su página, luego haga clic en el elemento para mostrar la pantalla de edición a la izquierda.

Aquí puede agregar otro menú de preguntas frecuentes, puede cambiar el tamaño de la fuente, el color y más. Puede cambiar las preguntas frecuentes de texto directamente a la vista previa de la página.

Agregar bloques de semillas de WooCommerce de Seedprod a sus páginas de productos lo ayudará a mejorar sus conversiones. Seedprod tiene algunos bloques de WooCommerce adicionales que puede agregar a las páginas del producto. Si realiza una oferta de primavera o una venta de Black Friday, puede usar el bloque de “recuento inverso” para crear urgencia.

También recomendamos resaltar otros productos en su tienda utilizando los bloques de “productos recomendados” o “productos superiores”.

Para agregar bloques adicionales, simplemente siga los mismos pasos que anteriormente.

Para obtener más detalles sobre cómo agregar productos populares a WoCommerce, consulte nuestra guía sobre cómo mostrar productos populares en las páginas de productos de WooCommerce. Puede continuar personalizando la página de su producto utilizando bloques adicionales y ajustando el menú de configuración.


Después de haber terminado de personalizar la página del producto, asegúrese de hacer clic en “Guardar” y luego “publicar” en el menú Depresión para mostrar su página. Las personalizaciones de la página del producto que ha realizado le facilitará la conversión de sus visitantes a compradores. Cómo mejorar sus conversiones de productos de WooCommerce (2 maneras) Después de personalizar la página de productos de WooCommerce, aún puede mejorar las conversiones de la tienda con la siguiente dinámica elementos. Agregue notificaciones con respecto a la actividad de compra en WoCommerce El primer método utiliza notificaciones de muestra social para advertir a sus visitantes que otras personas acaban de realizar una compra. Utiliza FOMO para simplemente mejorar sus conversiones. La mejor manera de agregar evidencia social a WoCommerce es el uso de Trustulse. Es uno de los mejores complementos emergentes de WordPress y aplicaciones de muestra social en el mercado. Le permite mostrar fácilmente notificaciones de compra en tiempo real en su sitio web de WooCommerce.
Para obtener más detalles, consulte nuestra guía sobre cómo usar FOMO en su sitio de WordPress para aumentar las conversiones. Cree campañas de marketing personalizadas en WooCommerce de dos métodos Utilice texto dinámico, para que pueda mostrar mensajes de marketing personalizados a sus visitantes con el texto dinámico, puede mostrar el nombre, ubicación del visitante o incluso el día de la semana. Le permite mostrar mensajes personalizados a las personas adecuadas en el momento adecuado para mejorar significativamente sus tasas de participación y conversiones. La mejor manera de agregar texto dinámico es usar OptinMonster. Es la mejor herramienta emergente y herramienta para capturar WordPress utilizados por más de 1.2 millones de sitios web. En primer lugar, debe visitar el sitio web de OptinMonster y crear una cuenta. Necesitará al menos el plan Pro para crear texto dinámico con etiquetas inteligentes. Luego debe instalar y activar el complemento OpinMonster. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress. Este complemento conecta su sitio de WordPress a la aplicación OptinMonster. Tras la activación, debe ingresar la clave de licencia. Puede encontrar esta información en su cuenta en el sitio web de OptInmonster. En el tablero de WordPress, vaya a la configuración de OptInmonster “, haga clic en” Conecte una cuenta existente “e ingrese los detalles de su cuenta.

Entonces querrás conectar OptinMonster a WooCommerce. Esto le brinda reglas de visualización adicionales que puede usar para personalizar sus campañas. En la misma página, haga clic en “Conexión automática de generación KEI + WooCommerce”.

Después de conectarse a OptinMonster, navegue a las campañas de OptinMonster »y luego haga clic en el botón” Agregar nou “. Esto lo llevará a la herramienta que genera la campaña OptInmonster. Hay docenas de plantillas de las que puede elegir. Crearemos una ventana emergente con una etiqueta inteligente de WoCommerce. Para hacer esto, seleccione el tipo de “ventana emergente” de campaña y elija una de las plantillas. Seleccionaremos la plantilla de “Oferta”, pero puede elegir cualquier plantilla que desee.

Simplemente pase el mouse sobre la plantilla y haga clic en “Use la plantilla”. Una vez que haya llamado a la campaña y haga clic en “Iniciar la construcción”, se le dirigirá al generador de campaña de arrastrar y soltar.

Puede personalizar cada parte de la ventana emergente haciendo clic en cualquier elemento y personalizándolo en el menú izquierdo. Agregaremos texto dinámico al encabezado para que se muestre hoy y daremos a nuestros visitantes un cupón válido solo para ese día. Primero, haga doble clic en cualquier elemento de texto para mostrar el menú. Luego haga clic en el “icono” Smart Etiquetas “{}” para mostrar la lista de soltar etiquetas inteligentes disponibles.

Simplemente haga clic en la etiqueta inteligente que desea agregar a la campaña. Las etiquetas inteligentes usan texto dinámico generado para dar a sus visitantes un mensaje único y personalizado.

Después de haber terminado de personalizar la ventana emergente, asegúrese de hacer clic en “Guardar”. Después de eso, haga clic en la pestaña “Publicar” y luego seleccione la opción “Publicar”.

Una vez que salga del constructor, se le dirigirá a una pantalla donde puede confirmar la configuración de visualización.Para asegurarse de que su ventana emergente esté activa, cambie la condición de “publicado” en el meta cuadro “Visibilidad y condición” y luego haga clic en “Guardar sus cambios”. Su POP WooCommerce con texto dinámico ahora estará disponible en su tienda WooCommerce.Puede continuar probando diferentes textos dinámicos y mostrar configuraciones para ver qué campañas ofrecen los mejores resultados.

Espero que este artículo lo ayude a personalizar sus páginas de productos de WooCommerce sin codificar.Es posible que desee ver nuestra guía sobre SEO WooCommerce fácil y nuestros mejores expertos en complementos de WooCommerce para su tienda.También puede encontrarnos en Twitter y Facebook.