Hur man skapar katalog med Begäran om pris med WooCommerce

WooCommerce erbjuder ett bra sätt att lista dina produkter och gör det ganska enkelt för dina kunder att köpa och för att du ska kunna hantera dina beställningar. Ibland kanske du kanske inte vill sälja dina saker utan bara visa dem.

I den här artikeln ska jag visa dig hur lätt det är skapa en fantastisk katalog och ge ett prisförfrågan alternativ genom att använda endast inneboende WooCommerce-alternativ och några ganska grundläggande anpassningsutdrag.

Varför skapa en katalog?

Att skapa en produktkatalog i stället för en klassisk webbshop kan vara till nytta av många anledningar.

Det kan komma till nytta om du:

Vill inte sälja online. Du behöver bara visa din katalog online och folk kommer att dyka in i din fysiska butik någonstans och bli upptagen med att köpa.
Kan vilja erbjuda dina tjänster till ett anpassat pris för dina kunder eller om du inte kan ange ett pris tills du förvärvar en särskild komponent (som du inte känner till förvärvspriset på).
Har inte råd med ett plugin som skulle anpassa priset baserat på mängden i kundvagnen eller av riktade fraktplatser, metoder och / eller produktstorlekar eller några andra anpassade värden.
Vill inte ha dina konkurrenter att veta dina kostnader.
Vill inte sälja eller visa upp dina produkter till någon köpare.

Varför använda WooCommerce för detta?

WooCommerce kommer med många alternativ ur lådan, vilket gör din katalog mycket lättare att hantera och använda. Som standard kan du lägg till en massa attribut och annan data till dina produkter, skapa kategorier och sätt taggar på dina saker. Det är också lättare att skilja din katalog från din blogg eller webbplats.

Du kan också föreslå relevanta varor för varje produkt eller att WooCommerce automatiskt föreslår dem för dig. Dessutom kommer dina besökare att kunna filtrera och / eller sortera dina grejer som de vill, för att underlätta för dem att hitta objektet de letar efter.

Dessutom kan du skapa en WooCommerce-katalog ge ett enkelt prisförfrågan för dina potentiella kunder. Genom att låta dem sätta produkterna i en vagn, kommer de att kunna skapa en önskelista och be om priset för artiklar i listan. Du kommer också få sin adress och / eller e-postadress om du vill, och dina prisförfrågningar kommer att lagras som Orders.

Steg-för-steg-guiden

Innan vi börjar bör du bestämma om du eller inte vilja för att ge en prisförfrågan för de produkter du presenterar.

Steg 1: Ställ in (eller inte ställa in) priser

(JAG) Utan prisförfrågan

Om du inte vill ha några prisförfrågningar, lämna fältet tomt. I så fall visar WooCommece inte fältet för butiksrelaterade formulär, så du får inte se några antal fält, priser eller lägg till i kundvagnsknappar.

Den goda nyheten är att om du väljer denna katalogiseringsmetod är du redan klar. Lägg bara till saker i din helt nya katalog och du är bra att gå!

(II) Med prisförfrågan

Om du vill tillåta dina kunder att begära pris börjar du genom att göra dina produkter gratis. Ange priser till 0.

På det här sättet, när vi är färdiga, kommer dina besökare att kunna lägga dina katalogprodukter på önskelistan utan att behöva spendera en dime.

Steg 2: Köpalternativ

Detta steg kommer att bli ännu enklare eftersom ingen kod krävs för den. Du vill se till att du anger följande i ditt administratörsområde:

Byt namn på ditt original Vagn och Checka ut sidor till 'Kr' och "Begär pris", respektive (sidor)
Tillåt användning av kuponger för att undvika rabattmeddelanden på olika butiksrelaterade sidor (WooCommerce> Inställningar> Kassa-fliken)
Inaktivera varje betalningsmetod så att ingen av dem visas på din kassa sida (WooCommerce> Inställningar> Kassa-fliken)
Inaktivera frakt helt och hållet, eller om du vill att besökare ska bestämma om du vill begära fraktpris, aktivera och relabelera två olika fraktmetoder och sätt upp dem båda för att vara GRATIS
Inaktivera registrering vid utcheckningen och min kontosida och stäng av att visa loggar i påminnelser om du inte vill hantera användare på din katalogsida också (WooCommerce> Inställningar> Konton fliken)
Inaktivera varje enskild kundens e-post eller om du vill skicka ett bekräftelsemail om förfrågningarna till kunden, stäng av de fullständiga beställningsemailerna för att undvika onödiga dubbletter och fakturor om gratis order (som nästan inte ens existerar) (WooCommerce> Inställningar> E-post fliken)

Steg 3: Relabeling

I det här steget ser vi till att din webbplats inte ser ut som om du ger bort saker gratis. Av den anledningen kommer vi Skriv om dina knappar och göm gratis meddelanden.

Lägg bara till koden nedan för ditt temas funktioner.php eller till ditt eget plugin.

3.1: Ingen "fri" etikett

Det första och främsta underlaget är att dölja fria fraktmeddelanden och etiketter på produktsidan och produktslingorna t.ex. butik och produktkategori sidor.

add_filter ('woocommerce_free_price_html', 'hide_free_price_notice'); add_filter ('woocommerce_variable_free_price_html', hide_free_price_notice '); add_filter ('woocommerce_variation_free_price_html', 'hide_free_price_notice'); funktion hide_free_price_notice ($ pris) return ";

3.2: Knappetiketter

Medan du skapar din katalog, omvandlas vi gradvis din varukorg till en önskelista och din kassa sida till en prisförfrågan. Först måste vi relabelera knapparna.

add_filter ('woocommerce_product_single_add_to_cart_text', 'woo_custom_cart_button_text'); funktion woo_custom_cart_button_text () return __ ('Lägg till i önskelista', 'woocommerce');  add_filter ('woocommerce_product_add_to_cart_text', 'woo_custom_cart_button_text'); funktion woocommerce_button_proceed_to_checkout () $ checkout_url = WC () -> cart-> get_checkout_url (); "> ?> add_filter ('woocommerce_order_button_text', create_function ("," returnera "Skicka mig ett erbjudande"; "));

