No basta con que la plataforma WordPress en sí sea el sistema de gestión de contenido (CMS) más popular del mundo. También tenemos las plataformas de comercio electrónico y desarrollo de sitios web más populares en Elementor y WooCommerce. Como tal, tiene sentido usar los tres para crear una tienda en línea eficiente y de gran apariencia.
Si lo desglosamos, WordPress es perfecto para organizar tus publicaciones, páginas y productos. WooCommerce ofrece una estrecha integración con la plataforma gracias a sus desarrolladores (Automattic). Además, Elementor proporciona una potente e intuitiva creación de páginas de arrastrar y soltar. Es una solución completa de construcción de tiendas sin código.
En este artículo, veremos cómo construir una tienda usando Elementor y WooCommerce. En todo momento, observaremos cómo se superponen para brindarle a su sitio la mayor flexibilidad.
Por qué WordPress, Elementor y WooCommerce funcionan bien juntos
Vale la pena echar un vistazo más de cerca a cómo WordPress, Elementor y WooCommerce pueden unirse para ayudarlo a crear las mejores tiendas en línea.

Para empezar, WordPress es el CMS más utilizado en la tienda. Por supuesto, esto no es suficiente para asegurar una posición tan dominante entre los usuarios. De hecho, lo vimos en la publicación anterior, así que siéntete libre de seguir leyendo esta publicación. En resumen, es una plataforma segura, estable y escalable en la que puede construir.
Hablando de eso, también tienes WooCommerce. A medida que Automattic desarrolla el complemento, tiene una gran integración con el núcleo de WordPress, pero eso no es todo.

Este es también el más popular plataforma de comercio electrónico. En el ecosistema de WordPress, representa alrededor del 20 por ciento, lo que se traduce en alrededor del ocho por ciento de todos los sitios web. En comparación, Shopify tiene aproximadamente un cinco o seis por ciento de participación de mercado. Una vez más, los datos de uso no lo son todo.
WooCommerce se hace cargo del proceso de creación de su tienda en línea y agiliza este proceso. Puede comenzar a operar en minutos y tener una plataforma de comercio electrónico robusta, poderosa y extensible lista para usar.
Para combinarlos, tienes Elementor. También tiene gran cuota de mercado en su campo y una enorme base de usuarios.

Es un generador de páginas de arrastrar y soltar con un enfoque único para ayudarlo a construir todo su sitio desde cero. Es una solución tentadora de usar, ya que hay muchas características y funcionalidades poderosas que otras herramientas no tienen. Lo más importante aquí está dedicado Asistente de WooCommerce.
En resumen, Elementor es un complemento con muchas pulgadas de columnas en el blog de Recursos WP, y debe explorar nuestros archivos para ver qué puede hacer.
Lo que un sitio web de WooCommerce necesita de un creador de sitios web
La conclusión predeterminada de la última sección es que Elementor puede proporcionar la combinación correcta de características y funcionalidades que WooCommerce necesita para llevar su sitio web al siguiente nivel. Si bien es importante averiguar por qué esto es así y qué ofrece.
En general, un sitio de WooCommerce necesita lo siguiente del creador de páginas:
- Estrecha integración para que no haya conflictos entre el creador de sitios web y WooCommerce.
- Toneladas de opciones de personalización para ayudar a que sus productos y páginas de tiendas se destaquen.
- Una forma de editar los elementos individuales que componen una página de producto típica.
- Funcionalidad adicional que te ayudará a «mejorar» tu tienda.
Por supuesto, también debe prestar atención a sus necesidades individuales. Por ejemplo, puede encontrar que los formularios y las ventanas emergentes son importantes para su tienda y su estrategia de ventas. La buena noticia es que Elementor está ahí para satisfacer sus necesidades.
Por ejemplo, tiene gran Asistente emergente es un placer para las ventas, ofertas por tiempo limitado, cupones y mucho más:

