Startpagina » E-Commerce » Catalogus aanmaken met Prijsaanvraag met WooCommerce

    Catalogus aanmaken met Prijsaanvraag met WooCommerce

    WooCommerce biedt een geweldige manier om uw producten te vermelden en maakt het vrij eenvoudig voor uw klanten om te kopen en voor u om uw bestellingen te beheren. Soms wilt u uw spullen misschien niet echt verkopen, maar gewoon presenteren.

    In dit artikel laat ik je zien hoe gemakkelijk het is maak een geweldige catalogus en bied een prijsaanvraagoptie door alleen de inherente WooCommerce-opties te gebruiken en een paar vrij standaard aanpassingsfragmenten.

    Waarom een ​​catalogus maken??

    Het creëren van een catalogus met producten in plaats van een klassieke webshop kan om vele redenen gunstig zijn.

    Het kan handig zijn als u:

    • Ik wil niet online verkopen. U hoeft alleen uw catalogus online te tonen en mensen komen ergens in uw fysieke winkel en gaan aan de slag met kopen.
    • Misschien wilt u uw diensten aanbieden tegen een aangepaste prijs voor uw klanten of als u geen prijs kunt noemen voordat u een speciaal onderdeel hebt gekocht (waarvan u de aanschafprijs niet kent).
    • Kan een plug-in niet veroorloven die de prijs zou aanpassen op basis van het bedrag in de winkelwagen of door gerichte verzendlocaties, methoden en / of productgroottes of andere aangepaste waarden.
    • Wilt u niet dat uw concurrenten uw kosten kennen?.
    • U wilt uw producten niet verkopen of presenteren aan een willekeurige koper.

    Waarom zou u WooCommerce hiervoor gebruiken??

    WooCommerce wordt geleverd met veel opties uit de verpakking, waardoor uw catalogus veel eenvoudiger te beheren en te gebruiken is. Standaard kunt u dit doen voeg een aantal attributen en andere gegevens toe naar uw producten, maak categorieën en zet tags op uw spullen. Het is ook eenvoudiger om uw catalogus te scheiden van uw blog of site.

    U kunt ook relevante artikelen voor elk product voorstellen of WooCommerce hen automatisch voor u laten voorstellen. Bovendien kunnen uw bezoekers uw spullen filteren en / of sorteren wanneer ze willen, zodat ze gemakkelijker het item kunnen vinden waarnaar ze op zoek zijn.

    Ook kun je een WooCommerce-catalogus maken bied een eenvoudige prijsaanvraagoptie voor uw potentiële klanten. Door hen toe te staan ​​de producten in een winkelwagentje te plaatsen, kunnen ze een verlanglijst maken en vragen om de prijs voor items in de lijst. U krijgt ook hun adres en / of e-mailadres als u dat wilt en uw prijsaanvragen worden opgeslagen als Orders.

    De stapsgewijze handleiding

    Voordat we beginnen, moet u beslissen of u wel of niet willen om een ​​optie voor prijsaanvragen te bieden voor de producten die u aanbiedt.

    Stap 1: Prijzen instellen (of niet instellen)

    (IK) Zonder prijsaanvraag

    Als u geen prijsaanvragen wilt, laat het prijsveld leeg. In dit geval toont WooCommece de winkelgerelateerde formuliervelden niet, dus u ziet geen velden voor bedragen, prijzen of knoppen voor toevoegen aan winkelwagentje.

    Het goede nieuws is dat als u voor deze catalogusmethode kiest, u al klaar bent. Voeg gewoon dingen toe aan uw gloednieuwe catalogus en u bent klaar om te gaan!

    (II) Met prijsaanvraag

    Als u uw klanten de prijs wilt laten aanvragen, begint u met het gratis maken van uw producten. Stel prijzen in op 0.

    Op deze manier kunnen uw bezoekers, wanneer u klaar bent, uw catalogusproducten plaatsen op een verlanglijstje zonder een cent te hoeven spenderen.

    Stap 2: Winkelopties

    Deze stap wordt nog eenvoudiger omdat er geen code voor nodig is. U wilt ervoor zorgen dat u het volgende instelt in uw admin-gebied:

    • Hernoem je origineel kar en Uitchecken pagina's naar 'Verlanglijstje' en 'Verzoek om prijzen', respectievelijk (Pages)
    • Het gebruik van kortingsbonnen niet toestaan ​​om kortingen op verschillende winkelgerelateerde pagina's te voorkomen (WooCommerce> Instellingen> tabblad Afrekenen)
    • Schakel elke betaalmethode uit om ervoor te zorgen dat geen van deze wordt weergegeven op uw betalingspagina (WooCommerce> Instellingen> tabblad Afrekenen)
    • Schakel verzending helemaal uit, of als u wilt dat bezoekers beslissen om de verzendprijs te vragen, twee verschillende verzendmethoden in te schakelen en opnieuw te labelen en ze beiden GRATIS te laten instellen
    • Schakel registratie op de kassa en mijn accountpagina uit en schakel het weergeven van aanmeldingsherinneringen uit, tenzij u ook gebruikers op uw catalogussite wilt afhandelen (WooCommerce> Instellingen> tabblad Accounts)
    • Schakel elke e-mail van elke klant uit, of als u een bevestigingsemail over de verzoeken naar de klant wilt sturen, schakel gewoon de voltooide bestel-e-mails uit om onnodige duplicaten en facturen over gratis bestellingen (die vrijwel niet eens bestaan) te voorkomen (WooCommerce> Instellingen> tabblad E-mails)

    Stap 3: Herbenoemen

    In deze stap zorgen we ervoor dat uw site er niet uitziet alsof u dingen gratis weggeeft. Om deze reden zullen we dat doen herschrijf je knoppen en verberg gratis berichten.

    Voeg eenvoudig de onderstaande code toe aan de functies.php van uw thema of aan uw eigen plug-in.

    3.1: Geen 'gratis' label

    De eerste en belangrijkste substap is het verbergen van kennisgevingen van gratis verzending en labels op de pagina met één product en de productlussen, bijvoorbeeld winkel- en productcategoriepagina's.

    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'); function hide_free_price_notice ($ price) return ";

    3.2: Knoplabels

    Tijdens het maken van uw catalogus transformeren we uw winkelwagentje geleidelijk in een verlanglijstje en uw kassapagina in een prijsaanvraagformulier. Eerst moeten we de knoppen opnieuw labelen.

    add_filter ('woocommerce_product_single_add_to_cart_text', 'woo_custom_cart_button_text'); functie woo_custom_cart_button_text () return __ ('Toevoegen aan verlanglijst', 'woocommerce');  add_filter ('woocommerce_product_add_to_cart_text', 'woo_custom_cart_button_text'); functie woocommerce_button_proceed_to_checkout () $ checkout_url = WC () -> winkelwagen-> get_checkout_url (); "> ?> add_filter ('woocommerce_order_button_text', create_function (", 'return" Stuur mij een aanbieding ";'));

    3.3: verberg uw gratis prijzen overal

    WooCommerce toont je prijzen van $ 0 in je winkelwagen (of in dit geval de verlanglijst), dus we moeten die kolommen verwijderen. Daar heb je twee opties voor.

    een, je kunt CSS gebruiken door dit toe te voegen aan de style.css van je kindthema.

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

    Twee, je kunt de ongewenste kolommen helemaal verwijderen. Om dit te doen, overschrijven we de cart templates als volgt:

    1. Maak een woocommerce-map met een cart-submap in de map van je (kind) thema, zodat je zoiets als dit krijgt: wp-content / themes / Mytheme / woocommerce / wagen /
    2. Download en open de originele woocommerce cart.php met een teksteditor; het bestand zou hier moeten zijn: wp-content / plugins / woocommerce / templates / wagen /
    3. Verwijder deze regels: en de sectie die begint met en eindigend in en de sectie die begint met en eindigend in
    4. Download en open het origineel woocommerce cart-totals.php met een teksteditor; het bestand is waar je het gevonden hebt cart.php
    5. Verwijder deze regels:

      en de hele tabel, te beginnen met en eindigend met
    6. Upload beide bestanden die u zojuist hebt bewerkt in de woocommerce / cart map binnen uw themamap

    Als u gebruikers in stap 2 hierboven enige vorm van verzendopties hebt gegeven, moeten we ook de kennisgeving voor gratis verzending uitschakelen, zoals:

    add_filter ('woocommerce_cart_shipping_method_full_label', 'remove_free_label', 10, 2); functie remove_free_label ($ full_label, $ methode) $ full_label = str_replace ("(Gratis)", "", $ full_label); return $ full_label; 

    Stap 4: instellingen voor e-mailtekst

    We komen echt dicht in de buurt van onze eigen WooCommerce-catalogus met de optie prijsaanvraag. Als u in Stap 2 alle e-mails van klanten hebt uitgeschakeld, kunt u gewoon doorgaan naar stap 5.

    Als u een klantbevestiging wilt sturen (omdat deze erg elegant is), moeten we ervoor zorgen dat we onze e-mailonderwerpen juist hebben en dat we geen $ 0-prijzen sturen, en misschien ook onze e-mailtekst een beetje herschrijven..

    4.1. Onderwerp en onderwerp mailen

    In het admingebied, WooCommerce> Instellingen> E-mails tab, moet je herschrijven Verwerkingsorder, omdat nieuwe verzoeken in een verwerkingsstatus zijn omdat klanten niet in staat zijn om direct te betalen. Voor de duidelijkheid is het het beste om je eigen e-mail met beheerdersmeldingen te herschrijven (Nieuwe opdracht).

    4.2. Verwijder de prijs uit e-mails

    Standaard worden de prijzen verzonden met de orderbevestiging, dus we moeten de oorspronkelijke e-mailsjablonen overschrijven.

    1. Download en open de originele woocommerce email-order-items.php met een teksteditor; het bestand zou hier moeten zijn: wp-content / plugins / woocommerce / templates / e-mails / plain
    2. Verwijder deze regel:echo "\ n". sprintf (__ ('Kosten:% s', 'woocommerce'), $ order-> get_formatted_line_subtotal ($ item));
    3. Download en open de originele woocommerce email-order-details.php met een teksteditor; het bestand zou hier moeten zijn: wp-content / plugins / woocommerce / templates / e-mails / plain
    4. Verwijder deze regels:
      if ($ totalen = $ order-> get_order_item_totals ()) foreach ($ totalen als $ totaal) echo $ total ['label']. "\ t". $ totaal ['waarde']. "\ N"; 
    5. Upload beide bestanden die u zojuist hebt bewerkt in de woocommerce / e-mails / gewone map in je themadirectory

    4.3. Herschrijf smaakteksten

    WooCommerce introduceert standaard uw e-mails als volgt: "Uw bestelling is ontvangen en wordt nu verwerkt. Uw bestelgegevens worden hieronder getoond voor uw referentie".

    Als u dit wilt overschrijven, moet u deze 3 stappen volgen:

    1. download en open de originele woocommerce customer-processing-order.php met een teksteditor; het bestand zou hier moeten zijn: wp-content / plugins / woocommerce / templates / e-mails /
    2. herschrijf de regel die verantwoordelijk is voor de bovenstaande tekst, zoals u dat wilt:echo __ ("Uw bestelling is ontvangen en wordt nu verwerkt. Uw bestelgegevens worden hieronder getoond voor uw referentie:", 'woocommerce'). "\ N \ n";
    3. upload het bestand dat u zojuist hebt bewerkt naar de woocommerce / e-mails map binnen uw themamap

    Stap 5: Geniet ervan

    Nu u uw eigen door WooCommerce aangedreven catalogus hebt, kunt u achterover leunen en genieten van wat u hebt gemaakt. Wanneer iemand een verlanglijst maakt en u een prijsaanvraag stuurt, ontvangt u hiervan een e-mail en verschijnt zijn verzoek in uw admin-gebied onder WooCommerce> Bestellingen.

    Elke bestelling bevat het e-mailadres van uw klant-in-wording, zodat u hem uw prijsaanbieding handmatig kunt sturen, of misschien zelfs telefonisch contact met hem opneemt.

    Opmerking van de uitgever: Dit is geschreven door Marton Fekete voor Hongkiat.com. Marton is een Hongaarse siteontwikkelaar die onlangs verslaafd was aan WordPress. Hij is een herontwerpliefhebber en freelance contentschrijver die graag in zijn vrije tijd RPG's speelt.

    © Savtec
    Nuttige informatie en tips voor webontwikkeling. Programmering, webdesign, CSS, HTML, JAVASCRIPT. Configureer en installeer WINDOWS opnieuw. Creëren van sites en applicaties vanuit het niets.