I den här artikeln kommer vi att se hur du anpassar sidan “Inga produkter hittades matchande ditt val” vad som visas när du följer en sökning i en Tidskrift online cu Woocommerce, inget resultat returneras. Mer exakt, en kort guide till WooCommerce bästa praxis för optimering av försäljningen och en bättre upplevelse för potentiella köpare.
De flesta WordPress-teman som är optimerade för WooCommerce erbjuder inte butiksadministratörer möjligheten att anpassa sidan där inga resultat visas efter en sökning i webbutiken. “Inga produkter hittades matchande ditt val” eller “Inga produkter hittades“.
På en sådan sida där inget resultat visas har den potentiella köparen inget annat val än att gå tillbaka till sajtens navigeringsmeny och se om det finns andra produkter som han skulle vara intresserad av.
En bättre optimering för försäljning skulle vara att användaren på denna sida erbjuds information om kampanjer, snabb kontaktinformation eller andra produkter/kategorier av produkter.
Hur man anpassar sidan “Inga produkter hittades matchande ditt val” din WooCommerce
PHP-filen som ansvarar för sidan där det inte finns några resultat när en produkt söks i en webbutik med WooCommerce, är no-producs-found.php, belägen i wp-content/plugins/woocommerce/templates/loop och innehåller koden:
<?php
defined( 'ABSPATH' ) || exit;
?>
<p class="woocommerce-info"><?php esc_html_e( 'No products were found matching your selection.', 'woocommerce' ); ?></p>
Av vad som kan ses innehåller denna fil även texten som visas på sidan “Inga produkter hittades”. Denna text skiljer sig från ett språk till ett annat, om webbutiken är inställd på ett språk som stöds av WooCommerce.
Om vi vill ändra innehållet på sidan “Inga produkter hittades“, den bästa metoden är att göra en klon av denna fil i den aktiva temamappen: /themes/active_theme/woocommerce/templates/loop/no-producs-found.php. En uppdatering av WooCommerce kommer alltså inte att ta bort de ändringar som gjorts.
Efter detta steg kan vi fortsätta som vi vill redigera filen no-products-found.php.
Det är att föredra att använda kortkoder, speciellt om temat tillåter det “UX-block”, liksom Flatsome, eller “HTML-block” som i fallet med WoodMart och andra WooCommerce-teman.
Min föredragna metod var att ersätta koden:
<p class="woocommerce-info"><?php esc_html_e( 'No products were found matching your selection.', 'woocommerce' ); ?></p>med en kortkod till ett HTML-block där jag kan lägga till banners, produkter, produktkategorier. På så sätt, om den här sidan nås, kommer den potentiella köparen att lockas till produkterna och kampanjerna i onlinebutiken.
<?php echo do_shortcode('[block id="search"]'); ?>Där [block id="search"] representerar kortkoden till en anpassad HTML-sida.
Därefter kommer jag att publicera några WooCommerce-grejer – Best Practice, som vi framgångsrikt har tillämpat på flera nätbutiker.
1 tänkte på “Hur man anpassar sidan “Inga produkter hittades matchande ditt val” i WooCommerce – Optimera försäljningen i onlinebutiker”