blog webempresa

Crear una Plantilla Personalizada para las Paginas de Tienda y Producto en Woocommerce sin Elementor Pro

por | Ago 14, 2022 | Tutoriales sobre WooCommerce

Crear una Plantilla Personalizada para las Paginas de Tienda y Producto en Woocommerce sin Elementor Pro

Actualmente uno de los constructores más usados en WordPress para diseñar un sitio web es Elementor, entre una de las facilidades que nos brinda este plugin es poder diseñar plantillas personalizadas para las páginas que solo suelen ser modificables a través de código como los archives de las páginas de tienda, blog, productos, resultados de búsqueda, una de las grandes opciones que tenemos es poder editar páginas de WooCommerce como tienda, carrito, finalizar compra, vista del producto.

Sin embargo, si queremos añadir plantillas para este tipo de contenido en WordPress necesitaremos utilizar la versión paga de Elementor pro, pero todo no está perdido, tenemos una opción adicional para poder añadir plantillas personalizadas a nuestro contenido de nuestra tienda.

Instalar el plugins para crear nuestras plantillas

Para poder añadir este tipo de contenido usaremos el siguiente plugin, el cual en su versión gratuita nos permitirá añadir una plantilla personalizada para la página de:

  • Vista simple del producto
  • Página tienda

WooLentor – Elementor WooCommerce Builder Addons, Variation Swatches Addons, Quick View, Wishlist, Products Compare, Product Filter – All in One Solution

Lo primero que tenemos que hacer es buscar el complemento en la biblioteca de nuestra tienda e instalarlos.

Creando las plantillas para nuestra página tienda y productos con Elementor

Una vez el plugin se instale únicamente debes activarlo, una vez lo activemos lo primero que tenemos que hacer es crear nuestras plantillas personalizadas de nuestras páginas desde el apartado de Elementor → Plantillas

En este video puedes ver el paso a paso detallado para crear una plantilla en Elementor

 

Asignar nuestras plantillas de Elementor a nuestra tienda con Woolentor

Una vez tienes creada tu plantilla de producto, por ejemplo, puedes ahora crear tu plantilla para tu página de la tienda, para ello solamente necesitamos seguir el mismo procedimiento, puedes ver todo el detalle en el siguiente video.

 

Luego de tener nuestras plantillas creadas lo siguiente que necesitas realizar es las configuraciones del plugin desde el apartado de Woolentor → Settings → WooCommerce Template que se encuentra en el menú lateral de WordPress, dentro de esta sección veremos las opciones que podemos usar en su versión free, y configurar las plantillas que hemos creado asignándola para estas páginas por defecto de woocommerce.

Puedes ver el paso a paso detallado en el siguiente video

 

De esta forma podrás usar este plugin para crear una plantilla personalizada para tú página de productos y tienda en WooCommerce.

¿Te ha resultado útil este artículo?

Video tutorial, paso a paso y demo del editor de contenidos

 

La verdad es que este creador de webs con IA me tiene algo enamorado, y aquí te envío un vídeo de cómo es “por dentro”, para terminar de convencerte y animarte a que lo utilices.

Durante el vídeo voy a:

  • Configurar la web desde cero, con el asistente (que hemos visto en el apartado anterior).
  • Añadir información sobre mi web (una web para un restaurante vegano en madrid, especializado en verduras de la huerta).
  • Ver el resultado y explorar las características principales de WeBuilder en cuanto a configuración y posibilidades generales.

Ten en cuenta que este vídeo no es un curso completo sobre la herramienta, es un recorrido por encima para que te hagas una idea de las posibilidades que tiene.

 

 

 

Conclusión

Crear una web con IA y WeBuilder te permite centrarte en tu negocio o tu pasión, dejando la parte técnica en manos de algoritmos inteligentes. Ahorro de tiempo, costes reducidos y resultados profesionales son solo el comienzo.

  1. Define tu proyecto y palabras clave.
  2. Deja que la IA genere la estructura y contenido.
  3. Personaliza el diseño y las funcionalidades.
  4. Publica y mantén tu sitio siempre optimizado.
  5. Delega la parte técnica y las dudas al equipo de soporte de Webempresa.

Prueba WeBuilder hoy mismo y lleva tu proyecto a un nivel que no pensabas alcanzable hasta antes de leer este artículo, y todo gracias a la potencia de la inteligencia artificial en Webempresa.

¡Espero de todo corazón que este artículo te haya servido para darte un empujoncito a llevar a cabo esa puesta a punto de tu web o prueba de concepto de tu proyecto, y nos vemos en el siguiente artículo!

Promo hosting Webempresa julio 2025