Revisión de WooLentor: uso de Elementor para diseñar una tienda WooCommerce

¿Alguna vez has deseado poder diseñar Tienda WooCommerce ¿Utiliza completamente una interfaz visual de arrastrar y soltar?

La capacidad de mejorar el diseño de su tienda es importante: mejorar su diseño tendrá un gran impacto en las tasas de conversión y la cantidad de productos que compran los compradores.

Sin embargo, a menos que sea un desarrollador, puede ser difícil saber por dónde empezar. Personaliza tu look Es por eso que muchas tiendas WooCommerce confían en plantillas prefabricadas.

Una solución es usar Agregar generador de páginas de WordPress. Muchos usuarios adoran Elementor porque le permite crear diseños totalmente personalizados visualmente utilizando una interfaz de arrastrar y soltar. Sin embargo, no puede usarlo para diseñar toda su tienda WooCommerce... por defecto.

Aquí es donde entra una adición WooLentor  Al frente: WooLentor te permite usar la interfaz de Elementor para controlar cada parte de tu tienda, incluso tu carrito de compras y las páginas de pago.

Revisión de WooLentor: uso de Elementor para diseñar una tienda WooCommerce - Dominar WordPress

En esta revisión de WooLentor, lo guiaré a través de todas sus funciones y le mostraré exactamente cómo funciona esta extensión.

Revisión de WooLentor: ¿Qué haces?

En resumen, lo haces WooLentor Amplía las opciones proporcionadas por el popular complemento del creador de páginas de Elementor para que pueda usarlo para diseñar cada parte de su tienda WooCommerce, desde las páginas de sus productos hasta las páginas de archivo de su tienda, su carrito de compras, pago, página de agradecimiento, página de Mi cuenta y más.

Esta última parte es única, porque la mayoría de las otras herramientas no le permiten personalizar su carrito de compras y las páginas de pago, lo que significa que debe confiar en lo que proporciona su plantilla para esas páginas. WooLentor cambia eso, para que puedas tomar el control del diseño y el diseño con algunas opciones de personalización muy poderosas.

Para ayudarlo a lograr esto, WooLentor viene con más de 41 herramientas diferentes relacionadas con WooCommerce que puede usar en sus diseños de Elementor. Por ejemplo, obtendrá herramientas para insertar el título del producto, la imagen, la descripción, etc.

También obtendrá herramientas más avanzadas para cosas como venta cruzada, venta cruzada, productos relacionados, etc. También hay herramientas/funciones para omitir las funciones predeterminadas de WooCommerce. Por ejemplo, puede ayudarlo a mostrar avisos de ventas, mostrar pancartas promocionales especiales, agregar tarifas sugeridas/solicitar precio y más.

Si bien WooLentor te permite crear diseños para tu tienda desde cero, también viene con una serie de plantillas importables prefabricadas para ayudarte a comenzar. La versión WooLentor Pro también incluye acceso a algunos temas de pago de WooCommerce, aunque WooLentor funcionará con cualquier tema de WordPress.

Precios de WooLentor

Al igual que con la mayoría de los complementos gratuitos, WooLentor viene Versión gratuita En WordPress.org más Edición premium Sus más opciones.

La versión gratuita le brinda un control adicional sobre el diseño de su tienda y agrega 18 elementos de WooCommerce que puede usar. Sin embargo, las características realmente únicas están en la versión Pro, que es lo que necesita para diseñar su carrito de compras, página de pago, página de mi cuenta, etc.

La versión Pro comienza en solo $29 por un año de soporte y actualizaciones en un sitio web. O puede pagar $59 por soporte de por vida y actualizaciones en un sitio web.

Los precios suben a partir de ahí si desea usarlo en varios sitios web.

Comparación entre WooLentor y Elementor Pro

Si está familiarizado con Elementor, es posible que sepa que Elementor Pro ya incluye su propio generador de páginas WooCommerce que le permite usar Elementor para diseñar sus propias páginas de productos y tiendas individuales.

Esto podría hacer que te preguntes, ¿hay alguna diferencia entre WooLentor y Elementor Pro?

Responder نعم. Si bien hay cierta superposición entre WooLentor y Elementor Pro, WooLentor le brinda mucha más flexibilidad en comparación con Elementor Pro. Por ejemplo, con WooLentor, podrá personalizar las siguientes plantillas de página:

  • Carro de compras.
  • pagando.
  • Aritmética.
  • Registro.
  • muchas gracias.

No puede hacer esto con Elementor Pro: debe usar las opciones de su plantilla para personalizar o diseñar esas páginas manualmente con CSS, lo que limita la flexibilidad que obtiene.

WooLentor también te brinda más herramientas relacionadas con WooCommerce. Por ejemplo, existen herramientas únicas como la barra de progreso del estado del inventario de productos. WooLentor también tiene sus propias plantillas prediseñadas únicas que son diferentes de las que ofrece Elementor Pro.

