En esta publicación, le mostraremos cómo combinar Elementor y WC Product Table para crear un sitio de WordPress más personalizado y al mismo tiempo aumentar las ventas de su tienda WooCommerce.
WordPress simplifica el proceso de creación de un sitio web y su puesta en marcha rápidamente. WooCommerce es un plugin WordPress que le permite convertir cualquier sitio web de WordPress en una tienda en línea completamente funcional. Sin embargo, corre el riesgo de producir un sitio de imitación, si continúa con sus opciones y características predeterminadas, esto puede no ser apropiado para sus necesidades comerciales. Es fundamental encontrar las mejores herramientas para diseñar y personalizar su sitio web hasta que sea lo que desea.
Muchos de WordPress y WooCommerce plugin s están disponibles para mejorar la funcionalidad de su tienda - Elementor, por ej amp le, es la herramienta más sencilla para personalizar su página de producto WooCommerce. Aunque es una de sus ventajas más importantes, también tiene algunos inconvenientes importantes. Para ex amp le, cuando se combinan WordPress plugin s de diferentes autores, se corre el riesgo de encontrar errores de compatibilidad y otras complicaciones; este no es el caso cuando se utiliza la tabla de productos WooCommerce y los plugin Elementor para sitios web de WordPress. Tendrá un mayor control sobre la apariencia y la funcionalidad de su sitio cuando use cualquiera de estos plugin , y se pueden usar en conjunto para obtener resultados aún más excelentes.
- Una descripción general rápida de la tabla de productos de WooCommerce y los marcos de Elementor
- Para incorporar una tabla de productos de WooCommerce en un editor de texto o widget de código abreviado, siga estos pasos:
- Se pueden usar acordeones, pestañas y conmutadores para organizar varias tablas de productos.
Una descripción general rápida de la tabla de productos de WooCommerce y los marcos de Elementor
Como se indicó anteriormente, hay una amplia selección de plugin de WordPress disponibles para ayudarlo a crear un mejor sitio de WordPress que esté personalizado según sus requisitos específicos. Algunos plugin están diseñados para usarse a gran escala, mientras que otros están diseñados para agregar un aspecto o característica particular.
Elementor es un ex amp le del primer tipo de aplicación:
Nuestro plugin creación de páginas le ofrece una interfaz completamente nueva para construir páginas web y crear su sitio web de WordPress. Obtiene un gran control sobre la forma en que se organiza su sitio web seleccionando y personalizando una extensa biblioteca de widgets, bloques y diseños.
Si bien la tabla de productos de WooCommerce es una solución más general, también está más dirigida:
Este plugin permite crear tablas dinámicas y totalmente personalizables que enumeran sus productos y servicios de WooCommerce. Sin embargo, debido a su interacción con WooCommerce, estas tablas son particularmente adecuadas para mostrar artículos y servicios de una manera fácil de usar y visualmente atractiva para los compradores en línea. El plugin Posts Table Pro interactúa igualmente con Elementor y enumera cualquier tipo de contenido de WordPress en una tabla en lugar de simplemente productos de WooCommerce (si desea mostrar algo aparte de los productos, como publicaciones, páginas o documentos), se puede usar en su lugar.
Cuando se usan en conjunto, Elementor y WooCommerce Product Table brindan capacidades significativamente diversas. Puede utilizarlos para producir algunos impactos muy significativos que ayudarán a aumentar el número de ventas de su tienda WooCommerce.
Ahora es el momento de ponerse manos a la obra. En las siguientes secciones, vamos a ver un poco de mundo real ex amp les de cómo se puede utilizar la tabla de productos WooCommerce y Elementor para crear efectos similares a los mostrados anteriormente.
Cuando se trata de combinar estos dos plugin , el cielo es el límite, y estas son solo algunas de las posibilidades. Con un poco de prueba y error, puede armar varias páginas usando el mismo enfoque fundamental que demostraremos.
En primer lugar, querrá asegurarse de que ambos plugin estén instalados correctamente en su sitio. Es bueno que instalar Elementor y configurar la tabla de productos de WooCommerce sea sencillo y sencillo. WooCommerce también debe estar instalado y habilitado antes de poder continuar con este paso. Entonces estará listo para trabajar en su proyecto.
Para incorporar una tabla de productos de WooCommerce en un editor de texto o widget de código abreviado, siga estos pasos:
Comencemos con la aplicación más fundamental y beneficiosa posible. Alternativamente, si simplemente desea utilizar una tabla de productos dinámica en su sitio web de Elementor, puede agregarla a un widget y hacer que aparezca en la parte frontal del sitio web.
Asegúrese de estar usando el editor de Elementor cuando abra cualquier página o publicación para lograr esto. Si se le presenta la interfaz familiar de WordPress, haga clic en el botón Editar con Elementor para cambiar a la interfaz de Elementor:
Si es la primera vez que trabaja con Elementor, hagamos un pequeño recorrido por la plataforma. Aparecerá un área grande a la derecha donde se mostrará su contenido y se actualizará en tiempo real a medida que lo agrega y lo modifica. En el lado izquierdo de la pantalla, hay una lista de 'widgets' que puede arrastrar al área designada y luego reorganizar y configurar según sea necesario:
Se puede usar una tabla de productos con una variedad de widgets Elementor diferentes. Sin embargo, si solo desea mostrar una única tabla de productos en una página, puede lograrlo al incluir una sección de texto introductorio en el código HTML de la página. Elija el widget Editor de texto y muévalo a un lugar vacío de la siguiente manera:
Después de eso, puede hacer clic dentro del widget para eliminar el texto predeterminado y reemplazarlo con el contenido que desee. Cuando se trata de la tabla de productos en sí, puede incluirla pegando este simple código abreviado:
[tabla de productos]
Cuando inserte el código corto en su página, la tabla aparecerá en la ubicación que especifique, que puede verificar viéndola en la interfaz:
Si solo desea usar un elemento para el código en sí, puede usar el widget Shortcode.
Nunca olvide guardar la página cuando haya terminado de colocar la mesa, sin importar dónde decida colocarla. Después de eso, probablemente querrá hacer algunos cambios en la apariencia y el funcionamiento de la tabla.
Regrese a su panel de WordPress y navegue a la pestaña WooCommerce> Configuración para completar esta tarea. Las tablas de productos se pueden encontrar seleccionando Productos en la parte superior de la pantalla y luego Tablas de productos:
Puede encontrar una lista completa de opciones para configurar su tabla de productos WooCommerce aquí. Tienes control total sobre la información que aparece en la tabla y puedes personalizarla agregando filtros y variables, entre otras cosas. Consulte la documentación del plugin para obtener más información sobre las diferentes opciones.
Podrá modificar la tabla de productos que acaba de crear con Elementor sin tener que hacer nada más. Una vez que haya terminado de personalizar la tabla según sus especificaciones, simplemente guarde los cambios y estará listo para comenzar.
Se pueden usar acordeones, pestañas y conmutadores para organizar varias tablas de productos.
La solución anterior funciona bien si desea presentar una sola tabla con sus productos WooCommerce. Si va a construir muchas tablas, cada una de las cuales tiene una categoría de objetos diferente, esta no es la mejor opción.
Hay varias formas diferentes de lograr esto en Elementor. El widget de acordeón, por ej amp le, se puede utilizar para generar el mismo efecto que vimos en el último estudio de caso. Comenzando desde el área de edición de la derecha, mueva el widget Acordeón al área de edición de la izquierda.
Puede crear tantas pestañas independientes como desee haciendo clic en los signos más, y puede personalizar los títulos y el texto dentro de cada una. Además, puede agregar una tabla de productos a una o más pestañas usando el mismo código corto que se mencionó anteriormente.
Por supuesto, simplemente agregar el código abreviado básico dará como resultado una sucesión de tablas de productos similares, que probablemente no sea lo que estaba buscando en primer lugar. En su lugar, tendrá que personalizar cada código corto para mostrar los productos especificados única - para ex amp le, artículos de una categoría específica - en lugar de todos los productos.
El método que utilice estará determinado por los productos que desee incluir y omitir de cada tabla en cuestión. Para obtener información adicional, consulte la guía completa para personalizar los códigos cortos de la tabla de productos de WooCommerce.
Vale la pena señalar que puede lograr un efecto similar con la ayuda de otros widgets útiles de Elementor; esto comprende el widget Toggle y el widget Tabs, entre otros componentes. En términos de presentar varias tablas de productos de WooCommerce de una manera atractiva y bien organizada, Elementor es su herramienta de referencia.
¡Limpia tu marcado descuidado gracias a los organizadores gratuitos de HTML, CSS y JavaScript en línea!
Piense seriamente en el diseño de su sitio web de comercio electrónico si desea que su empresa se destaque de la competencia. Para ex amp le, tendrá que determinar la manera más efectiva de dar a conocer sus productos, a ser posible en un estilo que es a la vez fácil de usar y visualmente atractivo a la vista.
Afortunadamente, el uso del plugin WooCommerce Product Table con Elementor hace que esta sea una tarea sencilla. El código abreviado de su tabla de productos se puede utilizar para mostrar todo lo que su sitio tiene para ofrecer (o solo una selección) de una manera verdaderamente dinámica.
