SApi-webáruház kapcsolódások

Az ecommerce és webáruház összekapcsolások elég izgalmas terület, nagyon jó automatizálási lehetőségekkel.

Nézzünk egy konkrét példát, mi volt az elképzelés

Volt egy ügyfelem, aki webáruházat akart indítani, pontosabban megújítani. Csak egy tucat terméke volt, nem kellett kategorizálni, és a rendeléseket a SApi-ban akarta kezelni. Speciális kérés, hogy volt egy keverék termék, ami egységáron ment, de az öt eszencia összetevőt a vevő maga választhassa ki a 38 komponensből. Ez kb. 38*37*36*35*34 variáció, nyilván nem hozunk létre ennyi különféle terméket a shop-ban. Ezen kívül a szállítás súlyfüggő, és függ a fizetési módtól is.

Miből építünk webáruházat?

WordPress-sel, és Avadával építettük össze neki az oldalt, adta volna magát a woocommerce, és a SalesAutopilot for WooCommerce bővítmény, de én ezt nem nagyon akartam. Azt javasoltam hogy minél kevesebb bővítményt használjunk, ne terheljük le a rendszert, az egyedi igények miatt valahol valamivel úgyis szívás lett volna. Végül minimál komponensekkel készült el a rendszer, a sablon child theme-be került minden fejlesztés.

WordPress komponensek

Készült a termékeknek egy custom post type (termékek menüpont az adminon), ezek a szokásos cím, tartalom, kiemelt képen túl kaptak ár, súly és SApi Id mezőket. A WP admin ezeken túl kapott egy TablePress szállítási költségek táblát, ahol a súly és a szállítási mód mátrixba beírtuk az árat és a szállítási díj termék ID-t. Igen, 8 féle szállítási díj van, nem sokkal kevesebb mint ahány termék 🙂

Sávos szállítási díj működése

A SalesAutopilot-ban létre lettek hozva a termékek, ezek a fent leírt módon összekötve a WordPress termékekkel. Szintén termékként lettek létrehozva a szállítási díjak, így ezek tételesen tudnak a számlára kerülni, és létre lett hozva egy db űrlap az összes termékkel és szállítási móddal. Az űrlap kapott egy csinos design-t a WP-ben, és hamar kiderült, hogy az ügyfél gyakran fog változtatni az űrlapon, az egészet úgy kell elkészíteni hogy ő könnyen tudja használni. Ez így is sikerült, a generált űrlapot csak be kell másolnia a kosár oldal tartalmába, és az összes többit a fejlesztett rendszer elintézi. De mik is ezek?

  • a termék oldalakon egyszerű shortkoddal be tudja tenni a kosár gombot a kívánt helyre: [addtocart showprice=”1″ id=”881773″]
  • kosár gombra kattintáskor szinezéssel jelzi az eseményt, és fent az ikonon egy kis szám jelzi a benne lévő termékek mennyiségét
  • a kosárbarakás az oldal újratöltése nélkül működik, egy kis javascript süti-be letárolja hogy mely termékekből mennyi van a kosárban
  • a kosár oldalon a bemásolt SApi űrlapot a wordpress egy hook-kal szétvágja, a termék részt kicseréli, és azok kerülnek bele amik a kosárban vannak
  • a kosár oldalon működnek a plusz/minusz gombok, itt automatikusan újrakalkulálódik az ár és a szállítási költség
  • a kosár oldalon a tovább gomb megnyomására megjellen az eddig rejtett űrlapmezők, újratöltés nélkül lehet kitölteni és rendelni
  • a speciális termék összetevői átláthatóan megjelennek a kosárban, majd egy rejtett mezőben átadódnak a SApi felé