Cómo personalizar la página "No se encontraron productos que coincidan con su selección" en WooCommerce - Optimización de ventas de la tienda en línea

En este artículo veremos cómo personalizar la página "No se encontraron productos que coincidan con su selección”¿Qué aparece cuando una búsqueda en un compras cu WooCommerce, no se devuelve ningún resultado. En concreto, una breve guía de Mejores prácticas de WooCommerce para optimizar las ventas y una mejor experiencia para los compradores potenciales.

La mayoría de los temas WordPress optimizado para WooCommerce, no ofrece administratorpropietarios de tiendas la posibilidad de personalizar la página en la que no se muestran resultados después de una búsqueda en la tienda en línea. “No se encontraron productos que coincidan con su selección"O"No se encontraron productos".

No se encontraron productos que coincidan con su selección
No se encontraron productos que coincidan con su selección

En una página de este tipo donde no se muestran resultados, el comprador potencial no tiene más remedio que volver al menú de navegación del sitio y ver otros productos que le interesarían.
Una mejor optimización para las ventas sería proporcionar al usuario información sobre promociones, información de contacto rápido u otros productos/categorías de productos en esta página.

Cómo personalizar la página "No se encontraron productos que coincidan con su selecciónDe WooCommerce

El archivo PHP que responde a la página con cero resultados al buscar un producto en una tienda online con WooCommerce, es no-producs-found.phpsituado en wp-content/plugins/woocommerce/templates/loop y contiene el código:

<?php
defined( 'ABSPATH' ) || exit;
?>
<p class="woocommerce-info"><?php esc_html_e( 'No products were found matching your selection.', 'woocommerce' ); ?></p>

Como puede ver, en este archivo se encuentra el texto que aparece en la página "No se encontraron productos". Este texto difiere de un idioma a otro si la tienda en línea está configurada en un idioma compatible con WooCommerce.

Si queremos cambiar el contenido de la página"No se encontraron productos", el mejor método es hacer un clon de este archivo en la carpeta del tema activo: /themes/active_theme/woocommerce/templates/loop/no-producs-found.php. Así un update WooCommerce no eliminará nuestros cambios.

Después de este paso, podemos proceder como deseemos para editar el archivo. no-products-found.php.
Es preferible usar shortcodes, especialmente si el tema permite "UX Blocks", como Flatsome, o "HTML Blocks" como en el caso de WoodMart y otros temas de WooCommerce.

Mi método favorito fue reemplazar el código:

<p class="woocommerce-info"><?php esc_html_e( 'No products were found matching your selection.', 'woocommerce' ); ?></p>

con un shortcode a un bloque HTML en el que agregar banners, productos, categorías de productos. Así, si se llega a esta página, el potencial comprador se verá atraído por los productos y promociones de la tienda online.

<?php echo do_shortcode('[block id="search"]'); ?>

Unde [block id="search"] representa un shortcode en una página HTML personalizada.

A continuación, publicaré algunas cosas más sobre WooCommerce: mejores prácticas, que he aplicado con éxito en varias tiendas en línea.

Apasionado de la tecnología, me gusta probar y escribir tutoriales sobre sistemas operativos. macOS, Linux, Windowsacerca de WordPress, WooCommerce y configurar servidores web LEMP (Linux, NGINX, MySQL y PHP). escribo en StealthSettings.com desde 2006, y unos años más tarde comencé a escribir en iHowTo.Tips tutoriales y noticias sobre dispositivos en el ecosistema Apple: iPhoneiPad Apple Reloj, HomePod, iMac, MacBook, AirPods y accesorios.

Deja un comentario