21 consejos para el diseño de sitios web WooCommerce

La forma en que diseñe el diseño de su sitio web de WooCommerce lo ayudará a convertir clientes. Debe tener en cuenta que las personas compran y compran de diferentes maneras en su sitio. Tienes muy poco tiempo para convencer a los visitantes de por qué deberían confiar y comprar en tu marca. En esta publicación, daremos sugerencias sobre cómo aprovechar al máximo los segundos críticos que tiene para atraer a su cliente con estos 21 consejos para el diseño de sitios web de WooCommerce.

Consejos para el diseño de sitios web de WooCommerce

1) Cuadro de búsqueda personalizado de WooCommerce

Mantén la barra de búsqueda disponible en todo momento. Sus visitantes quieren una manera fácil de encontrar exactamente lo que están buscando sin tener que desplazarse para encontrar un lugar para buscar. Asegúrese de que haya una herramienta de búsqueda destacada en cada esquina.

• No te olvides del móvil: La mayoría de la gente no se da cuenta de que la mayoría de los sitios de búsqueda del sitio ahora son móviles. Hazlo compatible con dispositivos móviles
• Filtra los resultados: Haz que tu búsqueda sea inteligente. Si los usuarios escriben madera, por ejemplo. Levantará todos los productos etiquetados como pisos de madera.
• Herramientas: Recomendamos utilizar la extensión Product Finder de WooCommerce: https://woocommerce.com/products/product-finder/
• Sea prominente: Haz que tu barra de búsqueda se destaque. Diseñe para que pueda tener un color de acento diferente para el diseño o el botón.

Para mejorar su búsqueda de WooCommerce, pruebe este complemento: https://docs.woocommerce.com/document/woocommerce-product-search/

2) Navegación organizada

Los compradores en línea llegan a su sitio en busca de velocidad y conveniencia de compra. Haga que la navegación sea lo más simple pero detallada posible para llevarlos a donde deben estar. Coloque siempre sus barras de navegación donde los visitantes esperan verlas. Las posiciones estándar están verticalmente a la izquierda de la página y horizontalmente en la parte superior. Es aún mejor si puede hacer que la barra de navegación horizontal permanezca en la parte superior de la pantalla mientras se desplaza hacia abajo en la página. También deberá asegurarse de que sus menús de navegación funcionen con cualquier tamaño de pantalla o dispositivo. Con los usuarios comprando desde teléfonos, tabletas, computadoras de escritorio y varios otros dispositivos, desea que el sitio reaccione de la misma manera y proporcione la misma navegación fácil en todas las plataformas.

Prácticas recomendadas de navegación

• La categorización es clave: Al mirar su navegación, asegúrese de que la forma en que clasifica sea comprensible para los productos o servicios que ofrece. Tiene nombres especiales que los nuevos usuarios no saben lo que significan. Esto podría hacer que las cosas sean frustrantes para ellos porque solo tiene unos segundos para que reaccionen y continúen con el proceso de compra. Es importante tener una estructura clara y jerárquica.
• Haz que las cosas sean pegajosas: Nos gusta tener la navegación principal pegajosa para cuando hay desplazamiento. Los enlaces principales siempre están visibles. Si tienes toneladas de productos, intenta hacer una mega navegación con navegación pegajosa.
• Está bien tener varios tipos de navegación: La navegación principal horizontal funciona la mayor parte del tiempo. Sin embargo, horizontal a veces encaja dependiendo de la cantidad de información que tenga. Tenga en cuenta que puede tener varios tipos de navegación en función de las diferentes áreas del sitio. Por ejemplo, una barra superior sobre el logotipo puede considerarse más enlaces e íconos relacionados con el servicio al cliente y las compras, la navegación principal puede ser los servicios clave o las secciones del sitio, y el pie de página puede tener todo lo anterior.

Errores de navegación:

• Navegación de estilo no estándar: El diseño puede parecer genial, pero para un usuario experimentado que está capacitado. Les gusta ver los mismos patrones en la interfaz de usuario porque están allí para comprar y aprender sobre su producto, no para impresionarse por lo bien que cree que es su diseño. Si tienes dudas y quieres probar algo diferente, prueba y mide con diferentes estilos.
• Usando enlaces genéricos: Si está vendiendo productos en su sitio y solo tiene "Productos" en la navegación principal. Te estás quedando un poco corto porque el usuario necesita encontrar lo que estás vendiendo. Pruebe una pequeña navegación superior sobre el logotipo y luego la navegación principal con categorías de productos o los productos en sí.
• No te pierdas el pan rallado: Una de las herramientas más sencillas y efectivas para la usabilidad y el SEO son los sitios que quedan fuera.

