Personalizar la página de producto no encontrado en WooCommerc

Y si te dijera -sin ni siquiera ver tu tienda online- que la estás «cagando» y dejando escapar un porcentaje de clientes potenciales por algo que depende directamente de ti.

Pues si, así es.

Sé que me pongo muy pesado con el tema, pero de verdad, no hay sensación más frustrante que ver como se van esas visitas de tu tienda, sin gastar un solo céntimo en tus productos, después haber dedicado meses de duro trabajo y cientos de euros en promocionar tu negocio.

Estoy hablando de la página de producto no encontrado de WooCommerce. Esa sección tan olvidada por nosotros, los propietarios, que pensamos que jamás nadie acabará en ella.

Te voy a contar un secreto; ni tú ni yo ni nadie que tenga una tienda online sabe cómo se va a comportar un visitante cuando entra en ella.

Así que más vale ser precavido y tener en cuenta todas las posibles situaciones que se puedan dar, para poder optimizarlas en la medida de lo posible y así mejorar la experiencia de compra. Y por qué no, ganar unos clientes extra cada mes 🙂

Convierte la página de producto no encontrado en una oportunidad más de venta.

Que un cliente potencial acabe en la página de producto no encontrado de tu tienda es mucho más fácil de lo que parece. Basta con que use el buscador de productos y su término de búsqueda no coincida con ningún producto de tu catálogo.

Veamos un ejemplo.

Supongamos que alguien entra a una tienda en la que se venden diferentes tipos de aceite de oliva. Esa persona obviamente está interesada en el aceite de oliva, pero tiene curiosidad por saber si esa tienda también vende conservas en aceite.

Para no estar buscando página por página, usa el buscador de productos y escribe «conservas en aceite» y como ninguno de los productos contiene esas palabras en la ficha de producto, el resultado con el que se encuentra es la página de producto no encontrado.

Como ves, la página en sí no ayuda mucho al cliente. Solo muestra un mensaje por defecto, indicándole que no hay productos que coincidan con su búsqueda.

¿De verdad atenderías así a un cliente que entra a tu tienda física y no encuentra a la primera lo que está buscando? ¿Le contestarías con un frío «No tengo lo que busca«?

Hacer eso sería un despropósito por nuestra parte y una forma suave de decirle que se vaya de la tienda. Pues en una tienda online es igual.

Sin duda, se puede hacer mucho más en este sentido. Se le puede aconsejar una serie de productos más vendidos, mostrarle otras secciones de la tienda que le puedan ser interesantes o directamente animarle a que se ponga en contacto con nosotros para resolver sus dudas.

2 Ejemplos de páginas de producto no encontrado optimizadas.

Aquí te muestro dos ejemplos de páginas de producto no encontrado optimizadas que te pueden servir de inspiración para crear la tuya propia.

En este caso me he decantado por las webs de Zalando y Amazon.

 

Lo hagas como lo hagas, tu objetivo principal es que el cliente vuelva a estar dentro del «flujo de compra» (ficha de producto > carro > página de pago) y para eso, tienes que evitar a toda costa que tu página de producto no encontrado se convierta en una vía de escape.

Creando la página de producto no encontrado perfecta para tu tienda WooCommerce.

WooCommerce no da la opción de editar la página de producto no encontrado, por lo que salvo que utilices un tema hecho a medida y le digas a tu diseñador que te la haga, tu página seguirá mostrando el mensaje por defecto «pelado y mondado» que vimos en la captura anterior.

Cuando me percaté de este problema en mi tienda y vi como lo hacían las grandes tiendas online, dije; tengo que encontrar un plugin sencillo de usar que me permita crear mi propio diseño para la página de producto no encontrado.

Entonces me puse a googlear como un loco y después de estar casi 20 minutos buscando por todas los marketplace de plugins (WooThemes, Codecanyon, etc) y también en el repositorio oficial de WordPress, me di cuenta de que no existía ningún plugin para tal fin.

Menudo chasco.

No me podía creer que no existiese un plugin para algo tan básico, así que pensé; y ¿por qué no creo mi propio plugin?

De ahí fue de donde surgió WooCommerce Beautiful Product Not Found Page. Un plugin extremadamente sencillo de usar y configurar y con el que, por fin, podrás crear el diseño que desees para tu página de producto no encontrado de la misma forma que lo harías con la Home de tu tienda.

