WooCommerce: Begär offert/ Produktfråga

WooCommerce är det mest använda e-commerce verktyget för WordPress.

Det finns alternativ, men inget av dom används av lika många som Woo. Med ett enkelt och överskådligt produktregister kan man ställa in allt efter behov likaväl som man kan ange villkor för frakt, betalning, artikelnummer, lagersaldo med mera. Skriver man utöver det egen kod så blir möjligheterna i princip oändliga.

I denna artikeln visar jag dig hur du skapar en extra ”flik” (även kallat tabb) för enskilda produkter där webbutikens besökare kan skicka en fråga/ offert till butiksinnehavaren. Även här är möjligheterna oändliga.

Syftet med detta formulär är att erbjuda kunden en möjlighet att ställa frågor samt begära offert om vad produkten kostar i bulk.

Tanken med detta är alltså 

  1. Ge besökaren en möjlighet att skicka en fråga/  offert direkt till butiksinnehavaren
  2. Ge butiksinnehavaren en direkt överblick om produktens lagersaldo, artikelnummer, produktens namn, kompletta kunduppgifter samt kundens fråga/ offert

 


1: installera alla nödvändiga tillägg

Ladda ner de tre tilläggen nedan. Gå sedan till ”Tillägg”  ”Lägg till nytt” och sedan ”Ladda upp tillägg”.

  1. Contact Form 7
  2. Dynamic Text
  3. Ticket NR för WooCommerce

 

Aktivera alla tilläggen. Du får nu ett nytt alternativ i WP-menyn till vänster som heter ”Kontakt”. Gå dit och klicka på knappen ”Skapa nytt” uppe till vänster på skärmen. Döp formuläret till WCPEF.


2: redigera (barn)temats functions.php

Har du inget barntema så rekommenderar jag dig starkt att skapa ett. Följ instruktionerna i min artikel om hur du gör här. Om du redigerar functions.php i ditt vanliga tema och temat uppdateras så förlorar du all information. Därför, barntema.

Via din FTP, ladda ner functions.php och öppna filen i t ex Anteckningar eller Notepad++. Du hittar functions.php här  /wp-content/themes/ditt-tema/functions.php

Längst ner, lägg till följande kod 

Glöm inte bort att antingen ändra ”0000” och ”xxx” till ditt butiksinnehavarens kontaktuppgifter. Du kan även texten som styr vad fliken/ tabben ska heta. Ändra ”Offert/ Bulkorder” till valfri text. Stäng inte filen än då vi ska tillbaka hit strax för att ändra en sak till.


3: lägg till kontaktformuläret

I formuläret som du skapade och döpte till ”WCPEF”, lägg till följande text i ”Formulär” fliken

 

Du kan, om du vill, ändra namnen på de olika fälten om du vill. Text som du kan ändra är 

  1. Ditt namn
  2. Din e-post
  3. Produktens namn
  4. Produkt SKU
  5. Antal i lager
  6. Meddelande
  7. Skicka förfrågan

Klicka sedan på fliken ”Epost” och lägg till följande i ”Ämne” 

 

Sist, lägg följande i ”Meddelande” 


4: lägg till ID i functions.php

Det sista vi ska göra är att lägga till ID:et från kontaktformuläret i functions.php. Contact Form 7 genererar olika ID:n för varje kontaktformulär du skapar, vilket är varför jag inte på förhand vet vilket ID just ditt formulär fått. Om du tittar under namnet så ser du formulärets så kallade ”shortcode” 

Där ser du ID:et. Gå tillbaka till functions.php och ändra där du ser denna rad 


Klart!

Via FTP, döp om functions.php (den som ligger på servern) till old_functions.php, spara den du redigerat på ditt skrivbord/ annan plats och ladda sedan upp den via FTP:n och besök sedan din butik. Tryck CTRL (CMD för Mac)  + SHIFT + R för att uppdatera och se ändringarna du gjort.

I exemplet nedan kan vi se att jag angett ett artikelnummer för ”T-shirt” och jag har angett ett lagersaldo. Samma sak gäller för ”Beaniemössa”. På produkter som inte har dessa uppgifter så lämnas e-postmeddelandet tomt på de angivna platserna.

Du kan, om du vill, lägga till fler funktioner under ”Meddelande”. CF7 har stöd för följande 

  1. [_remote_ip]
  2. [_user_agent]
  3. [_url]
  4. [_date]
  5. [_time]
  6. [_post_id]
  7. [_post_name]
  8. [_post_title]
  9. [_post_url]
  10. [_post_author]
  11. [_post_author_email]
  12. [_serial_number]

Mer information om dessa hittar du här. Efteråt så har jag med hjälp av re-direct funktionen för Contact Form 7 skickat besökaren vidare till en ”Tacksida” 

WooCommerce Tack Sida

 




Det var allt :) Vill du ställa en fråga eller behöver du hjälp?
Vänligen lämna en kommentar eller kontakta mig på Facebook Messenger.



Om Bjornen

Jag är en hobbyförfattare & WP-nörd som försöker tömma hjärncellerna på kreativitet. När jag inte skriver så utökar jag mina WP-kunskaper genom att blogga och hänga på diverse sociala medier. Jag gör mitt bästa och min passion för WordPress enbart växer.

Kommentera


OBS: Alla kommentarer granskas innan dom blir publicerade. Ha en go dag!