Finalmente, también es importante tener en cuenta que WooLentor todavía funciona con la versión gratuita de Elementor. Entonces, si solo necesita las funciones de la versión gratuita de WooLentor, podrá mantener todo 100% gratis. E incluso si necesita la versión Pro, WooLentor sigue siendo un poco más barato que Elementor Pro y le brinda más funcionalidad.

Cómo usar WooLentor

Ahora que tiene la información básica, le mostraré cómo puede usar realmente WooLentor para diseñar su tienda. Como referencia, estoy usando uno de los sitios de demostración de WooCommerce de la plantilla Astra y luego le mostraré cómo personalizarlo usando WooLentor. También puede usar una de las plantillas incluidas que obtiene con WooLentor Pro si lo prefiere.

También debo señalar que estoy usando WooLentor Pro para esta sección; no obtendrá todas las funciones que se muestran a continuación en la versión gratuita, aunque las funciones básicas son las mismas.

Cómo funcionan los formularios en WooLentor

Para configurar las plantillas de su tienda con WooLentor, primero utilizará el sistema de plantillas integrado de Elementor para crear una plantilla (por ejemplo, para sus productos individuales).

Una vez que hagas eso, puedes ir a WooLentor → Configuración → Plantilla WooCommerce Para asignar este formulario a una parte específica de su tienda:

Revisión de WooLentor: uso de Elementor para diseñar una tienda WooCommerce - Dominar WordPress

Esto es un poco diferente de la interfaz regular de WordPress Theme Builder, pero es muy fácil de detectar una vez que comprende lo que está sucediendo.

Primero le mostraré cómo crear los formularios. A continuación, cubriré algunas otras opciones en el área de configuración.

Cómo personalizar la página de producto individual

Para crear un formulario, vaya a Formularios → Agregar nuevo Puede crear un nuevo formulario de página. O también puede importar y editar formularios de WooLentor prefabricados, que eligió hacer en este ejemplo.

Esto debería iniciar el editor normal de Elementor. Solo que ahora obtendrá un montón de nuevas opciones en las secciones WooLentor Pro y WooLentor Extensions de la barra lateral.

Revisión de WooLentor: uso de Elementor para diseñar una tienda WooCommerce - Dominar WordPress

Puede usar estas herramientas para agregar detalles específicos del producto. Por ejemplo, hay un widget para el título del producto, otro para la descripción, etc. También obtendrá múltiples herramientas para ciertos artículos. Por ejemplo, puede elegir entre diferentes tipos de vista de imágenes de productos seleccionando diferentes herramientas.

También obtendrá herramientas muy especializadas para cosas como:

  • Galerías de videos de productos.
  • Venta y venta cruzada.
  • Especiales.
  • Códigos QR.

También podrá usar todas las configuraciones normales de Elementor. Por ejemplo, ¿quieres ocultar un elemento específico de los visitantes móviles? Simplemente use la configuración normal de Elementor Respive. y así sucesivamente para otras características.

Una vez hecho esto, puede guardar sus cambios y luego ir a Configuración de WooLentor y asignar este modelo a su página de producto individual:

Revisión de WooLentor: uso de Elementor para diseñar una tienda WooCommerce - Dominar WordPress

También puede configurar diferentes modelos para productos individuales desde el nuevo cuadro de WooLentor en el cuadro de datos del producto al editar productos individuales:

Revisión de WooLentor: uso de Elementor para diseñar una tienda WooCommerce - Dominar WordPress

Un inconveniente menor aquí es que no puede usar términos genéricos para aplicar rápidamente una plantilla a todos los productos dentro de una categoría o etiqueta específica, lo que le ahorrará algo de tiempo, algo que Elementor Pro permite. En cambio, deberá cambiar manualmente el modelo para cada producto, lo que agrega un poco de trabajo adicional si tiene una tienda grande.

Cómo personalizar la página de la tienda

Puedes usar la misma técnica básica para diseñar tu tienda u otras páginas de archivo. Primero, debe importar o crear una nueva plantilla y modificarla con Elementor. Luego, puede usar las herramientas dedicadas para enumerar sus productos.

Es muy fácil: todo lo que tiene que hacer es agregar la herramienta de diseño de archivo de productos y obtendrá una lista personalizable de todos sus productos:

Revisión de WooLentor: uso de Elementor para diseñar una tienda WooCommerce - Dominar WordPress

También puede usar otras herramientas para agregar más contenido si lo prefiere.

Una vez que esté satisfecho con el aspecto de la página, puede configurarla como su página de tienda. O bien, WooLentor también le permite asignar estas plantillas a categorías individuales o páginas de archivo de etiquetas. Puede hacer esto al editar una categoría o etiqueta individual:

Revisión de WooLentor: uso de Elementor para diseñar una tienda WooCommerce - Dominar WordPress

Cómo personalizar la página del carrito de compras, pago, agradecimiento, etc.

Ahora, la función más exclusiva: la capacidad de personalizar la página del carrito de compras, la página de pago, la página de agradecimiento, la página de mi cuenta y otras páginas importantes de WooCommerce.

ملاحظة — Recomiendo agregar un artículo a su carrito antes de comenzar a editar. De esta manera, podrá ver una vista previa real a medida que realiza sus ediciones (de lo contrario, solo se le informará que su carrito está vacío).