Puede crearlos como cualquier otra plantilla de página y puede aplicarlos en poco tiempo. Además, puedes personalizarlos casi como quieras. Esto es ideal si tiene una campaña específica para promocionar en su sitio web.
¿Cómo elegir el tema correcto de WooCommerce?
No entraremos en detalles aquí, ya que lo cubrimos en nuestro tutorial y también resumimos algunos temas en un artículo dedicado.
El punto principal que necesita en este caso es el tema compatible con Elementor y WooCommerce. Incluso una mirada rápida a los sitios premium con el mercado mostrará que muchos temas anuncian esto, por lo que tiene una amplia variedad.
Aun así, hay algunos temas destacados que podemos mencionar:
- exposición de la tienda. Es probable que tenga la menor compatibilidad con Elementor en el futuro, ya que Block Editor es una tecnología nativa. Todavía,
- Hola. Este es un tema de inicio de Elementor en blanco y es perfecto para crear un sitio web de WooCommerce desde cero. Por supuesto, si tiene menos tiempo libre, debe elegir un tema diferente y más funcional.
- Generar Prensa. Este es un tema superior con una infraestructura flexible. Esto significa que ya sea que use Block Editor, Elementor u otra cosa, su tienda se verá increíble.
Le animamos a encontrar un tema adecuado antes de empezar a construir su sitio. Recuerda que obtendrás los mejores resultados con algo que sea compatible con Elementor y WooCommerce.
¿Cómo crear un sitio de WooCommerce con soporte de Elementor en 3 pasos?
En el resto de este artículo, le mostraremos cómo usar Elementor y WooCommerce para crear un sitio web de comercio electrónico. Hay tres pasos a los que prestar atención:
Aunque en este tutorial asumimos que ya tiene instalado y activado Elementor Pro. Esto es algo por lo que lo guiaremos en nuestro artículo de creación de embudos de WordPress. Esta publicación te ayudará cuando tengas problemas.
1. Instalar y configurar WooCommerce
Hay dos aspectos a considerar al configurar su instalación de WooCommerce: el complemento en sí y la configuración de la tienda. De hecho, la instalación del complemento es como cualquier otro complemento de WordPress.
Cuando se trata de configurar WooCommerce en sí mismo, aunque puede estar listo y funcionando en minutos, vale la pena dedicar un poco más de tiempo a revisarlo. Asistente de configuración.

Con respecto a este punto de configuración, lo tenemos cubierto. De hecho, tenemos un tutorial completo de WooCommerce que cubre paso a paso cómo comenzar con WooCommerce y crear su primer producto. Esta es una buena publicación para abrir en una pestaña gratuita mientras navega por esta. La información que contiene será valiosa para el siguiente conjunto de pasos.
2. Crea tus productos WooCommerce
Después de ejecutar la instalación y balanceo de WooCommerce, debe echar un vistazo a la creación del producto backend. Nuevamente, nuestro tutorial de WooCommerce detalla cómo hacer esto, pero aquí están las Notas de Cliff:
- Ir Productos> Agregar Nuevo Marcador en WordPress.
- Introduzca el nombre de su producto y una breve descripción.
- Use los metacampos de WooCommerce para completar los detalles del producto, como el precio.
- Agrega una imagen.
- Publica tu producto.
Aunque aquí Elementor muestra su primer movimiento poderoso: WooCommerce Builder. Esta es una forma de utilizar un creador de páginas para crear el diseño de las páginas de sus productos.
Haz clic para comenzar Plantillas> Agregar nuevo como parte de WordPress:

Elige desde aquí Producto único de Tipo de plantilla desplegable e ingrese un nombre opcional:

se abrirá Biblioteca de plantillas para mostrar cada bloque listo dentro de:

Cuando vea un diseño que le guste, haga clic en Meter en y Elementor importará el bloque:

