¿Cómo editar la página de tienda de WooCommerce con Elementor?

Elementor plantilla de tienda

El diseño por defecto de la página de la tienda WooCommerce no está a la altura. Sigue la plantilla archive.php por defecto del tema actual de WordPress. Así que está totalmente bien si no te gusta la plantilla por defecto. Pero la pregunta es cómo personalizar la plantilla de la página de la tienda WooCommerce.

Hay dos maneras de crear o personalizar la plantilla WooCommerce Shop Page. La primera forma es crear una plantilla de tienda usando un plugin como ProductX WooCommerce Blocks. O bien puedes crear una plantilla manualmente si tienes algunos conocimientos básicos de codificación.

Como vas a jugar con el tema actual de tu sitio, se recomienda crear un tema hijo y personalizarlo en lugar del tema principal. Porque al hacer cambios, puede romper la estructura de su sitio. Otro problema es que, si añade códigos personalizados en los archivos del tema, los códigos serán eliminados con una nueva actualización del tema. Así que sin más preámbulos vamos a empezar.

En primer lugar, tienes que crear una nueva carpeta en la ruta de los archivos de tu tema (wp-content/themes/) y darle un nombre. Será tu tema hijo. Abra la carpeta y crear un archivo de texto y pegar el código siguiente.

Personalizar página de producto woocommerce elementor gratis

En el mundo actual, podemos ver un rápido cambio en la forma en que la gente solía comprar. De hecho, con cada día que pasa, los hábitos de compra en línea están aumentando, principalmente debido a su conveniencia. Pero si aún no ha lanzado un sitio web para su tienda de comercio electrónico, debería empezar ahora mismo. Con las herramientas adecuadas y la configuración correcta, puedes crear fácilmente tu primera Tienda WooCommerce y aumentar tus ventas drásticamente.

Si ya tienes una tienda pero estás asustado y frustrado porque no eres un experto en WordPress, lo entendemos. Pero si alguien te dice que no puedes aprender a crear y mantener tu propia Tienda Online tú solo, dile que se busque a otra persona para sus tristes historias o preséntale Elementor.

Si eres nuevo en esto de WordPress y WooCommerce, no te precipites y ve paso a paso. Ahora lo primero que necesitas es visualizar la Página de Tienda WooCommerce, de lo contrario, podrías terminar creando algo que no se parece en nada a una Página de Tienda Online.

El diseño básico de una Página de Tienda WooCommece se parece a esto. Puedes ver una bonita imagen del Producto, que casi ocupa la mayor parte del espacio de la pantalla por razones obvias. La imagen se complementa con una Descripción del Producto. El título del producto utiliza fuentes más grandes que los otros textos de la página. En el área de la barra lateral, puede ver otras Sugerencias de Productos Similares.

Woolentor

Si estás buscando una manera de personalizar la página de tu tienda WooCommerce, no busques más que el plugin WooLentor. Esta potente herramienta te permite crear páginas y entradas personalizadas con la facilidad de arrastrar y soltar. En esta completa guía, te mostraremos cómo utilizar el plugin WooLentor para crear una increíble página de tienda WooCommerce que satisfaga tus necesidades específicas.

El plugin WooLentor WooCommerce es un plugin flexible que te permite crear fácilmente una página de tienda WooCommerce para tu tienda online. WooLentor te proporciona todo lo que necesitas para empezar, incluyendo un escaparate personalizable, catálogo de productos, carrito de la compra y procesamiento de pagos. Además, puede añadir y eliminar fácilmente productos de su página de tienda personalizada de WooCommerce, y también puede configurar precios de venta y descuentos.

Con WooLentor, puede crear fácilmente hermosas páginas de tienda WooCommerce sin ningún conocimiento de codificación. Puede utilizar bloques Gutenberg o constructor de páginas Elementor para construir su página de tienda personalizada WooCommerce con el plugin. Viene con una enorme colección de plantillas de página de tienda de WooCommerce prediseñadas, widgets y bloques que simplemente puede arrastrar y soltar para construir su página de tienda personalizada WooCommerce.

Woocommerce página de la tienda elementor

Personalizar la página de la tienda de un sitio web WooCommerce sigue siendo un reto para muchos. Muchos usuarios de WordPress afirman que es un dolor cuando se construye todo el sitio web para que sea de gran apariencia y no se puede editar fácilmente la página de la tienda.

Sin embargo, si utilizas un plugin constructor de páginas como Elementor, no es realmente difícil personalizar la página de la tienda de la forma que desees. Sólo requiere editar algunas plantillas de Elementor y personalizar algunos de sus elementos. Y lo más importante, no tienes que tocar ni una sola línea de código.

Estoy asumiendo que has construido todo el sitio web en Elementor y que ya lo tienes instalado y activado en tu sitio web. También necesitarás la versión Elementor Pro para personalizar la página de la tienda WooCommerce fácilmente.

Para personalizar la página de la tienda, primero tendrás que hacer clic en la opción “plantillas” de Elementor y, a continuación, en “creador de temas”. Puedes ver esto en el panel de WordPress en la columna de la izquierda. (ver imagen inferior)

Una vez que hagas clic en la opción ‘añadir nuevo’, aparecerá una ventana emergente donde tendrás la opción de elegir el tipo de plantilla y asignarle un nombre. Por defecto, debería aparecer ‘archivo de productos’ en el campo desplegable para elegir el tipo de plantilla. Si no es así, asegúrese de elegir el tipo de plantilla “archivo de productos”. (ver imagen inferior)