Cómo crear un sitio web de WooCommerce impulsado por Elementor

No es suficiente para la plataforma WordPress en sí es el sistema de gestión de contenido (CMS) más popular del mundo. También tenemos las páginas más populares y las plataformas de comercio electrónico en Elementor y WooCommerce. Como tal, tiene sentido usarlos los tres para crear una tienda en línea en línea y de alto rendimiento. Si lo desglosamos, WordPress es ideal para organizar sus publicaciones, páginas y productos. WooCommerce ofrece una estrecha integración con la plataforma debido a sus desarrolladores (automáticos). Además, Elementor ofrece una construcción fuerte e intuitiva de la página con arrastrar y soltar. Es una solución completa sin código para construir su tienda.
En esta pieza, veremos cómo construir una tienda con Elementor y WoCommerce. Con el tiempo, veremos cómo ambos se unen para brindarle la mayor flexibilidad para su sitio. ¿Por qué se puede combinar WordPress, Elementor y WooCommerce? para ayudarlo a crear las mejores tiendas en línea.

Para empezar, WordPress es el CMS más utilizado en el mercado. Por supuesto, esto no es suficiente para garantizar una posición tan dominante entre los usuarios. De hecho, miramos esto en una publicación anterior, por lo que lo alentamos a que lea esa publicación. En resumen, es una plataforma segura, estable y escalable que puede construir.
Por cierto, tienes WooCommerce. Dado que automáticamente desarrolla complementos, tiene una excelente integración con WordPress básico, pero eso no es todo.

También es la plataforma de comercio electrónico más popular. En el ecosistema de WordPress, tiene una parte de aproximadamente el 20 por ciento, lo que se traduce en aproximadamente ocho todos los sitios web. En comparación, Shopify tiene una cuota de mercado de aproximadamente cinco o seis por ciento. Nuevamente, los números de uso no lo son todo. WooCommerce se hace cargo del proceso de crear una tienda en línea y simplifica el proceso. Puede estar en funcionamiento en unos minutos y tener una plataforma de comercio electrónico robusta, poderosa y extensible, lista para correr. Para tejerlos, tiene un elemento. También tiene una gran cuota de mercado en su campo y una base masiva de usuarios.
Es un generador de página de arrastrar y soltar con un enfoque único para ayudarlo a construir todo su sitio desde cero. Esta es una solución tentadora para usar, porque hay muchas características y características fuertes que otras herramientas no tienen. Lo más relevante aquí es WooCommerce Builder dedicado. En resumen, Elementor es un complemento con muchos centímetros de columna en el blog de WPKube y debe revisar nuestros archivos para ver exactamente lo que puede hacer.

¿Por qué necesita un sitio de WooCommerce de un generador de páginas? La conclusión predeterminada en la última sección es que el elemento puede proporcionar la combinación correcta de características y características que WooCommerce necesita llevar su sitio al siguiente nivel. Sin embargo, es importante entender por qué esto es y qué ofrece. En un sentido general, un sitio de WooCommerce necesita lo siguiente de un generador de página:
Cierre la integración para que no haya conflictos entre el generador de páginas y el WooCommerce.
Muchas opciones de personalización para ayudarlo a resaltar sus productos y almacenar páginas. Una forma de editar los elementos individuales que forman una página de productos típica.
Funcionalidad adicional para ayudarlo a “aumentar el nivel” de su tienda
Debería (por supuesto) recordar sus necesidades individuales también. Por ejemplo, puede encontrar que los formularios emergentes y las ventanas son importantes para su tienda y estrategia de ventas. La buena noticia es que el elemento es más que capaz de satisfacer sus necesidades.
Por ejemplo, tiene un excelente constructor emergente que funciona maravillosamente para ventas, ofertas limitadas con el tiempo, cupones y más:
Puede crearlos como otras plantillas de página y aplicarlas rápidamente. Además, puede personalizarlos de cualquier manera que elija. Es perfecto si tiene una cierta campaña para promocionar en su sitio. Cómo elegir un tema de WooCommerce adecuado No entraremos en muchos detalles aquí, porque cubrimos esto en nuestro tutorial y también redondeamos algunos temas en un artículo dedicado. La principal consideración que necesita en este caso es un tema compatible con Elementor y WooCommerce. Incluso un vistazo rápido a los sitios premium del mercado le mostrará que muchos temas promueven esto, por lo que sus elecciones son variadas.
Aun así, hay algunos temas notables que podemos recordar:

