Merchandiser: un tema de WordPress para WooCommerce de carga rápida

WooCommerce es la solución de comercio electrónico más popular para los usuarios de WordPress por un amplio margen. Es por eso que existe un mercado tan competitivo para los temas de WordPress de WooCommerce.

Uno de los diseños de WooCommerce más nuevos del mercado se llama Merchandiser.

Diseñado por Get Bowtied, Merchandiser es un diseño minimalista que enfatiza la velocidad y la eficiencia sobre las funciones innecesarias. El objetivo era diseñar algo que ofreciera todas las funciones que necesita sin la hinchazón adicional que generalmente se asocia con los diseños de WooCommerce.

La correlación entre los tiempos de carga de la página y las ventas está bien documentada en línea. Los sitios web de carga rápida ayudan a los propietarios de tiendas a generar clasificaciones más altas en los motores de búsqueda y ayudan a aumentar las ventas. También mejora la experiencia de navegación de sus clientes.

En este artículo, me gustaría echar un vistazo más de cerca a Merchandiser y mostrarte lo que puede hacer.

¿Qué ofrece el comerciante?

Merchandiser tiene un hermoso diseño que estoy seguro de que a sus clientes les encantará. Hay varias opciones diferentes disponibles para su página de inicio, incluido un control deslizante, productos destacados, un blog y una plantilla próximamente.

Una vez que comienza a navegar por el área de demostración de Merchandiser, queda claro que se ha prestado mucha atención a brindar una experiencia de compra agradable a los clientes.

Página de inicio del comerciante

Hay muchas características pequeñas, como un carrito de compras fuera del lienzo y un área de vista rápida fuera del lienzo. Esta área se revelará cuando haga clic en el ícono del carrito de compras en la parte superior de cada página o haga clic para agregar algo a su carrito. Permite a los clientes ver qué elementos han agregado sin salir de la página.

Carrito de la compra del comerciante

Los productos se pueden exhibir de diversas formas. Puede elegir si se muestra una barra lateral o no y mostrar de uno a seis productos por fila. Lo mejor de Merchandiser es que el tema mostrará menos productos en cada fila si se cambia el tamaño del navegador o si el cliente está viendo la página en un dispositivo móvil.

Lista de productos del comerciante

La página de información del producto es grande, llamativa y clara. Todas sus funciones favoritas de WooCommerce están disponibles en esta área. Por ejemplo, puede mostrar calificaciones de productos y marcar artículos en oferta.

Información del producto del comerciante

La plantilla de blog incluida se ve bien y coincide con el estilo general de Merchandiser. Estoy seguro de que la mayoría de los propietarios de tiendas estarán contentos con la plantilla, sin embargo, como bloguero, me encantaría ver más diseños de blog agregados al tema.

Blog del comerciante

Dado que la cantidad de personas que compran desde teléfonos móviles y tabletas crece cada día, Merchandiser garantiza que los usuarios de dispositivos móviles tengan una experiencia de compra agradable.

Merchandiser Mobile Design

Get Bowtied está tan orgulloso de la codificación y el rendimiento de Merchandiser que han compartido los resultados del Validador HTML del W3C y los resultados de las pruebas de velocidad de Webpagetest y Pingdom. Siéntete libre de revisarlos.

Prueba de velocidad del comerciante

Me impresionó la calidad del diseño del Merchandiser. El tema funciona con todas las funciones de WooCommerce y la inclusión del creador de páginas de arrastrar y soltar Visual Composer significa que puede diseñar sus páginas con facilidad.

Cómo instalar Merchandiser

Merchandiser viene empaquetado con el tema principal y un tema secundario. Es recomendable cargar ambos temas y usar el tema hijo para que las modificaciones que realice no se sobrescriban cuando se actualice el tema.

Una vez que haya cargado Merchandiser y activado el tema secundario, verá un mensaje pidiéndole que instale los complementos necesarios. El único complemento necesario que debe instalarse se llama “Herramientas GetBowtied”.

Cuando se haya activado este complemento obligatorio, se le presentará una página de bienvenida que le agradece por usar el tema.

Página de bienvenida del comerciante

En la página siguiente, debe ingresar la clave de activación del producto que se le proporciona después de comprar Merchandiser. Hacer esto asegura que el tema se pueda actualizar automáticamente a través del área de administración de WordPress. El paso también es necesario para instalar los dos complementos que deben instalarse con el tema.

Activación del producto del comerciante

Los dos complementos que Merchandiser le pide que instale son Visual Composer y WooCommerce. Visual Composer tiene un precio minorista de $ 34 por sí solo, por lo que es genial verlo incluido con el tema.

Instalar complementos de Merchandiser

La instalación del contenido de demostración del tema lo ayudará a comprender lo que puede hacer Merchandiser.

Instalar contenido de demostración

Antes de instalar el contenido de la demostración, asegúrese de verificar el estado del sistema para ver si el servidor de su sitio web está configurado para importar los archivos necesarios.

