Personalizar el diseño de la página del producto WooCommerce, en cualquier tema, es un paso esencial para la optimización de la tasa de conversión de su tienda en línea. Al final del día, los temas y la Plantillas específicas de WooCommerce que crean dentro de los temas son genéricos, diseñados para los niveles más altos de compatibilidad y, por lo general, no son inspiradores.

La edición del diseño de página del producto WooCommerce predeterminado es la primera de la lista en términos de optimización de la tasa de conversión de su sitio WooCommerce.

Así que te quedas con la pregunta ...

 

Cómo personalizar la página de producto predeterminada de WooCommerce

 

¿Cómo crear una página de producto única personalizada en WooCommerce?

Personalizar la página del producto WooCommerce con un complemento que le permite crear una página de aspecto completamente nuevo (¡o una página con solo algunos ajustes de diseño esenciales!) Es una gran idea, independientemente del tema que esté utilizando.

Por supuesto, con un tema avanzado como Divi de temas elegantes, tiene la capacidad de crear una plantilla de página de producto completamente nueva SIN necesidad de escribir una sola pieza de código. Simplemente diríjase al Creador de temas desde el interior del panel de WordPress y comience a crear una plantilla de página de producto completamente nueva (incluso puede ser selectivo sobre qué páginas de producto usan la plantilla y cuáles no). La flexibilidad es increíble, especialmente la capacidad de crear varias plantillas de páginas de productos y usar diferentes diseños para diferentes estilos de productos en su catálogo de WooCommerce.

De todos modos, basta de efusiones sobre Divi (aunque es increíble).

La regla número 1 en toda esta charla sobre “Personalización de la página del producto” es que NO necesita contratar a un desarrollador.

Sí, un desarrollador podría desarrollarle una plantilla de página de producto PHP completamente nueva y editar CSS. Luego, esto debe mantenerse y actualizarse a medida que WooCommerce y WordPress actualicen su código, por lo que esta no es una actividad de "un solo golpe". Esta es la razón por la que usar la plantilla de página de producto temático para WooCommerce es tan fácil: los proveedores de temas se quedan con el trabajo de actualizar las plantillas de página cada vez que hay una actualización principal de WooCommerce o WordPress. Es posible que haya visto el mensaje:

Su tema contiene copias desactualizadas de algunos archivos de plantilla de WooCommerce

Si ve este mensaje y ha tenido un desarrollador que “personalice” la plantilla de la página de su producto, ahora es SU responsabilidad solucionarlo, y esto sucederá varias veces al año.

Hay una mejor manera de personalizar la plantilla de producto único de WooCommerce ...

 

Uso de un complemento de Page Builder para personalizar el diseño de la página del producto WooCommerce

Si ha leído alguno de mis otros artículos, ya sabrá que nuestro creador de páginas recomendado es Divi. Divi Builder se puede usar como un complemento independiente con CUALQUIER tema, o puede usar el tema Divi que tiene incorporado el complemento Divi Builder y extraer todos los beneficios de Divi.

 

Uso del complemento Divi Page Builder para personalizar diseños de páginas de productos de WooCommerce

Hay dos rutas para la personalización de la página del producto en WooCommerce usando Divi:

  1. Personalice cada página de producto, página por página utilizando el creador de páginas (¡sin escribir una sola línea de código!), Arrastre y suelte
  2. Cree una "Plantilla de página de producto" en el Generador de temas que puede aplicar a cada página de producto, reemplazando la plantilla de página de producto de WooCommerce predeterminada proporcionada por su tema. (¡De nuevo, no escribir una sola línea de código!) Todo el diseño de arrastrar y soltar

Usamos ambos enfoques indistintamente

Es justo decir que con la capacidad de Divi de también "clonar una página existente" o "usar una página existente como plantilla" significa que puede personalizar rápidamente todo su catálogo de productos de páginas de productos utilizando Divi.