3) Productos relacionados, ventas adicionales y ventas cruzadas

Personalizar la experiencia de sus visitantes les da la sensación de que está prestando atención a sus necesidades y deseos. Tener productos relacionados que se muestran en la página del producto. También puede mostrarles lo que otros han comprado en relación con los artículos que ven.

Ventas adicionales: Esto podría ser una gran cantidad, una mejor versión o el mismo producto incluido con otro que se muestra en la experiencia de compra para impulsar una venta más alta.

Productos relacionados : Puede hacer que los productos aparezcan en la página de información del producto, pero son productos que están destinados a comprarse además del que está viendo el cliente.

Venta cruzada: Puede hacer que los artículos aparezcan en la página del producto y en el carrito de compras para ayudar a fomentar el impulso de compra.

Echa un vistazo a las funciones integradas de WooCommerce: https://docs.woocommerce.com/document/woocommerce-widgets/

Aquí hay una gran extensión para Upselling y Cross Selling:  https://docs.woocommerce.com/document/related-products-up-sells-and-cross-sells/

También puedes usar plugins de pago para lograr ciertas características como YITH

https://yithemes.com/themes/plugins/yith-woocommerce-recently-viewed-products/

4) Haga que los carritos de compras sean persistentes

Guardar el carrito de compras:

Establecer una cookie a largo plazo cuando sus visitantes están comprando para que tengan la capacidad de regresar más tarde y continuar donde lo dejaron. La vida está llena de interrupciones y no querrás perder una venta simplemente porque olvidaron lo que había en su carrito en su última visita. Pueden ir directamente a la caja para completar el pedido o con una práctica barra de búsqueda a la vista, e imágenes de otros posibles intereses a la vista, pueden decidir quedarse y comprar un poco más.

Verificar: https://codecanyon.net/item/save-share-cart-for-woocommerce/5568059

WooCommerce Cookies

WooCommerce fabrica tres tipos diferentes de cookies y ya lo tiene incorporado. Las dos primeras cookies contienen información sobre el carrito en su conjunto y ayudan a WooCommerce a saber cuándo cambian los datos del carrito. La cookie final (wp_woocommerce_session_) contiene un código único para cada cliente para que sepa dónde encontrar los datos del carrito en la base de datos de cada cliente.

• woocommerce_cart_hash
• woocommerce_items_in_cart
• wp_woocommerce_session_

Listas de deseos:

También puede considerar agregar listas de deseos al menú. Las listas de deseos guardarán un artículo para el comprador sin eliminarlo del inventario de su sitio. Usar el carrito de compras como una lista de deseos a largo plazo puede causar problemas con su inventario. Presentar una alternativa puede aliviar algo de esto.

Prueba el plugin de listas de deseos de WooCommerce: https://woocommerce.com/products/woocommerce-wishlists/

5) Muestre de manera destacada sus enlaces de servicio al cliente y número de teléfono

Todos los compradores en línea quieren sentirse seguros y protegidos en su sitio. Sus credenciales pueden ser sólidas, pero un comprador que vea su sitio por primera vez buscará señales de que realmente es creíble. La mejor manera de presentarse a nuevos clientes es ser transparente sobre su información de contacto. Mostrar su número de teléfono y enlaces de servicio al cliente en un lugar destacado del sitio ayudará a tranquilizarlos y asegurarles que la información de su tarjeta de crédito está segura con usted.

6) Nombra a los socios y asociados de prominencia

Al establecer su credibilidad, nada está fuera de los límites. Si tiene socios o asociados que sus invitados reconocerán, elimine esos nombres. Si puede demostrar que está asociado con empresas bien establecidas y exitosas, es más probable que se sientan seguras comprando en su sitio. ¡Somos expertos certificados en WooCommerce y estamos orgullosos de ello!

7) Los carruseles giratorios están fuera

Los carruseles tienen sus puntos positivos, pero no son compatibles con el SEO. Te ayudan a mostrar más productos y promociones, pero ralentizan tu sitio y los usuarios los encuentran molestos. Se mueven demasiado rápido para tener una oportunidad real de procesar lo que hay en ellos. Si debe usar un carrusel, incorpore uno que detenga la autorrotación cuando el cursor se desplace sobre él. Esto le da al cliente la oportunidad de ver el artículo sin tener que ir a la página con una descripción completa. La mejor práctica es usar imágenes estáticas. A sus visitantes no les interesan las campanas y silbatos. Quieren grandes productos al mejor precio posible.