Es una forma rápida de lanzar una página de producto dedicada. Puede tomar ese gran comienzo y agregar más. Elementor viene con muchos widgets dedicados para ayudarlo a crear páginas específicas de WooCommerce:

Una vez que tenga el diseño de página que desea, haga clic en el botón verde Publicar en la parte inferior de la pantalla:

Aparecerá una ventana emergente que lo ayudará a configurar una condición de visualización de plantilla específica:

Cuando esté listo, haga clic en Guardar y cerrar. Desde aquí puede agregar más productos a su tienda, trabajar en más plantillas o comenzar a trabajar en una página de Tienda dedicada.
3. Diseña un sitio web para una tienda dedicada usando Elementor y WooCommerce
Una de las experiencias de usuario útiles (UX) en WooCommerce es la forma en que genera la mayoría de las páginas esenciales que necesita para su tienda. El lado más importante de la Tienda de Nivel Superior es porque es el toldo frontal que adorna la puerta.
Si está utilizando WordPress y WooCommerce con un tema específico de WooCommerce como Storefront, su tarea principal para personalizar la página de su Tienda es la Personalización. Aunque nuestro enfoque está en Elementor. La forma de hacerlo con un creador de páginas es usar Archivo de productos lado.
Esto le permite personalizar cómo se muestran los productos en el sitio, pero no es compatible con el resto de la página. En algunos casos, administrar dos conjuntos de personalizaciones y configuraciones puede ser difícil, pero según nuestra experiencia, esto no ha sido un problema hasta ahora.
Al igual que con los productos individuales, deberá ir a Plantillas> Agregar nuevo en WordPress, luego seleccione Archivo de productos de la lista desplegable:

Nuevamente, puede seleccionar un bloque, editar la página desde cero o combinar ambos para crear algo único. Como antes, puede usar cualquiera de los widgets específicos de WooCommerce para ayudarlo a diseñar el sitio web a su gusto.
Después de hacer clic Publicar de nuevo y vaya al cuadro de diálogo Configuración de publicación, puede invocar la magia. En su forma básica, puede adjuntar una nueva plantilla a Página de la tienda:

Pero eso no es todo. Puedes agregar más Encender términos de uso de la plantilla en varios lugares del sitio. Esto es perfecto para la continuidad y brinda a los visitantes una razón para visitar su tienda.
Una nota rápida sobre otras páginas de WooCommerce generadas
Antes de concluir, queremos mencionar las otras páginas de WooCommerce generadas. La mala noticia es que no entran en los ojos de Elementor. En otras palabras, no puede editar páginas como el pago o las páginas de agradecimiento sin la extensión adicional de WooCommerce.
Es decepcionante pero comprensible. Aun así, aún puede usar Elementor para expandir los elementos circundantes y luego soltar la funcionalidad específica de la página usando accesos directos. Aunque no es perfecto.
Si la edición completa de estas páginas es importante para usted, vale la pena echarle un vistazo. Editor de campos de pago ($ 49 por año), una Páginas de agradecimiento personalizadas extensión (también $ 49 por año).
Al final
¿Qué puede salir mal cuando utiliza las tres herramientas principales para publicar su tienda de comercio electrónico? No mucho en este caso. WordPress, Elementor y WooCommerce ofrecen una experiencia increíble. Combinarlos puede brindarle las máximas posibilidades para crear y administrar una tienda en línea.
En esta publicación, analizamos cómo usar Elementor y WooCommerce juntos para crear una tienda. Después de instalar y activar ambos complementos, la primera tarea es crear los productos con sus páginas asociadas. A partir de ahí, necesita una página de tienda dedicada, algo que Elementor pueda manejar. Además, la funcionalidad adicional de un complemento de creación de páginas (como un creador de ventanas emergentes y más) puede ayudar a llevar su tienda a la estratosfera.
¿Quiere crear una combinación de Elementor y WooCommerce para su próxima tienda? De ser así, ¿le ayudará este artículo? ¡Háganos saber en la sección de comentarios!









