Personalizar la página de producto no encontrado en WooCommerce

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.

Página por defecto de producto no encontrado WooCommerce

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 Amazon.

Ejemplo de página producto no encontrado Zalando
Página de producto no encontrado en Zalando

 

Producto no encontrado Amazon
Página de producto no encontrado 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«.

Instalar plugin WooCommerce Beautiful Product Not Found Page

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«.

Ajustes plugin 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«.

Sustituir página por defecto de WooCommerce para producto no encontrado

¡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.

Página de producto no encontrado personalizada WooCommerce

¿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!

13 comentarios en “Personalizar la página de producto no encontrado en WooCommerce”

  1. Hay alguna forma de hacer esto pero sin plugin??

    me refiero a si se puede crear un archivo que diga algo parecido a wc-productosnoencontrado.php o algo similar

  2. Acabo de adquirir el plugin de envíos he establecido las zonas de envío y aplicado el importe por peso, pero al hacer una compra ficticia me da el mismo importe con un peso de 1 kg como con 25 kg.
    Algo se me escapa he leído y releído la documentación pero no veo donde puedo estar fallando. Por favor una ayuda.
    Gracias
    Juan

  3. Buenas tardes,
    Tengo una tienda web a la cual quiero agregarle una GiftCard entre la pagina del carrito y la pagina final de los datos de la venta, pero no encuentro donde editar esta primera pagina (http://scarlattauy.webfactional.com/cart/) ya que en ella tengo el boton de «ir a compra», lo unico que veo en la edicion de la pagina es la referencia al plugin [woocommerce_cart] el cual quiero modificar para que me redireccione al pluging de la GiftCarf que quiero instalar.
    Agradezco alguna info de como poder hacer esto.
    Gracias.

  4. Muy buenas Antonio, tal como otras veces felicitarte por tu gran labor 😉

    Mi duda es la siguiente, ¿Puedo personalizar a mi gusto las páginas de productos y categorias de algún modo?

    Cree mi propia pagina de productos (en VComposer), pero al indicar en Woocomerce que esa es mi página de procuctos, automaticamente me creea dentro los productos de nuevo (y en su formato), y si no indico cual es la pagina de productos al vaciar el carro no me redirige a ningun enlace.

    o ¿puedo modificar el enlace al que me debe de redirigir?

    un saludo y mucho ánimo!

  5. Buenas noches Antonio
    Tengo un problema gigante no se si me puedes ayudar, hace un rato estaba trabajando en mi página en WordPress , y repentinamente quedo todo en blanco luego intente abrir nuevamente la pagina en administrador y no me deja entrar me dice Error al abrir esta página, busqué en internet y recomendaban bajar chrome ya que estaba trabajando desde safari en mi Mac, lo intente con chrome pero no puedo dice que no puedo acceder al sitio…. No se que hacer…. alguien que me pueda ayudar porfa.

    1. Hola Solange,

      ¿Has instalado o actualizada algo justo antes de quedarse en blanco?

      Tiene pinta de ser alguna incompatibilidad de plugins o tema.

      En caso de que sea eso, la única solución es ir desactivando plugins desde FTP (eliminando las carpetas – ¡HAZ UNA COPIA DE SEGURIDAD ANTES!) hasta dar con el que origina el problema.

      Te recomiendo que contactes con el soporte técnico de tu hosting para ver si pueden restaurarte una copia de tu web.

      No queda otra.

      Espero que lo soluciones pronto.

      Un saludo!

  6. Hola,

    Primero decir que gracias por hacer todos estos artículos de ayuda, gracias a ti hemos aprendido muchísimo de woocommerce y como ir mejorando, aunque aun nos queda mucho quiero que supieras que por lo menos a nosotros nos has ayudado con tu trabajo en este blog.

    Quiero implementar lo que estas enseñando porque va muy bien, imaginarnos que hace un año vendíamos un bolso pero ya no esta y aun queda el enlace que por algún lado un cliente accede, pues pam! Genial tengo una pagina personalizada de producto no encontrado.

    Pero tenemos una pequeña duda, como en este articulo recomiendas plugins para hacer cosas interesantes y ayudar siempre a mejorar nuestras ventas, pero ha llegado un punto que entre que tenemos WPML (su alto consumo de recursos) y otros plugins, cuando considerarías decir… Vale a partir de X plugins no me interesa instalar mas.

    Gracias nuevamente por tu trabajo,
    Saludos!

    1. Hola Joan,

      Buena pregunta 🙂

      Todos hemos oído mucho lo de; «cuantos menos plugins, más rápida irá la web».

      En realidad es cierto que cuantos menos plugins necesites, mejor para ti y tu web. Pero eso no quiere decir que una web con 20 plugins cargue más lento y consuma más recursos que una web con 6 plugins, de hecho, puede ocurrir todo lo contrario.

      Más que en el número de plugins, yo me fijaría en los recursos que consumen cada uno y estudiaría si merece la pena sacrificar tiempos de carga y recursos del servidor con tal de mantenerlo. Un ejemplo con el que me he encontrado es el de tener instalado el mega-plugin Jetpack solo para mostrar los botones de compartir en redes sociales. No tiene ningún sentido hacer eso.

      Te recomiendo que te instales el plugin P3 Profiler (cuando termines de usarlo lo eliminas) para que te indique cuáles de tus plugins consumen más para saber si puedes prescindir de ellos o por lo menos sustituirlos por otros que consuman menos.

      Ahh y de nada sirve todo lo que acabo de decir si tienes un hosting de pena.

      Espero haberte aclarado la duda.

      Un saludo!

  7. Hola Antonio,

    escribo porque he descargado el plugin para usar en mi página web. No hemos tenido ningún problema en instalarlo y activarlo. Te cuento cómo tengo organizada la web: en la tienda (creada con woommerce) antes de que aparezcan los productos tengo una imagen insertada en la que doy la bienvenida a la tienda: simplemente es una imagen en la que pone bienvenid@ a la tienda. Además, en la tienda tenemos una sidebar con el filtro de precio, buscador de productos, etc. El problema es que hemos instalado el plugin y cuando la persona mete una palabra que no concuerda, nos lleva correctamente a la página de producto no encontrado (que hemos preparado como indicas en el post y que hemos escogido dentro del plugin). Pero en esta página de producto no encontrado sale la imagen dando la beinvenida y el sidebar (es decir, sale igual que en la tienda) y después, se puede ver la página que hemos creado para producto no encontrado. La pregunta es si sería posible quitar la imagen y la sidebar de la página de producto no encontrado, ya que no queda demasiado bien.

    Por el momento la web la estamos creando y la tenemos en modo mantenimiento, si necesitas más información no dudes en decirme.

    Un saludo y felicidades por la estupenda web que has creado!

    1. Hola Ira,

      Antes de nada, quiero darte las gracias por haber comprado el plugin. ¡Gracias! 🙂

      En realidad el «problema» que comentas no tiene que ver con el plugin, sino con el tema que estés usando.

      Se puede solucionar cambiando la plantilla de página por una plantilla de ancho completo o «Full width» para evitar que se muestre el sidebar. (Todos los temas premium suelen incluir este tipo de plantillas).

      Si no sabes lo que son las plantillas de página o tu tema no incluye una plantilla de ancho completo, te recomiendo que le eches un vistazo a este artículo, haz clic aquí.

      Espero que te sirva.

      Saludos!

  8. Buenas noches,

    Yo quiero instalar woocommers a mi tienda y utilizando la plantilla de optimizepress me da errores.. sabes si hay una solucion para eso?

    Agradeceria mucho una respuesta

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Responsable: Antonio Cantero, siendo la Finalidad; envío de mis publicaciones así como correos comerciales. La Legitimación; es gracias a tu consentimiento. Destinatarios: tus datos se encuentran alojados en mi plataforma de email marketing Active Campaign ubicada en EEUU y acogida al Privacy Shield. Podrás ejercer Tus Derechos de Acceso, Rectificación, Limitación o Suprimir tus datos en contacto@woodemia.com

Scroll al inicio