Escaparate. Probablemente tendrá la más mínima compatibilidad con Elementor en el futuro, porque Block Editor es una tecnología nativa. Aún,
Hola. Este es el tema del inicio sin complicaciones y es ideal para desarrollar un sitio de WoCommerce desde cero. Por supuesto, si tiene menos tiempo disponible, puede ser aconsejable elegir otro tema, con más características. Este es un tema principal con una infraestructura flexible. Esto significa que, ya sea que use Block Editor, Elementor o algo más, su tienda se verá increíble.
Le recomendamos que encuentre el tema correcto antes de concentrarse en crear su sitio. Recuerde, los mejores resultados serán compatibles con Elementor y WooCommerce.
Cómo crear un sitio web de WooCommerce impulsado por Elementor en 3 pasos en el resto de este artículo, le mostraremos cómo usar Elementor y WooCommerce juntos para crear un sitio de comercio electrónico. Hay tres pasos para recordar:
Instale y configure WooCommerce.
Cree sus líneas de productos de WooCommerce y use Elementor para crear páginas de productos.
Diseñe una página de tienda dedicada, utilizando nuevamente Elementary.
Sin embargo, para este tutorial asumiremos que ya tiene un Elementor Pro instalado y activado. Es algo que te exponemos en nuestro artículo sobre la creación de un embudo de WordPress. Esa publicación te ayudará cuando tengas algún problema.
1. Instale WooCommerce y configúrelo, hay dos aspectos a considerar al configurar una instalación de WooCommerce: el complemento en sí y la configuración de su almacén en realidad, la instalación del complemento toma el mismo proceso que cualquier otro complemento de WordPress. En cuanto a la configuración de WooCommerce en sí, aunque puede estar listo para comenzar en unos minutos, vale la pena tomar un poco más de tiempo para viajar al experto en configuración. Cuando se trata de este punto de configuración, lo hemos cubierto. De hecho, tenemos una publicación de tutorial de WooCommerce completa que entra paso a paso sobre cómo comenzar con WooCommerce y crear su primer producto. Es una buena publicación que abres en una pestaña de repuesto mientras la revisa. La información interna será valiosa para el próximo conjunto de pasos.
2. Cree sus productos WooCommerce una vez que tenga una instalación de WooCommerce en funcionamiento, debe buscar crear productos en la parte posterior. Nuevamente, nuestro tutorial de WooCommerce cubre cómo hacer esto en detalle, pero aquí están las notas del acantilado:
Vaya a la pestaña del producto> Agregar nuevo WordPress.
Complete el nombre del producto y una breve descripción.

Use metacasas de WooCommerce para completar los datos del producto, como el precio.

Agregue una imagen.
Publique su producto.
Sin embargo, aquí está el lugar donde Elementor muestra su primer movimiento de poder: WooCommerce Builder. Esta es una forma de usar el generador de página para crear el diseño de páginas de productos.
Para comenzar, haga clic en Plantillas> Agregar nuevo a WordPress:
Desde aquí, seleccione el producto único de la plantilla de tipo de menú desplegable e ingrese un nombre opcional:
Esto abrirá la biblioteca de plantillas para mostrar cada bloque prebuilado desde: Después de ver un diseño que desee, haga clic en el botón Insertar y el elemento importará el bloque:
Esta es una forma rápida de crear una página de producto dedicada.Puede comenzar este comienzo y puede agregar aún más.Elementor incluye una serie de widgets dedicados para ayudar a construir páginas específicas de WoCommerce:
Después de que tenga una página que desee, haga clic en el botón Verde de publicación en la parte inferior de la pantalla:

Esto mostrará una ventana emergente que lo ayudará a configurar una condición específica para mostrar la plantilla:

Cuando esté listo, haga clic en Guardar y cerrar. Desde aquí, puede agregar más productos a su tienda, puede trabajar en varias plantillas o puede comenzar a trabajar en una página de tienda dedicada. 3. Diseñe la página de su tienda dedicada usando Elementor y WooCommerce Una experiencia de usuario útil (UX) es cómo la mayoría de las páginas necesarias que necesita para su tienda, la tienda de nivel superior es más importante, porque esta es la cubierta frontal que decora la puerta . Si usa WordPress y WooCommerce con un tema específico de WooCommerce, como la tienda, el punto de partida principal para personalizar la tienda es a través del personalizador. Sin embargo, nos centramos en el elemento. La forma de hacer esto con el generador de página es usar una página de archivo de productos. Esto le permite personalizar cómo se muestran los productos en su sitio, pero no se ocupe del resto de su página en algunos casos, puede ser difícil administrar dos conjuntos de personalizaciones y configuraciones, pero desde nuestra experiencia. Fue un problema. hasta aquí. Al igual que con los productos individuales, deberá ir a las plantillas> Agregar nuevo a WordPress, luego elija el archivo del producto en el menú desplegable:

Nuevamente, puede elegir un bloque, editar una página desde cero o combinar ambos para crear algo único. Además, como antes, puede usar cualquiera de los widgets de WoCommerce específicos para ayudarlo a diseñar una página como desee. Después de hacer clic en el botón de publicación nuevamente y llegar al cuadro de diálogo Configuración de publicación, puede invocar magia. En su forma básica, puede incluir la nueva plantilla en la página de la tienda: sin embargo, eso no es todo. Puede agregar condiciones adicionales incluidas para usar la plantilla en varios lugares de su sitio. Esto es excelente para la continuidad y para dar a los visitantes una razón para visitar su tienda. Una nota rápida sobre las otras páginas generadas por WooCommerce antes de completar, queremos mencionar las otras páginas de WooCommerce generadas. La mala noticia es que no caigo bajo sus ojos. En otras palabras, no puede editar páginas como páginas de pago o gracias sin una extensión adicional de WooCommerce. Esto es decepcionante pero comprensible. Aun así, puede continuar usando Elementary para desarrollar los elementos circundantes, luego ingresar la funcionalidad específica de la página con códigos cortos. Sin embargo, no es ideal. Si la edición completa de estas páginas es importante para usted, querrá ver el editor de campo de cheque ($ 49 al año) y la extensión de las páginas de agradecimiento personalizadas (también $ 49 por año). En conclusión, ¿qué podría salir mal al usar tres de las herramientas más populares para publicar una tienda electrónica?