8) Haga que su sección de venta destaque

Hazlos sentir hambre. La mayoría de los compradores en línea no comprarán un producto hasta que salga a la venta. Muestre de manera destacada un enlace a sus productos con descuento para que estos compradores tengan una ruta directa a los artículos que buscan. Use un color diferente para el enlace o use letras que llamen la atención. Los compradores de gangas son una gran audiencia a la que dirigirse porque les gusta contarles a los demás lo que encontraron a un precio increíble. Eso es publicidad gratuita después de la venta.

Área dedicada en la navegación principal:

Venta en todo el sitio:

En las listas de productos:

9) Envío gratis

Anunciar su envío gratuito en un lugar destacado de la página de inicio ayudará a reducir la cantidad de carritos de compras abandonados que encuentre. Muchos compradores llenarán su carrito solo para dejarlo cuando vean los cargos de envío increíblemente altos. Algunos buscarán su política de envío antes de realizar el pedido, así que asegúrese de tenerla en una buena posición en su página. También querrá ofrecer otras opciones de envío para aquellos clientes que desean una entrega más rápida.

Estudio minorista: 9 de cada 10 consumidores dicen que el envío gratuito es el incentivo número 1 para comprar en línea.

10) Reúna las opciones de ahorro de dinero en una página de ventas

Proporcione un enlace desde su página de inicio a un área dedicada a ahorrar dinero. Esto incluye el envío gratuito, los códigos de cupón, los puntos de fidelidad, los descuentos y cualquier obsequio que pueda ofrecer. Es posible que esta sea el área más visitada de su sitio. Lo más probable es que los cazadores de gangas te den amor por eso solo.

Añade una página de ventas dedicada: Las ideas populares podrían ser la oferta del mes/semana/día o simplemente crear una página para un especial navideño único.

11) Usa una caja modal

Evita el desorden en tu página de inicio de WooCommerce utilizando una ventana modal. Muestre un mensaje de importancia sin convertirlo en parte de la página de inicio. Esto libera espacio en su escaparate para más productos. Estas cajas solo son útiles si se usan correctamente. Tienen mala fama por contener publicidad que no era más que molesta. Asegúrese de no abusar de ellos y haga que el botón para cerrar la caja esté disponible. Asegúrese de tener una cookie para que un usuario no vea más de un cuadro por visita y no vea un cuadro en cada visita.

12) Soporte de chat en vivo

El chat en vivo es una excelente manera de abordar de inmediato las preguntas, inquietudes o dudas generales que un cliente pueda tener en su tienda WooCommerce. Muy pocos compradores llamarán a una línea de atención al cliente y muchos se irán frustrados. El software de chat en vivo es una inversión que vale la pena para evitar que los compradores duden en seco. Los clientes tienen la sensación de un toque personal. El chat en vivo puede proporcionar un servicio al cliente eficiente y evitar la pérdida de ventas.

13) Las insignias de confianza excesivas arrojan banderas rojas

Las insignias de confianza son algo bueno, pero el uso excesivo de ellas puede hacer que se sientan como si tuvieran una falsa sensación de seguridad. Limite la cantidad de insignias que usa y asegúrese de que sean ampliamente reconocidas. El uso excesivo puede socavar la comodidad que deberían proyectar.

14) Pruebe su página de productos y categorías de WooComerce

Ejecutar pruebas A/B es una excelente manera de decidir la forma más efectiva de mostrar sus productos. Esto proporciona dos pantallas diferentes a sus clientes y, con el tiempo, brinda estadísticas sobre cuál funciona mejor para su sitio. Experimentar con pruebas A / B puede mejorar en gran medida la experiencia del visitante, así como sus resultados.

Un par de herramientas que utilizamos con nuestros clientes: Optimizador web visual y Jarra caliente.

Vea algunos estudios de caso aquí: https://vwo.com/blog/10-kickass-ab-testing-case-studies/

15) Enganchar a los visitantes con escasez

