Så här anpassar du sidan "Inga produkter hittades som matchar ditt val" i WooCommerce - Optimera försäljningen i onlinebutiker

I den här artikeln kommer vi att se hur du anpassar sidan "Inga produkter hittades som matchade ditt val”Vad visas när en sökning i en butik cu WooCommerce, inga resultat returneras. Specifikt en kort guide till WooCommerce Bästa praxis för att optimera försäljningen och en bättre upplevelse för potentiella köpare.

De flesta ämnen WordPress optimerad för WooCommerce, erbjuder inte butiksadministratörer möjligheten att anpassa sidan där inga resultat visas efter en sökning i onlinebutiken. "Inga produkter hittades som matchade ditt val"Eller"Inga produkter hittades".

På en sådan sida där inga resultat visas har den potentiella köparen inget annat val än att gå tillbaka till sajtens navigeringsmeny och se vilka andra produkter som skulle vara intresserade.
En bättre optimering för försäljning skulle vara att förse användaren med information om kampanjer, snabb kontaktinformation eller andra produkter/produktkategorier på denna sida.

Hur man anpassar sidan "Inga produkter hittades som matchade ditt val"I 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 WooCommercedetta no-producs-found.phpBeläget 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 nätbutiken är inställd på ett språk som stöds av WooCommerce.

• Hitta och fixa 404-fel (sidan hittades inte) i din blogg WordPress
• Kritisk sårbarhet upptäckt i WooCommerce – Miljontals nätbutiker kan äventyras

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. Alltså a update al WooCommerce det kommer 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 "UX Blocks", som Flatsome, eller "HTML Blocks" som i fallet med WoodMart och andra teman WooCommerce.

Min favoritmetod 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 för att lägga till banners, produkter, produktkategorier. Således, om denna sida nås, kommer den potentiella köparen att lockas till produkterna och kampanjerna från onlinebutiken.

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

Var [block id="search"] representerar en kortkod på en anpassad HTML-sida.

Härnäst kommer jag att publicera några fler saker WooCommerce – Best Practice, som vi framgångsrikt har tillämpat på flera nätbutiker.