Puntos clave
- Shoptimizer destaca por su velocidad y rendimiento, lo que garantiza una carga rápida de las páginas gracias al CSS minificado, el CSS crítico y un alojamiento optimizado.
- Las funciones orientadas a la conversión, como los temporizadores de cuenta atrás, los símbolos de confianza, el carrito deslizante y las barras fijas, ayudan a impulsar las ventas y la participación de los usuarios.
- Experiencia de usuario mejorada gracias a un proceso de pago sin distracciones, páginas de productos y categorías bien estructuradas, y la integración con Elementor para contenido dinámico.
- El soporte técnico fiable y las actualizaciones frecuentes de CommerceGurus hacen de Shoptimizer una opción de confianza tanto para los propietarios de tiendas de WooCommerce novatos como para los más experimentados.
Encontrar el tema adecuado para WooCommerce no es fácil.
Con tantas opciones entre las que elegir, y cada una con cientos de opciones de diseño, puede resultar complicado centrarte en lo que de verdad importa. Esto es lo que me gusta del tema Shoptimizer para WooCommerce de CommerceGurus: ofrece una combinación genial de velocidad, funciones de conversión y experiencia de usuario.
Shoptimizer es un tema premium de WooCommerce con un objetivo claro: vender más. Lleva en desarrollo activo desde 2014, y la versión actual está diseñada para el WordPress moderno.
Lo que lo hace especial no es una única función llamativa. Es que cada opción predeterminada se ha elegido para reducir las barreras y animar al comprador a comprar. Además, CommerceKit, el plugin complementario incluido, añade 13 módulos de conversión.
- Pruebas de rendimiento de Shoptimizer
- Velocidad
- Funciones de conversión
- Un solo producto
- CommerceKit: El motor de conversión
- Carrito deslizante
- Página del carrito
- Finalizar compra
- Mejor contenido en las páginas de categorías para un mejor SEO
- Resultados de búsqueda sugeridos
- Megamenú con productos
- Utiliza el constructor de páginas Elementor
- WordPress moderno y experiencia de usuario
- ¡Ya casi terminamos!
Pruebas de rendimiento de Shoptimizer
A continuación te mostramos las configuraciones del servidor y de la aplicación.
Configuraciones de los servidores de Cloudways
- Servidor de Cloudways: Vultr – Alta frecuencia
- RAM: 4 GB
- Disco SSD: 128 GB
- Ancho de banda: 3 TB
- Procesador: 2 núcleos
- Ubicación del servidor: Silicon Valley
- Sistema operativo: Debian 12
- NGINX: 1.28
- Varnish: 7.7
- Apache: 2.4.65
- Base de datos: MariaDB 10.11
- PHP-FPM: 8.3
Configuraciones de la aplicación
He creado diez entradas de blog y he añadido diez productos al sitio de pruebas.
- Versión de WordPress: 7.0.1
- CDN: CDN de Cloudways
- SSL: Let’s Encrypt
- Versión de Shoptimizer: 2.9.5
Plugins instalados
- Formulario de contacto 7
- Rank Math SEO
- Breeze Cache
- WooCommerce
- Cloudways – Protección contra bots para WordPress
- Elementor PageBuilder
- CommerceGurus Commercekit
- Importación de demostración con un solo clic
Prueba de Loader.io
- Páginas probadas: 3
- Tipo de prueba: Mantener la carga de clientes
- Clientes: de 0 a 1000
- Duración: 5 minutos
- Resultado de la prueba:
Prueba de GTmetrix
Velocidad
La velocidad se está convirtiendo en el nuevo campo de batalla del comercio electrónico, y un retraso de tan solo unos milisegundos supone la pérdida de pedidos. De hecho, Google ahora también tiene en cuenta la velocidad de las páginas móviles como factor de posicionamiento en sus resultados de búsqueda para móviles, por lo que una web lenta también puede afectar negativamente a tu tráfico.
El tema Shoptimizer incluye CSS minificado para que las páginas se carguen rapidísimo. También incluye CSS crítico, así que los contenidos clave de la parte superior de la página se cargan casi al instante.
El resultado práctico son unos excelentes valores de Core Web Vitals: las puntuaciones de LCP (Largest Contentful Paint), INP (Interaction to Next Paint) y CLS (Cumulative Layout Shift), que son las que Google tiene en cuenta a la hora de posicionar las páginas.
Si combinas Shoptimizer con un buen proveedor de alojamiento y una capa de almacenamiento en caché, es muy factible conseguir puntuaciones de rendimiento casi perfectas en Lighthouse en una tienda bien configurada.
Características de conversión
La velocidad es clave, pero un tema que realmente te ayude a convertir a los usuarios en clientes es lo que lo hace especial. En CommerceGurus hemos dedicado mucho tiempo a aplicar los estudios de comercio electrónico del Baymard Institute en áreas clave de cada página. Baymard analiza los sitios de comercio electrónico más grandes del mundo y dedica un montón de horas a estudiar las mejores prácticas para descubrir qué es lo que funciona a la hora de conseguir conversiones.
Mejora al instante el rendimiento y las conversiones de tu tienda
Optimiza tu tienda WooCommerce con el alojamiento ultrarrápido de Cloudways y un tema con alta tasa de conversión como Shoptimizer.
Echemos un vistazo a la página de un solo producto de Shoptimizer como ejemplo de las funciones de conversión del tema.
Un solo producto
- Banner de cabecera: En este lugar destacado se pueden mostrar cupones de descuento u ofertas especiales; es lo primero que ve el comprador, así que es ideal para destacar una promoción en toda la tienda o el umbral de envío gratis sin saturar la propia ficha del producto.
- Imagen principal grande: CommerceKit incluye varios diseños de galería de productos, como esta opción en forma de cuadrícula, que también puede mostrar vídeos con reproducción automática integrada (es compatible con YouTube, Vimeo, Wistia, mp4 y webm). Shoptimizer hace un gran trabajo a la hora de destacar las imágenes de WooCommerce, dando a tus fotos y vídeos el espacio que necesitan para vender el producto.
- Etiquetas de producto: etiquetasllamativas como «Rebajas», «Novedad», «Stock limitado» o tu propio texto personalizado, que dirigen la atención hacia los productos adecuados y se pueden aplicar automáticamente (por ejemplo, los productos nuevos se etiquetan sin necesidad de hacerlo a mano).
- Opinión destacada: Puedes incluir una opinión destacada en un lugar visible justo debajo de la galería de imágenes del producto, promocionando tu mejor prueba social exactamente donde mira un comprador indeciso, en lugar de esconderla en una pestaña más abajo en la página.
- Muestras de atributos: Las variaciones , como el color y la talla, se muestran como muestras visuales —colores, botones o etiquetas— en lugar de un simple menú desplegable. Es más rápido de usar, tiene un aspecto más elegante y las muestras también pueden aparecer en las páginas de listados, para que los compradores elijan una variante incluso antes de llegar a la página de detalle del producto.
- Lista de deseos: Los compradores pueden guardar productos para más tarde con un solo clic, lo que da a quienes aún no están listos para comprar hoy un motivo para volver, y te da una indicación de qué productos tienen más demanda.
- Guía de tallas: Se puede añadir una guía de tallas personalizable por producto o por categoría, que se abre en una ventana superpuesta con un diseño limpio. Aclarar bien las tallas desde el principio es una de las formas más efectivas de reducir las devoluciones.
- Una llamada a la acción contundente: El botón «Añadir al carrito» es llamativo, tiene un gran contraste y es imposible pasarlo por alto. Cuanto más destaque esta señal de compra clave en la página del producto, mejor: Shoptimizer lo considera el elemento más importante de la pantalla.
- Secciones plegables: Las especificaciones y los detalles más extensos se pueden agrupar en secciones plegables (tipo acordeón) bien organizadas, para que la página siga siendo fácil de leer a simple vista y, al mismo tiempo, ofrezca a los compradores que se fijan en los detalles toda la información que necesitan.
- Combina bien con: una sección de ventas cruzadas bien seleccionada que sugiere productos complementarios, lo que fomenta que se llenen más la cesta y aumente el valor medio del pedido sin que resulte agresivo.
- Pestañas fijas: A medida que el comprador se desplaza por la página, las pestañas del producto (Descripción, Opiniones, Información adicional) siguen estando accesibles, así que navegar por una página de producto larga nunca implica tener que volver a subir.
- Un diseño atractivo para la descripción del producto: el área de descripción está maquetada con esmero —espaciado generoso, jerarquía clara y longitud de línea adecuada— para que el texto del producto se lea de verdad, en lugar de que solo se eche un vistazo rápido y se deje de lado.
Como puedes ver, se le ha dedicado mucho esfuerzo a esta página clave y aplica muchas de las mejores prácticas del sector en lo que respecta a las páginas de productos.
Otros elementos de esta página incluyen una barra fija que mantiene el nombre del producto, el precio y el botón «Comprar ahora» en pantalla en todo momento, incluso al desplazarte por la página. Además, en la zona principal de descripción del producto puedes usar el constructor de páginas Elementor. Esta potente herramienta te permite crear zonas de contenido realmente dinámicas con imágenes y vídeos para que tus productos destaquen.
CommerceKit: el motor de conversión
El plugin de optimización de conversiones CommerceKit viene incluido gratis con cada licencia de Shoptimizer. Es como tener 1.000 horas de ventaja a la hora de crear una tienda de WooCommerce increíble. Incluye:
- Galerías de productos: 8 diseños de galería optimizados para la conversión con vídeos de reproducción automática integrada (YouTube, Vimeo, Wistia, mp4, webm).
Muestras de atributos. Muestras de colores, botones y etiquetas para productos variables, tanto en las páginas de producto como en las de listado. - Galería de atributos: las galerías se actualizan automáticamente cuando un comprador selecciona una variante (por ejemplo, se muestra la camiseta roja al elegir «Rojo»).
- Ofertas adicionales: Ofertas de venta adicional con un solo clic que se muestran antes de finalizar la compra para aumentar el valor medio del pedido con análisis de datos.
- Búsqueda Ajax: resultados de búsqueda casi instantáneos, con análisis integrados que rastrean los términos más populares y las búsquedas sin resultados para que puedas subsanar las lagunas de tu catálogo.
- Contadores de tiempo: Temporizadores de urgencia o «FOMO» en las páginas de productos y al finalizar la compra.
- Notificación de envío gratuito: una barra de progreso del carrito que anima a los compradores a añadir más artículos para alcanzar el umbral de envío gratuito.
- «Añadir al carrito» fijo: un botón «Añadir al carrito» fijo y siempre visible en el móvil.
- Insignias de productos: insignias promocionales y de «nuevo producto», que se aplican automáticamente.
- Guías de tallas: Guías de tallas personalizables asignadas por categoría o por producto para reducir las devoluciones.
- Indicador de existencias: un indicador visual de escasez del tipo «solo quedan X unidades».
- Listas de espera: Notificaciones de agotamiento de existencias con integración de Klaviyo y Omnisend y doble confirmación de suscripción conforme al RGPD.
- Listas de deseos: Permite a los compradores guardar productos para más adelante con un solo clic, lo que da a los compradores indecisos una razón para volver y te da una idea de qué es lo que tiene más demanda.
Lo que más destaca aquí es la búsqueda con Ajax y análisis: la mayoría de las herramientas de búsqueda instantánea solo muestran resultados; CommerceKit te dice qué busca la gente y, lo más importante, qué buscan y no encuentran. Eso es una auténtica ventaja comercial, no solo un detalle de la experiencia de usuario.
Como todos los módulos son opcionales, puedes gestionar una tienda sencilla con solo la búsqueda y las muestras de color, o activar el conjunto completo de funciones de urgencia y ventas adicionales para una tienda promocional de gran dinamismo. En ambos casos, es el mismo plugin.
Carrito deslizable
Añadir un producto no interrumpe su navegación. En cambio, aparece un menú deslizante desde un lado, confirma la incorporación y les permite seguir comprando sin más.
Es una pequeña interacción que elimina un importante motivo de abandono, y además cuenta con sus propias herramientas de conversión:
- Barra de progreso de envío gratuito: una barra de progreso en tiempo real muestra lo cerca que estás del umbral de envío gratuito («Te faltan 12 $ para el envío gratuito»), una de las formas más fiables de hacer que aumente el valor de la cesta.
- Selector de cantidad para cada producto: los compradores pueden ajustar la cantidad de cada artículo directamente en el menú deslizante —sin tener que recargar la página ni ir a una página de carrito aparte—, así que aumentar un pedido solo cuesta un toque.
- Carrusel de ventas adicionales: un carrusel con ofertas de ventas adicionales y cruzadas que aparece justo dentro del carrito, lo que permite a los compradores añadir productos complementarios con un solo clic justo en el momento en que ya se han decidido a comprar —una forma probada de aumentar el valor medio del pedido—.
- HTML personalizado debajo del botón de pago: Puedes incluir tu propio código debajo del botón de pago —iconos de tarjetas de crédito, sellos de confianza, una garantía de devolución o sellos de seguridad— para tranquilizar a los compradores justo en el momento de la decisión.
Página del carrito
La página del carrito está muy bien diseñada y cuenta con muchas funciones útiles que la diferencian de la experiencia predeterminada de WooCommerce.
- Barra de progreso. Sabrás en todo momento en qué punto del proceso de compra te encuentras y que no tendrás que rellenar varias pantallas.
- Una llamada a la acción contundente. Una vez más, el botón «Pasar por caja» destaca en color para animar a los visitantes a dar el siguiente paso.
- Símbolos de confianza. Estos indican a los clientes que la seguridad es lo más importante.
- Mostrar opiniones recientes en este espacio da a los usuarios la confianza de que están tomando la decisión correcta.
Finalizar compra
El proceso de pago de Shoptimizer también es un poco más original que el habitual. Tiene una opción de diseño «sin distracciones» que elimina, bueno, todas las distracciones. Desaparecen el encabezado, la navegación y el pie de página, por lo que toda la atención del usuario se centra en completar el proceso de pedido.
Debajo del botón de llamada a la acción hay símbolos que inspiran confianza, además de un espacio para testimonios que ayudan a animar al cliente a completar el paso.
Mejor contenido en las páginas de categorías para mejorar el SEO
Shoptimizer tiene un campo adicional para la descripción de las categorías debajo de los productos.
Un área que siempre se ha infrautilizado bastante en WooCommerce son las páginas de categorías. Por su propia naturaleza, suelen limitarse a mostrar un bucle de productos, pero si nos fijamos en los grandes del sector, a menudo incluyen también contenido rico en palabras clave. Shoptimizer incluye un campo adicional de contenido de categoría debajo de los productos para que puedas crear contenido específico para cada categoría. Esto tiene enormes ventajas en lo que respecta al SEO de estas páginas.
Resultados de búsqueda sugeridos
La función de búsqueda del encabezado es muy chula y destaca bastante. Los resultados aparecen nada más escribir unos cuantos caracteres, lo que permite al visitante ir directamente a la imagen del producto, sin tener que pasar por la página de resultados.
Megamenú con productos
Hay un megamenú muy elegante, ideal para tiendas con muchas categorías que mostrar. También puedes incluir códigos cortos de productos concretos y destacar productos dentro de una categoría que quieras que el visitante descubra primero.
Utiliza el constructor de páginas Elementor
Shoptimizer utiliza el popular constructor de páginas Elementor para las pantallas principales.
No se trata de una función de conversión propiamente dicha, pero la integración con el popular constructor de páginas Elementor hace que crear páginas con un aspecto único sea pan comido. También puedes usar directamente la página de inicio de la demo, junto con todas las páginas principales que se incluyen en la instalación de datos de la demo con un solo clic.
WordPress moderno y experiencia de usuario
Shoptimizer se ha adaptado a la evolución de WordPress:
- Editor de bloques y theme.json: controles de estilo nativos del editor de bloques, para que puedas crear y dar estilo a tus páginas de contenido con Gutenberg, sin tener que depender de ningún creador de páginas. (Aún así, funciona muy bien con Elementor si ese es tu flujo de trabajo).
- Megamenú con imágenes de productos para tiendas con catálogos extensos.
- Importación de la demo con un solo clic para tener un punto de partida impecable en cuestión de minutos.
- Páginas de categorías optimizadas para SEO con áreas de descripción específicas encima y debajo de la cuadrícula de productos.
- Compatibilidad total con RTL y plantillas preparadas para la traducción.
Otro factor a tener en cuenta a la hora de elegir WooCommerce es la experiencia en desarrollo. En CommerceGurus llevan años creando temas para WordPress y WooCommerce, y empezaron en ThemeForest en 2014. Ahora se centran principalmente en el comercio electrónico y aportan un montón de conocimientos y experiencia que pueden ser de gran ayuda para los propietarios de tiendas que están empezando.
El blog de CommerceGurus incluye guías completas sobre temas como el dropshipping, las reseñas, el alojamiento web y las conversiones. Está especialmente dirigido a personas que quieren vender y que están dando sus primeros pasos en este mundo.
Su servicio de atención al cliente es increíblemente rápido. Las respuestas suelen llegar en menos de una hora, aunque dicen que pueden tardar hasta 24 horas de lunes a viernes. Además, tratarás directamente con los desarrolladores, Colm y Simon. No hay un equipo de asistencia externo. Los creadores conocen su tema al dedillo, así que no te pasarás el día dando vueltas buscando una respuesta.
¡Y ya está!
Shoptimizer siempre ha sido rápido. Lo que ha cambiado desde las primeras versiones es que ahora lo más destacado es la conversión, gracias a CommerceKit —muestras de colores, productos adicionales, listas de deseos, listas de espera, búsqueda Ajax basada en análisis, temporizadores de urgencia y mucho más—, todo ello integrado en un tema en el que cada ajuste predeterminado está pensado para vender.
Si buscas un tema de WooCommerce que saque buena nota en Core Web Vitals y te ofrezca un conjunto de herramientas de conversión auténtico y opcional por módulo, sin tener que combinar cinco plugins distintos, Shoptimizer es una de las mejores opciones que hay.
Echa un vistazo a la demo del tema para que lo compruebes por ti mismo. Echa un vistazo al seminario web de Cloudways sobre cómo conseguir el WordPress más rápido.
Nota: Este artículo se ha publicado en colaboración con CommerceGurus.
P1: ¿De verdad es rápido Shoptimizer?
Shoptimizer obtiene sistemáticamente buenos resultados en pruebas de velocidad de terceros, y nuestras propias pruebas comparativas con GTmetrix y Loader.io en un servidor Vultr High Frequency lo confirman. Dicho esto, ningún tema es rápido por sí solo. El tema incluye CSS minificado, CSS crítico y un marcado optimizado, lo que te ofrece un buen punto de partida, pero el alojamiento, el almacenamiento en caché, el tamaño de las imágenes y tu conjunto de plugins serán los que determinen los resultados finales. Shoptimizer elimina el tema como cuello de botella; el resto depende de tu configuración.
P2: ¿Necesito CommerceKit o basta con el tema por sí solo?
CommerceKit viene incluido gratis con cada licencia de Shoptimizer, así que no hay que comprar nada más. Cada uno de sus 13 módulos es opcional. Puedes gestionar una tienda sencilla con solo la búsqueda Ajax y las muestras de atributos activadas, o habilitar todo el conjunto de funciones de urgencia y ventas adicionales. El tema funciona sin él, pero la mayoría de las funciones de conversión que se describen en esta reseña provienen de CommerceKit.
P3: ¿Funciona Shoptimizer con Elementor y con el editor de bloques?
Con ambos. Shoptimizer se integra con Elementor en las pantallas clave, como la zona de descripción del producto, y también admite la personalización nativa del editor de bloques a través de theme.json. No estás limitado a ningún flujo de trabajo en concreto.
P4: ¿Shoptimizer se ralentizará si uso un creador de páginas?
Cualquier creador de páginas añade peso; eso es así con cualquier tema. La ventaja de Shoptimizer es que ocupa muy poco espacio, así que tienes más margen de maniobra. Si la velocidad es tu prioridad, usa el editor de bloques para las páginas de contenido y reserva Elementor para los diseños que realmente lo necesiten.
P5: ¿Cómo te ayuda Shoptimizer con el SEO?
La principal ventaja directa es el campo adicional de descripción de categoría que aparece debajo de la cuadrícula de productos, que te permite publicar contenido rico en palabras clave en las páginas de categorías que, de otro modo, serían solo un bucle de productos sin más. Además, el beneficio para el SEO es indirecto, pero real: unas puntuaciones rápidas en Core Web Vitals son una señal de posicionamiento, y Shoptimizer está diseñado para superarlas.
P6: ¿Funciona Shoptimizer en Cloudways?
Sí. Las pruebas de rendimiento de este artículo se realizaron en Cloudways utilizando un servidor Vultr High Frequency con caché Breeze y el CDN de Cloudways. La combinación del tema con un alojamiento bien configurado es lo que da los resultados que ves arriba.
P7: ¿Se ha integrado en el tema el estudio sobre conversión de Baymard?
Sí, y esa es la parte que cuesta replicar. En lugar de dejar la optimización de la conversión en manos del propietario de la tienda, CommerceGurus diseñó los ajustes predeterminados de la página de productos, el carrito y el proceso de pago de Shoptimizer basándose en los hallazgos del Instituto Baymard, que estudia la usabilidad de las páginas de productos y los procesos de pago en las mayores plataformas de comercio electrónico del mundo. Cosas como la información de envío bien visible, un proceso de pago sin distracciones y un botón de «Añadir al carrito» de alto contraste no son simples decisiones de diseño, sino ajustes predeterminados respaldados por estudios. Te beneficias de ese trabajo sin tener que leer los estudios ni configurar nada, porque ya viene integrado en el tema tal y como se entrega.
P8: ¿Quién desarrolla y ofrece soporte técnico para Shoptimizer?
CommerceGurus, una empresa de Irlanda, lleva desarrollando temas para WordPress y WooCommerce desde 2014. El soporte técnico lo dan directamente los desarrolladores, y suelen responder mucho antes del plazo de 24 horas que indican, siempre que sea un día laborable.
P9: ¿Shoptimizer es adecuado para principiantes?
Sí. La importación de la demo con un solo clic te ofrece un punto de partida completo y bien acabado en cuestión de minutos, y gracias a los ajustes predeterminados, que están bien pensados, no hace falta que entiendas la teoría de la conversión para sacarle partido.
Mansoor Ahmed Khan
Llevo en el marketing de contenidos desde 2014, y todavía me entusiasma crear historias que resuenen con el público objetivo y generen resultados. En Cloudways by DigitalOcean (una empresa líder en alojamiento en la nube), dirijo un equipo de creadores de contenidos de ensueño. Juntos, aportamos ideas, escribimos y producimos contenidos increíbles en todos los canales: blogs, redes sociales, correos electrónicos, ¡lo que quieras! Puedes ponerte en contacto conmigo en [email protected].