Para una mayor longevidad y pruebas futuras, usar Theme Builder tiene mucho sentido. Básicamente, si realiza una única edición en la Plantilla de página de producto de Theme Builder, esa edición se implementa en cada página que usa ESA plantilla de una sola vez.

Eso es simplemente increíble, ¡y requiere código CERO!

 

Uso del complemento Elementor Page Builder para personalizar las páginas de productos de WooCommerce

Nos gusta Elementor, ¡no es Divi! Pero a medida que avanzan los creadores de páginas, estamos a bordo con este software de creación de páginas de WordPress.

Elementor no tiene un "tema" por así decirlo, como Divi, que es tanto un tema de WooCommerce como un generador de páginas.

Elementor está diseñado para una buena compatibilidad con temas de WordPress y WooCommerce bien construidos, pero fundamentalmente debido a que el creador no está vinculado a un tema, no tiene tanta integración profunda entre el tema y el creador de páginas. Esto tiene sentido. Son la navaja suiza de los constructores de páginas, útiles en muchas situaciones.

Por supuesto, puede cortar un árbol con una navaja suiza (una delgada), pero Divi es el equivalente a una motosierra para el mismo trabajo en comparación.

Puede crear usted mismo un nuevo diseño de página de producto WooCommerce con Elementor desde cero.

Para obtener acceso a los módulos de WooCommerce dentro de Elementor, necesitará crear una página de producto de reemplazo decente, necesitará Elementor Pro, pero es un constructor de bajo costo, por lo que no es tan importante.

La versión Pro es muy parecida a la versión gratuita de Elementor: básicamente obtienes acceso a muchos más módulos para diseñar páginas con contenido dinámico, por lo que esencialmente el mismo diseño de página se puede "copiar y pegar" de una página de producto a otra y el contenido, como el precio del producto o el título del producto que se aplica a ESE producto, se incluye en el diseño de la página en la parte frontal.

 

Uso de Gutenberg Editor para personalizar páginas de productos - Complemento de diseño de página de productos de WooCommerce

Gutenberg NO es un creador de páginas.

Puede que sea algún día, pero en este momento, es un editor de publicaciones avanzado en el mejor de los casos.

De forma predeterminada, NO PUEDE utilizar el editor de Gutenberg en las páginas de productos.

Entonces, ¿por qué lo menciono?

Bueno, analizamos si usar Gutenberg para personalizar el diseño de la página de producto de WooCommerce era una opción viable, y analizamos un complemento de diseño de página de producto de WooCommerce de PootlePress que habilita el editor de Gutenberg en las páginas de producto para que al menos pueda probar este enfoque.

Consulte el artículo detallado aquí, que explica cómo personalice la página del producto WooCommerce con Gutenberg Editor.

 

¿Qué hay de hacer ediciones menores en la página del producto WooCommerce?

Es posible que solo esté buscando realizar ediciones menores en el diseño de la página del producto WooCommerce predeterminado, y hemos cubierto algunas ediciones muy específicas que puede realizar en algunos otros artículos, como:

 

Usted buscó:

complemento de página de producto de woocommerce

página de producto de avada woocommerce

página de producto elementor woocommerce

página de producto de woocommerce de tema adicional

página de producto de woocommerce de beaver builder

cómo crear una página de producto única personalizada en woocommerce

complemento de personalización de la página del producto woocommerce

Complemento de diseño de página de producto único de woocommerce

Complemento de página de producto único de woocommerce

Complemento de página de producto personalizado de woocommerce

personalizador de página de producto único de woocommerce

creador de páginas de producto único de woocommerce

Complemento de página de producto único de woocommerce

plantilla de producto único de woocommerce

descripción del producto woocommerce

plantillas de página de woocommerce

plantilla de página de woocommerce

información adicional de woocommerce

pestañas de woocommerce

breve descripción del producto woocommerce

creador de productos personalizados de woocommerce

creador de productos woocommerce

woocommerce obtener descripción del producto

personalizador de página de producto único de woocommerce

página de producto woocommerce

es_MX