Mostrar mensajes que transmitan urgencia es una forma de enganchar a los visitantes a una venta. Si les muestra que solo quedan cantidades limitadas de un artículo o les hace sentir que su tamaño puede desaparecer pronto, es más probable que sigan adelante y compren el artículo antes de que sea demasiado tarde. El truco consiste en hacer que estos mensajes sean sutiles para que parezca que les estás haciendo un favor cuando, en última instancia, los instas a comprar ahora en lugar de más tarde o no comprarlos en absoluto.

Aquí hay un complemento gratuito para probar: https://wordpress.org/plugins/woo-custom-stock-status/

16) Está bien desplazarse

Los clientes a veces mencionan que quieren artículos en la mitad superior de la página. Respondemos preguntando "¿A qué pliegue te refieres también?". Con tantos monitores de diferentes tamaños, el desplazamiento se ha vuelto irrelevante. Los dispositivos móviles también han cambiado por completo este juego al dominar las estadísticas, lo que hace que las computadoras de escritorio sean un porcentaje muy pequeño cuando se trata de apuntar a un fold. Tony Haile de Ritmo de las listas ha publicado numerosas cantidades de datos para respaldar esto. No se quede corto, ofrezca a sus visitantes más en la página de inicio para apoyar el SEO, la usabilidad y la comercialización de sus productos

Consulte más estadísticas aquí en Time.com:  http://time.com/12933/what-you-think-you-know-about-the-web-is-wrong/

17) Anímalos a compartir

Ofrezca a los compradores muchas oportunidades para compartir sus productos con amigos y familiares. Haga que los botones para compartir estén disponibles y pídales directamente que compartan. Esto no solo hace que su producto llegue a más personas, sino también su marca y un enlace a su sitio. Brindar oportunidades para compartir mejorará en gran medida el tráfico y las conversiones de su sitio.

18) Instala un mapa de calor en tu página de inicio de WooCommerce

No confíe en nuestra palabra. Analice su página de inicio antes de realizar cualquier cambio para comprender dónde se encuentra la saturación de clics, el desplazamiento de los visitantes y el interés por canal (Bing, Google, Facebook, etc.). Ten en cuenta que tu canal de mejor conversión puede ser completamente diferente al menos. Desea asegurarse de comprender primero lo que está sucediendo con su sitio antes de realizar cualquier cambio.

19) Preguntas frecuentes

Hay usuarios de preguntas frecuentes que buscan sus preguntas frecuentes. Proporcione un enlace y responda preguntas como si le estuviera explicando cosas a un niño de 5 años. Se debe incluir información sobre envío, garantía y devoluciones. Además, agregue preguntas y respuestas que reciba regularmente para mantener sus preguntas frecuentes actualizadas. Esto también le evita tener que responder las mismas preguntas una y otra vez.

Un gran ejemplo está en Weber:  https://consumer-care.weber.com/hc/en-us/categories/360001489471-FAQs

20) Anuncie su cobertura de prensa

Si ha sido mencionado en las noticias o tiene comunicados de prensa disponibles, inclúyalos en el sitio. Muestre los logotipos de los medios de comunicación para que los visitantes los reconozcan fácilmente. La mayoría nunca leerá el comunicado de prensa, pero tenerlo allí le da credibilidad que fomentará la confianza en su sitio. Si tiene atención de los medios, vincule los logotipos a cualquier artículo sobre su empresa.

Consulte la página de inicio de FLYTE:  https://flyte.se/

21) Incorporar los comentarios de los usuarios

Los comentarios de los usuarios pueden ser una herramienta útil para generar credibilidad con sus clientes. Las reseñas de productos, las pequeñas citas, las notas de agradecimiento o las fotos de los clientes con su producto pueden aumentar sus ventas drásticamente. Puede colocarlos con las descripciones de sus productos o en las barras laterales de todo el sitio.

Para mostrar reseñas sobre tu negocio:

Nos gusta usar complementos enriquecidos para listados de empresas - https://richplugins.com

Para obtener reseñas:

Recomendamos probar: Revisión de productos de WooCommerce Pro

El uso de estos consejos de diseño web de WooCommerce para su página de inicio contribuirá en gran medida a mejorar la experiencia del usuario de sus clientes al tiempo que solidifica su credibilidad y obtiene más ventas. Colocar toda la información vital donde pertenece y mostrar los productos correctos puede aumentar drásticamente sus conversiones. Las acciones en las redes sociales y las buenas reseñas de productos mejorarán el SEO y generarán tráfico. Bright Vessel es un Experto en WooCommerce que pueden ayudarlo a construir, promover y mejorar su escaparate. Contáctanos hoy.