Es posible que deba hablar con el host de su sitio web si el entorno del servidor no está configurado correctamente. Sin embargo, el contenido de la demostración se instaló correctamente para mí a pesar de que algunas advertencias sobre el límite de tiempo de PHP y el tamaño máximo de carga no son suficientes.

Verifique el estado de su sistema

Una vez que se haya instalado el contenido de la demostración, el front-end de su sitio web se verá como la demostración del tema. Todo lo que tiene que hacer ahora es comenzar a agregar productos a la venta (si aún no lo ha hecho).

merchandiser-demo-content-installed

No hay información sobre lo que la instalación del área de demostración agrega realmente a su base de datos y cómo se puede eliminar ese contenido. Este es un problema que presentan muchos temas de WordPress.

En comparación con otros temas de WordPress, la cantidad de datos importados parece ser bastante ligera ya que no se agregan medios. Es de esperar que el desarrollador pueda aclarar lo que agrega la demostración en una versión futura del tema.

Cómo configurar Merchandiser

Todas las configuraciones para Merchandiser se manejan a través del personalizador de temas de WordPress.

Desafortunadamente, si ha activado el tema hijo de Merchandizer, lo único que puede cambiar son los widgets.

Personalizador de temas de WordPress con tema secundario

El hecho de que Get Bowtied haya incluido un tema hijo con el paquete de temas destaca que comprenden la importancia de utilizar un tema hijo. Por lo tanto, es seguro asumir que se trata de un pequeño error que deben corregir.

Hasta que lo hagan, deberá configurar Merchandizer activando el tema principal.

Una vez que Merchandiser esté activado, verá todas las opciones enumeradas en el personalizador de temas de WordPress. Verá opciones para su encabezado, pie de página, tienda, página de producto, redes sociales y más.

Personalizador de temas de WordPress

A pesar de que Get Bowtied marketing Merchandiser es un tema mínimo, encontrará muchas opciones excelentes dentro del personalizador de temas de WordPress.

Hay diseños adicionales disponibles para su encabezado y área de navegación. También hay dos diseños de tienda y dos diseños de página de producto.

En una versión futura, me gustaría ver más opciones de estilo y más diseños agregados.

Personalizando su tienda

El personalizador de temas de WordPress es una forma fantástica de modificar un tema, ya que permite a los usuarios ver los cambios que realizan de inmediato.

También puede diseñar el área de contenido de sus páginas con Visual Composer. Utilizo Visual Composer en mi propio sitio web para ayudarme a crear contenido elegante y presentar datos que sean más digeribles para los lectores. Esto puede tomar la forma de un control deslizante, una tabla o una lista de publicaciones de blog.

La interfaz de Visual Composer es rápida y fácil de usar. Se sentirá cómodo creando páginas con él después de usarlo durante unos minutos.

Interfaz Visual Composer

Hay docenas de elementos de contenido disponibles en Visual Composer. Puede agregar cientos más a través de una de las muchas extensiones disponibles para Visual Composer (consulte la categoría de complementos de WordPress en CodeCanyon).

Estos elementos de contenido lo ayudarán a dar vida a sus páginas y agregar un toque de clase que los competidores no tienen.

Lista de elementos de Visual Composer

Aparte del problema con el tema hijo que no muestra las opciones en el personalizador de temas de WordPress, Merchandiser fue fácil de configurar.

Para ayudar a expandir la funcionalidad del tema, me gustaría ver opciones agregadas para exportar e importar configuraciones. Esto permitiría a los usuarios configurar el tema en un sitio web de prueba y luego importarlo a su sitio web en vivo. También facilitaría mucho la vida a las empresas de diseño web que utilizan Merchandiser para varios clientes.

Pensamientos finales

Si está buscando un diseño mínimo de WooCommerce que se vea bien y se cargue rápido, Merchandiser es una excelente opción. Te animo a que veas Merchandiser en acción consultando la demostración oficial del tema. Esto le dará una idea de cómo se ve el tema.

Sin duda, el tema se inspira en los sitios web de portafolios y galerías. Las imágenes de productos dominan las páginas, lo que significa que cada producto recibe mucha atención. Compare esto con los diseños de comercio electrónico que se adaptan a docenas de productos en cada fila.

Hay algunas formas en las que se puede mejorar el tema, sin embargo, la versión que probé (1.0) no tenía errores, aparte de que el personalizador no se muestra en el tema hijo, así que estoy deseando ver cómo se desarrolla el tema durante el próximo año. .

Merchandiser está disponible en ThemeForest por una tarifa de $ 59. Esto le brinda actualizaciones ilimitadas de temas y seis meses de soporte de Get Bowtied. Se pueden agregar seis meses adicionales de soporte por $ 17.70.

Compruébalo 🙂

Kevin

[Editor’s note: The small bug Kevin mentioned with the child theme and the Customizer was fixed in version 1.02. The latest version at the time of writing is 1.03]