3.3: Dölj dina fria priser överallt

WooCommerce visar dina priser på $ 0 i din kundvagn (eller i detta fall önskan) så vi måste ta bort de här kolumnerna. Du har två alternativ för det.

Ett, du kan använda CSS genom att lägga till detta till ditt barntema stil.css.

.cart_totals h2, .cart_totals .shop_table, .cart-subtotal, .order-total, .woocommerce-shipping-fields, .product-total display: none;

Två, Du kan helt och hållet radera de oönskade kolumnerna. För att göra detta ska vi skriva över kundvagnens mallfiler enligt följande:

Skapa en woocommerce-mapp med en kundvagnsundermapp i ditt (barn) temans mapp så att du kommer att sluta med något så här: wp-content / themes / Mytheme / woocommerce / varukorg /
Hämta och öppna den ursprungliga woocommerce cart.php med en textredigerare; filen ska vara här: wp-content / plugins / woocommerce / templates / varukorg /
Radera dessa rader: och avsnittet börjar med och slutar i och avsnittet börjar med och slutar i

 Ladda ner och öppna originalet woocommerce cart-totals.php med en textredigerare filen är där du hittade cart.php
 Radera dessa rader: och hela bordet, börjar med  och slutar med 
 Ladda upp båda filerna du just har redigerat i woocommerce / varukorg mappen i din temakatalog

Om du tillåter användare någon form av fraktalternativ i steg 2 ovan måste vi också inaktivera gratis fraktmeddelande, så här:

 add_filter ('woocommerce_cart_shipping_method_full_label', 'remove_free_label', 10, 2); funktion remove_free_label ($ full_label, $ metod) $ full_label = str_replace ("(Free)", "", $ full_label); returnera $ full_label; 
  
 
Steg 4: E-post textinställningar
 Vi får verkligen nära att ha vår egen WooCommerce-katalog med prisförfrågan. Faktum är att om du i steg 2 avaktiverade varje kunds e-post helt och hållet, kan du bara fortsätta till steg 5.
 Om du vill skicka kundbekräftelse (eftersom det är väldigt elegant) behöver vi bara se till att vi har våra e-postämnen rätt och att vi inte skickar några $ 0-priser, och kanske också skriva om vår e-posttext lite.
 4,1. E-post ämne och rubrik
 I adminområdet, WooCommerce> Inställningar> E-post fliken måste du skriva om Behandlingsorder, eftersom nya förfrågningar kommer att vara i en behandlingsstatus eftersom kunderna inte kan betala för dem direkt. För tydligheten är det bäst att skriva om ditt eget e-postmeddelande för e-post (Ny order).
 4,2. Ta bort pris från e-postmeddelanden
 Som standard skickas priserna med orderbekräftelsen, så vi måste skriva över de ursprungliga e-postmallarna.
 Hämta och öppna den ursprungliga woocommerce email-order-items.php med en textredigerare; filen ska vara här: wp-content / plugins / woocommerce / templates / e-post / plain
 Radera den här raden:eko "\ n". sprintf (__ ('Kostnad:% s', 'woocommerce'), $ order-> get_formatted_line_subtotal ($ item));
 Hämta och öppna den ursprungliga woocommerce email-order-details.php med en textredigerare; filen ska vara här: wp-content / plugins / woocommerce / templates / e-post / plain
 Radera dessa rader: om ($ totals = $ order-> get_order_item_totals ()) foreach ($ totals som $ totalt) echo $ total ['label']. "\ t". $ totalt ['värde']. "\ N"; 
 
 Ladda upp båda filerna du just redigerat i woocommerce / e-post / vanlig mapp i din temakatalog
 
4,3. Skriv om skrivtexter
 Som standard kommer WooCommerce att presentera dina e-postmeddelanden med följande: "Din order har mottagits och bearbetas nu. Din beställningsinformation visas nedan för din referens".
 Om du vill skriva över det här måste du följa dessa tre steg:
 ladda ner och öppna den ursprungliga woocommerce kund-processing-order.php med en textredigerare; filen ska vara här: wp-content / plugins / woocommerce / templates / e-post /
 Skriv om den linje som är ansvarig för texten ovan som du önskar:echo __ ("Din beställning har mottagits och bearbetas nu. Din beställningsinformation visas nedan för din referens:", "woocommerce"). "\ N \ n";
 ladda upp filen du just redigerat i woocommerce / e-post mappen i din temakatalog
 
Steg 5: Njut av
 Nu när du har din egen WooCommerce-katalog, kan du luta dig tillbaka och njuta av det du skapat. När någon skapar en önskelista och skickar en prisförfrågan får du ett mail om det, plus deras förfrågan kommer att dyka upp i ditt administratörsområde under WooCommerce> Beställningar.
 Varje beställning kommer att innehålla e-postadressen till din kund, så du kan manuellt skicka dem ditt prissättning, eller kanske även kontakta dem via telefon.
 Redaktörens anteckning: Detta är skrivet av Marton Fekete för Hongkiat.com. Marton är en ungerska webbplatsutvecklare som nyligen är ansluten till WordPress. Han är en redesign entusiast och frilans innehållsförfattare som gillar att spela RPG på fritiden.