Cómo funciona el plugin WooCommerce Beautiful Product Not Found Page.

Pues muy sencillo.

Lo primero que debes hacer antes de configurar nada en el plugin, es crearte una nueva página desde «Páginas > Añadir nueva» y añadirle un título descriptivo (yo te recomiendo usar «Producto no encontrado«). Esta será la página que usarás para construir el diseño final de tu página de producto no encontrado.

Ahora te tocará a ti trabajar la estructura y el diseño que quieras darle a esta página.

El resultado que se consiga dependerá de la imaginación de cada uno, pero puedes usar los ejemplos anteriores para tener una guía.

Además, si estás usando un tema premium que incluya su propio constructor de páginas -como puede ser Divi– te resultará aún más fácil crear el diseño.

Cuando ya tengas el diseño de la página terminado, haz clic en «Publicar» y después instala y activa el plugin WooCommerce Beautiful Product Not Found Page. (Opcionalmente, si usas algún plugin de SEO, por ejemplo; Yoast SEO, puedes usar los ajustes avanzados para indicar que no se indexe esta página ni sea rastreada por los robots de búsqueda).

Para instalar WooCommerce Beautiful Product Not Found Page, debes entrar en «Plugins > Añadir nuevo > Subir plugin«, después seleccionas el archivo zip que contiene el plugin y por último clicas en «Instalar ahora«.

Veamos cómo funciona el plugin.

Una vez instalado y activado el plugin, para acceder a la página de configuración, deberás hacer clic en el enlace «Ajustes» que verás justo debajo de la descripción del plugin o entra en «WooCommerce > Ajustes > Productos > Hermosa página de producto no encontrado«.

Bien. Ya estás dentro de la página de configuración del plugin.

Como podrás ver, sólo hay un campo para configurar (ya te dije que era muy sencillo :-)) y en el que se muestra una lista desplegable con todas las páginas de tu sitio.

Lo único que tienes que hacer es seleccionar la página que vas a usar para mostrar el diseño de la página de producto no encontrado y hacer clic en «Guardar cambios«.

¡Listo! Ya está.

Ahora, lo único que falta es hacer una búsqueda de prueba con un término «inventado» para provocar que se muestre la página de producto no encontrado y ver si se muestra correctamente el nuevo diseño que acabas de crear.

A continuación te muestro un ejemplo de cómo ha quedado la página de producto no encontrado de mi tienda online.

¿Cuál es el precio de este plugin?

A diferencia de otros plugins y códigos snippets que he venido publicando hasta ahora, el plugin WooCommerce Beautiful Product Not Found Page no va a ser gratuito.

El motivo de esto es que quiero mantenerlo actualizado, documentado e ir añadiéndole mejoras con el tiempo ayudándome del feedback de la gente. Esto obviamente me va a requerir un tiempo y de ahí que haya decidido ponerle un precio. Además, el principal interesado soy yo mismo, puesto que lo estoy usando en algunas tiendas actualmente.

¿Cuál va a ser el precio? He pensado un precio inicial de tan solo 12€ para las 10 primeras ventas, después pasará a 20€. (Ya se vendieron las 10 primeras licencias).

Se trata de un único pago en el que se incluye la licencia para un sitio, con actualizaciones y soporte indefinido.

Sinceramente creo que es un precio ridículo comparado con el beneficio que te puede aportar el plugin, si tenemos en cuenta que, en muchos casos, con que la página de producto no encontrado recupere un cliente, ya se habrá pagado de sobra lo que cuesta el plugin y encima habrás ganado un cliente que probablemente vuelva a repetir compra.

Si crees que el plugin merece la pena y quieres hacerte con él, puedes usar el botón que tienes justo debajo para efectuar la compra.

En cuanto hagas el pago, se te enviará un email con el enlace de descarga. No tiene más misterio.

¡QUIERO EL PLUGIN!

Resumiendo.

Debes considerar la página de producto no encontrado de WooCommerce como una oportunidad más de venta, de hecho, puede que sea la última en muchos casos.

Yo ya te he presentado el método que usan las grandes tiendas online para solucionarlo y te he mostrado como un sencillo plugin puedes aplicarlo tú también. Ahora te toca a ti ponerlo en práctica.

¡QUIERO EL PLUGIN!