Ugrás a tartalomhoz
POLYMAIND Creative Agency

Eseménynaptár WooCommerce-hez:
egy pipa, és a termékből esemény lesz

ÜGYFÉL
Vendéglátóhely főzőkurzusokkal és borvacsorákkal
KATEGÓRIA
WEBSYS
STACK
WordPress · WooCommerce · saját bővítmény · Elementor
WooCommerce-termékszerkesztő az Esemény jelölővel és fülével, mellette az elegáns listanézetű eseménynaptár árakkal, kategóriacímkékkel és Elfogyott jelzéssel, kitalált mintaadatokkal
Egy pipa a terméknél, és a program már a naptárban van (kitalált mintaadatok).
1 helyen kezelt program: a webshopban
0 dupla adatfelvitel a webshop és a naptár között
2 oldal, egy adatforrás: Események és Főzőiskola

Kiinduló helyzet

Egy vendéglátó ügyfelünk rendszeresen tart fizetős programokat: főzőkurzusokat, borvacsorákat, kóstolókat. A jegyeket a webshopban árulta, a programokat viszont egy külön naptárbővítményben kellett újra felvinni. Így minden időpont két helyen élt.

  • Minden új időpontot kétszer kellett felvinni.
  • Ha egy program betelt, a naptárban kézzel kellett jelezni, különben továbbra is kaphatóként szerepelt.
  • Lejárt programot is meg lehetett venni, ha valaki elfelejtette kivenni.
  • A naptár és a webshop adatai idővel eltértek egymástól: rossz nap a leírásban, más név a két helyen.
  • A külön naptárbővítmény nehéz volt: rengeteg felesleges funkció, saját stílusok, külön frissítendő és licencelendő kód. Ráadásul lefoglalta a programoldal webcímét, így az oldal bemutatkozó tartalma meg sem jelent.

A cél: a programot ott kezelni, ahol eladják, a webshopban. A naptár magától frissüljön, a látogató pedig ugyanazt a megszokott, elegáns naptárat lássa, mint addig. És a megoldás legyen újrahasznosítható, ne egyszeri egyedi kód.

Amit építettünk

Egy korábbi projektünk egyedi eseménynaptárát alakítottuk át általános, bármely WordPress-oldalra telepíthető bővítménnyé, és kiegészítettük webshopos funkciókkal.

WooCommerce-termékszerkesztő az Esemény jelölővel és fülével, mellette az elegáns listanézetű eseménynaptár árakkal, kategóriacímkékkel és Elfogyott jelzéssel, kitalált mintaadatokkal
A termékszerkesztő Esemény jelölője és a naptár listanézete, kitalált mintaadatokkal.

„Ez egy esemény”: egyetlen pipa a terméknél

  • A WooCommerce termékszerkesztőjében a „Virtuális” és „Letölthető” mellé bekerült egy Esemény jelölő. Bepipálva új fül nyílik: kezdés, befejezés, helyszín, szervező, kiemelés.
  • Több időpontos programnál minden variációnak saját dátuma lehet. A naptárban mindegyik külön látszik, a kártyás listában csak a legközelebbi, „+2 további időpont” jelzéssel.
  • Az eseménykategóriát a termékkategóriából kapja, azonos néven vagy beállítható párosítással. A kategóriáknak saját színük van, ez a naptárban pöttyként és csíkként jelenik meg.

A naptár a webshopból él

  • Az ár, a készlet és az „Elfogyott” állapot egyenesen a webshopból jön, külön karbantartás nélkül.
  • Lejárt program nem vásárolható: a befejezés után a gomb magától eltűnik.
  • A rendelésben és a vásárlói e-mailben is megjelenik az időpont és a helyszín.
  • A naptárkártyáról a látogató egyenesen a termékoldalra, a vásárláshoz jut.

Maradt a megszokott stílus

Az ügyfél kifejezett kérése volt, hogy a naptár ugyanolyan maradjon, mint addig. Ezért készült egy elegáns nézet keresősávval és Lista / Hónap váltóval. Listában hónaponként tagolva látszik a dátum, az időpont, a cím, a kategória, az ár és a kép; havi nézetben kategóriaszínű csíkok és rámutatásra előugró kártyák. Mobilon a havi rács pöttyös nézetre vált. A betűket és színeket az oldal arculatából veszi át, és minden felirat, szín, forma élő előnézettel átírható.

Két oldal, egy adatforrás

Az Események oldal minden programot mutat, a Főzőiskola oldalon a meglévő bemutatkozó tartalom fölé került a csak kurzusokat mutató naptár. Mindkettő ugyanabból az adatból dolgozik, egy programot csak egyszer kell felvinni.

Átállás

  1. A meglévő programok dátumát, időpontját és helyszínét a termékleírásokból olvastuk ki és állítottuk át. Közben két elírást is találtunk (rossz hónap, rossz nap), ezeket jeleztük.
  2. A régi naptárbővítményt kikapcsoltuk, így felszabadult a programoldal webcíme, és újra megjelent a hozzá tartozó bemutatkozó tartalom.
  3. A módosított oldalak korábbi állapotát elmentettük, hogy bármikor visszaállítható legyen.

Eredmény

  • Egy helyen kezelhető program: a termék a webshopban él, a naptár magától követi.
  • Nincs dupla adatfelvitel, és nincs eltérés a webshop és a naptár között.
  • Betelt program automatikusan „Elfogyott”, lejárt program nem vásárolható.
  • Egy nehéz, általános bővítmény helyett könnyű, célra szabott modul fut.
  • A látogatóknak nem változott semmi: ugyanaz az elegáns naptár, az arculathoz igazítva.

Technikai háttér

  • WordPress-bővítmény magyar felülettel, külső függőség és külső betűtípus nélkül.
  • Megjelenítés shortcode-dal vagy natív Elementor widgettel, widgetenként állítható színnel, betűvel, oszlopokkal.
  • A termékek mentését, készletét, rendeléseit és törlését a modul magától követi.
  • REST API és iCal-feed: a programok más oldalon, alkalmazásban vagy kijelzőn is megjeleníthetők, és Google-, Apple- vagy Outlook-naptárból fel lehet rájuk iratkozni.
  • Nyilvános beküldő űrlap jóváhagyással, CSV-import, átemelés egy elterjedt naptárbővítményből, a témából felülírható sablonok.
  • Következő lépés: kapcsolat a POLY-OS-szel, hogy az események és a jegyeladások több oldalról egy központi felületre fussanak be.

Kinek szól

Éttermeknek, borászatoknak, rendezvényhelyszíneknek, workshopokat vagy kurzusokat tartó vállalkozásoknak, akik jegyet vagy részvételi díjat webshopban árulnak, és a programot naptárban is meg akarják mutatni, egy nehéz, általános bővítmény helyett az arculatukhoz igazítva.

Te is két helyen kezeled a programjaidat? Legyen a webshopod a naptárad →