Hay algunas opciones si desea editar la página de la tienda WooCommerce en su tienda WooCommerce. Sus opciones variarán según el tema de WordPress / WooCommerce que esté usando y el constructor de páginas de WordPress que esté usando (suponiendo que esté usando uno).
Entonces, antes de sumergirse en responder cómo editar el diseño de la página de la tienda de WooCommerce, establezcamos SUS opciones.
Sin embargo, antes de empezar ...
Si no ha leído ninguno de mis otros artículos en Future State Media, es posible que no esté familiarizado con nuestro "mantra" de tratar de hacer que la personalización de WooCommerce sea "sin código".
Odiamos el código personalizado en WooCommerce. Exige mantenimiento y se interrumpirá continuamente con las actualizaciones. Esto no lo convierte en una vida sin complicaciones en el comercio electrónico (razón por la cual muchas personas terminan recurriendo a Shopify en lugar de WooCommerce)
No NECESITA tocar ningún código para tener un sitio web de alta conversión y alta rentabilidad creado con WooCommerce. Da la casualidad de que la comunidad de desarrolladores (y los propios WooCommerce) parecen obsesionarse con las personalizaciones de código innecesarias.
¡Así que Future State Media está aquí para ayudarlo a crear la tienda WooCommerce que USTED desea sin tocar ningún código!
Tabla de contenido
Personalización del diseño de la página de la tienda WooCommerce: su tecnología = sus opciones
Aquí hay algunas preguntas y respuestas que le permitirán comprender sus opciones cuando se trata de editar el estilo de la página de la tienda en WooCommerce.
Pregunta 1: ¿Está utilizando un creador de páginas?
Si respondió "No lo sé":
Si no sabe qué es un creador de páginas, le daré una breve introducción ...
Los creadores de páginas de WordPress como Elementor o Divi simplemente le permiten editar sus páginas, publicaciones y más en WordPress sin estar limitado al editor Gutenberg o al editor clásico (si todavía lo está usando).
En esencia, puedes "construir la página" usando constructores visuales de arrastrar y soltar con una gran variedad de opciones interesantes.
Recomendamos Divi Theme y Page Builder (vienen como un elemento altamente efectivo y compatible), es simplemente increíble.
Volviendo a la respuesta: ¿está utilizando un creador de páginas en su tienda WooCommerce?
Si respondió "Sí":
Si es así, puede utilizar un creador de páginas para editar COMPLETAMENTE el diseño de la página de su tienda.
Puede poner lo que quiera en el diseño de la página de la tienda de WooCommerce, cambiar el orden de los productos, mostrar solo productos de ciertas categorías, insertar encabezados y más.
Aquí hay un par de ejemplos personalizados de páginas de tienda de WooCommerce
Página 1 de la tienda personalizada de WooCommerce
Tienda personalizada de WooCommerce Página 2
Ambos fueron hechos con Divi Builder sobre el tema Divi.
Pero puede ser mucho más inventivo con su página de la Tienda si así lo desea.
Sucede que invertimos mucho más tiempo en refinar el Diseño de la página del producto WooCommerce para maximizar las conversiones de agregar al carrito y las conversiones de pago en general.
Si respondió "No":
Esto no significa que no tenga opciones a la hora de personalizar la página de la tienda en WooCommerce. Pero sí significa que sus opciones para editar la página de la tienda serán específicas para su tema. Así que enumeraré algunos temas populares de WooCommerce a continuación.
Pregunta 2: ¿Está utilizando el tema de escaparate de WooCommerce?
Si respondió "No lo sé":
Si no sabe qué tema está utilizando, vaya al panel de control / área de administración de WordPress
Luego busque la opción en el lado izquierdo llamada "Apariencia" y luego haga clic en "Temas"
Se le presentará una pantalla de todos sus temas de WordPress instalados
El que está en la esquina superior izquierda será su tema "Activo"
Si dice "Escaparate", entonces estás usando el Tema de Escaparate.
Es posible que también esté utilizando un "Tema secundario de la tienda". Si este es el caso, este consejo seguirá siendo aplicable a usted cuando desee cambiar el diseño de la página de la tienda WooCommerce.
Si respondió "Sí":
No existe una solución "sin código" para editar el tema de escaparate gratuito para WooCommerce (¡lo siento!)
Tiene un conjunto limitado de opciones para cambiar la página de la tienda de WooCommerce en Apariencia> Personalizar> WooCommerce> Catálogo de productos

Pero si compra el paquete de extensiones de escaparate de WooCommerce en el mercado oficial de extensiones de WooCommerce en WooCommerce.com - Haga clic aquí para ver el paquete.
Si compra este paquete, podrá cambiar el diseño de la página de la tienda WooCommerce para que se personalice a su gusto (sin una sola pieza de código) a $69 por año, este paquete tiene un valor absolutamente INCREÍBLE si está comprometido para usar el tema de WooCommerce Storefront, que no es una mala idea para la máxima compatibilidad con WooCommerce en sí. Sin embargo, siempre recomendamos el tema Divi sobre el tema de escaparate predeterminado para WooCommerce.
Vale la pena señalar que es el complemento "Powerpack" para Storefront que ofrece la capacidad de personalización, pero en última instancia, el paquete le ofrece un montón de otros complementos que también son útiles con Storefront por el mismo precio que comprar el complemento powerpack por sí solo.
Si tiene el complemento Storefront Powerpack instalado en su sitio web, ahora verá estas opciones en Apariencia> Personalizar> Powerpack> Tienda

De ninguna manera estas opciones de diseño de página de la tienda de WooCommerce son "extensas"
En combinación con las otras opciones de diseño que le ofrece el complemento Powerpack, hay una cierta cantidad de apariencia que puede crear con el tema de escaparate predeterminado (que es gratuito) en combinación con el complemento Powerpack (que es de pago).
Es posible que esto no cumpla con su definición o demandas de personalización del diseño de la página de la tienda de WooCommerce, pero es más de lo que está disponible de forma predeterminada con el tema Storefront.
Si respondió "No":
Si no está utilizando el tema Storefront, incluiremos algunas opciones más a continuación para editar el diseño de la página de la tienda en WooCommerce a medida que nos encontremos con algunos ejemplos específicos.
Nuestro consejo para editar el diseño de la página de la tienda WooCommerce
Use Divi Theme y Divi Builder para editar el diseño de la página de la tienda WooCommerce: se ve increíble y funciona muy bien en todos los ámbitos. También es genial para personalización del diseño de la página del producto WooCommerce sin código personalizado, que es una prioridad mucho mayor en función de nuestros datos. Es la página del producto la que finalmente desencadena el proceso de conversión, ¡nunca lo olvides!
Usted buscó:
diseño de página de tienda woocommerce
cómo editar la página de la tienda de woocommerce
cómo personalizar la página de la tienda de woocommerce
plantilla de página de tienda de woocommerce
página de tienda personalizada de woocommerce
woocommerce personalizar la página de la tienda
cómo personalizar la página de la tienda de woocommerce en wordpress
personalizar la página de la tienda de woocommerce
editar la página de la tienda de woocommerce
personalizar la página de la tienda woocommerce
personalizador de woocommerce de escaparate
personalizador de escaparates de woocommerce
diseño de página de tienda de cambio de woocommerce
página de tienda de edición de woocommerce
personalización de la página de la tienda de woocommerce
página de tienda personalizada de woocommerce
personalización de la página de la tienda de woocommerce
editar página de la tienda woocommerce
página de tienda personalizada woocommerce
diseño de tienda woocommerce