A partir de ahí, puede comenzar a personalizar con la interfaz de Elementor. Por ejemplo, en la tabla del carrito de compras, puede elegir qué columnas incluir. Si desea ocultar la imagen de un producto de la página del carrito de compras, todo lo que tiene que hacer es eliminar esta columna. O también puede agregar más columnas si desea mostrar información adicional:

Revisión de WooLentor: uso de Elementor para diseñar una tienda WooCommerce - Dominar WordPress

Para algunas herramientas, WooLentor se iniciará tan pronto como arrastre el diseño predeterminado de su plantilla. Sin embargo, tiene la opción de anular esta configuración si lo desea. Por ejemplo, si deshabilita el comportamiento predeterminado en una herramienta "carro totalPuedes personalizar completamente el texto:

Revisión de WooLentor: uso de Elementor para diseñar una tienda WooCommerce - Dominar WordPress

Pagina de pago

Al ir a la página de pago, puede hacer lo mismo. Por ejemplo, puedes incluso modificar los campos que aparecen en tu formulario de pago (ten cuidado al hacerlo, porque podrías deshabilitar accidentalmente algo importante):

Revisión de WooLentor: uso de Elementor para diseñar una tienda WooCommerce - Dominar WordPress

También puede agregar otros artículos. Por ejemplo, puede insertar fácilmente insignias de confianza para aumentar la confianza en su sitio web, lo cual es una buena estrategia de mejora de conversión.

pagina de mi cuenta

¿Quiere crear una experiencia más fácil de usar para sus clientes registrados después de que hayan realizado una compra? También puede personalizar completamente la página Mi cuenta según sus necesidades.

Una característica realmente poderosa aquí es que puede agregar/eliminar pestañas en la página Mi cuenta, incluida la creación de enlaces personalizados. Por ejemplo, puede agregar un enlace a sus promociones existentes para que a los compradores les resulte más fácil encontrar las mejores ofertas:

Revisión de WooLentor: uso de Elementor para diseñar una tienda WooCommerce - Dominar WordPress

En general, creo que la capacidad de diseñar estas páginas es una de las características más sólidas de WooLentor Pro y lo más importante que lo hace destacar en comparación con Elementor Pro.

Cómo usar las notificaciones de ventas

La función de notificación de ventas integrada de WooLentor es otra opción única más allá de lo que obtienes en Elementor Pro.

Puede configurar estos ajustes yendo a WooLentor → Configuración → Notificación de ventas.

Le permite elegir entre notificaciones reales (basadas en solicitudes reales) o notificaciones falsas. Creo que es mejor ser honesto y mostrar solicitudes reales si desea generar una prueba social real y confianza con los compradores. Sin embargo, si decide usar plantillas falsas, también puede elegir una que haya creado con Elementor (o importar plantillas de notificación de ventas prefabricadas).

También puede configurar otros detalles, como cuánto tiempo mostrar y cuántos detalles mostrar:

Revisión de WooLentor: uso de Elementor para diseñar una tienda WooCommerce - Dominar WordPress

Cómo importar plantillas

Como mencioné, WooLentor viene con una serie de plantillas listas para usar que puede importar. Puede buscar e importar estas plantillas con solo unos pocos clics yendo a WooLentor → Biblioteca de plantillas:

Revisión de WooLentor: uso de Elementor para diseñar una tienda WooCommerce - Dominar WordPress

Cómo deshabilitar herramientas no utilizadas

Para mantener las cosas livianas, WooLentor le permite deshabilitar cualquier herramienta que no use. Puedes hacer esto yendo a WooLentor → Configuración → Elementos. Todo lo que tiene que hacer es deshabilitar los elementos que no desea usar:

Revisión de WooLentor: uso de Elementor para diseñar una tienda WooCommerce - Dominar WordPress

últimos pensamientos

En general, creo que WooLentor es una adición muy interesante si quieres usar Elementor para diseñar tu propia tienda WooCommerce.

Lo más singular de WooLentor en comparación con Elementor Pro es que WooLentor Pro le permite usar Elementor para diseñar más en su tienda, incluidas las siguientes páginas:

  • Carro de compras.
  • pagando.
  • Aritmética.
  • muchas gracias.

Estas son páginas muy importantes que afectarán el éxito de su tienda, por lo que desea poder hacerlo bien.

Si bien Elementor Pro funciona bien con un producto y las páginas de la tienda, no le permite tocar estas otras páginas, lo cual es un gran inconveniente si desea usar Elementor para WooCommerce. WooLentor Pro soluciona eso y te da más control sobre toda tu tienda.

Además, generalmente también ofrecen más herramientas y otras funciones avanzadas, como notificaciones de ventas.

Puedes probarlo con VERSIÓN GRATUITA en WordPress.org. Sin embargo, creo que la mayoría de las mejores funciones solo están disponibles en la versión Pro. Así que si quieres usar WooLentor, te recomiendo comprar Edición premium Para que pueda diseñar su propio carrito de compras, página de pago, etc.

fuente
Ir al botón superior